/* ══════════════════════════════════════════════════════════════
   D365 BUTTON STYLES — Standalone pages (Reports, etc.)
   Consistent button theming for pages without layout reference
   ══════════════════════════════════════════════════════════════ */

:root {
    --d365-accent: #0078d4;
    --d365-accent-hover: #005a9e;
    --d365-danger: #d13438;
    --d365-warn: #f7630c;
    --d365-success: #107c10;
    --d365-border: #e1e1e1;
    --d365-text: #242424;
    --d365-text-sec: #616161;
}

/* Solid buttons */
.btn-primary, .btn-success {
    background: var(--d365-accent) !important;
    border-color: var(--d365-accent) !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-primary:hover, .btn-success:hover {
    background: var(--d365-accent-hover) !important;
    border-color: var(--d365-accent-hover) !important;
    box-shadow: 0 2px 8px rgba(0,120,212,0.3) !important;
}

.btn-danger {
    background: var(--d365-danger) !important;
    border-color: var(--d365-danger) !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-danger:hover {
    background: #b02a2e !important;
    border-color: #b02a2e !important;
    box-shadow: 0 2px 8px rgba(209,52,56,0.3) !important;
}

.btn-warning {
    background: var(--d365-warn) !important;
    border-color: var(--d365-warn) !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-warning:hover {
    background: #d65400 !important;
    border-color: #d65400 !important;
    box-shadow: 0 2px 8px rgba(247,99,12,0.3) !important;
}

.btn-info {
    background: var(--d365-accent) !important;
    border-color: var(--d365-accent) !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-info:hover {
    background: var(--d365-accent-hover) !important;
    border-color: var(--d365-accent-hover) !important;
    box-shadow: 0 2px 8px rgba(0,120,212,0.3) !important;
}

.btn-secondary {
    background: #fff !important;
    border: 1.5px solid var(--d365-border) !important;
    color: var(--d365-text) !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-secondary:hover {
    background: #f5f5f5 !important;
    border-color: var(--d365-accent) !important;
    color: var(--d365-accent) !important;
}

/* Outline buttons */
.btn-outline-primary, .btn-outline-success {
    background: transparent !important;
    border: 1.5px solid var(--d365-accent) !important;
    color: var(--d365-accent) !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-outline-primary:hover, .btn-outline-success:hover {
    background: var(--d365-accent) !important;
    color: #fff !important;
}

.btn-outline-secondary {
    background: transparent !important;
    border: 1.5px solid var(--d365-border) !important;
    color: var(--d365-text-sec) !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-outline-secondary:hover {
    background: #f5f5f5 !important;
    border-color: var(--d365-accent) !important;
    color: var(--d365-accent) !important;
}

.btn-outline-danger {
    background: transparent !important;
    border: 1.5px solid var(--d365-danger) !important;
    color: var(--d365-danger) !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-outline-danger:hover {
    background: var(--d365-danger) !important;
    color: #fff !important;
}

.btn-outline-warning {
    background: transparent !important;
    border: 1.5px solid var(--d365-warn) !important;
    color: var(--d365-warn) !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.15s;
}
.btn-outline-warning:hover {
    background: var(--d365-warn) !important;
    color: #fff !important;
}

/* Custom report buttons — D365 styled */
.btn-show {
    background: var(--d365-accent) !important;
    color: #fff !important;
    border: none;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;
    letter-spacing: 0.02em;
}
.btn-show:hover {
    background: var(--d365-accent-hover) !important;
    box-shadow: 0 2px 8px rgba(0,120,212,0.3);
}

.btn-reset {
    background: #fff !important;
    color: var(--d365-text-sec) !important;
    border: 1.5px solid var(--d365-border) !important;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-reset:hover {
    border-color: var(--d365-accent) !important;
    color: var(--d365-accent) !important;
    background: #f8f8f8 !important;
}

/* Common button base */
.btn {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    letter-spacing: 0.02em;
}
.btn:focus { outline: none; box-shadow: none !important; }
.btn-sm {
    font-size: 12px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}