/* Master UI redesign — final shared layer. Presentation only; business logic is unchanged. */
:root {
    --color-primary: #087451;
    --color-primary-dark: #003f35;
    --color-primary-soft: #eaf7f0;
    --color-accent: #c99724;
    --color-text: #101827;
    --color-muted: #667085;
    --color-border: #e4e9e7;
    --color-background: #f8faf8;
    --color-danger: #c62828;
    --color-warning: #a76500;
    --color-success: #087451;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --shadow-sm: 0 1px 2px rgba(16,24,39,.04), 0 8px 24px rgba(16,24,39,.04);
    --shadow-md: 0 20px 50px rgba(16,24,39,.10);
    --sidebar-width: 272px;
    --content-max-width: 1540px;
}

.dkk-premium-ui { background: var(--color-background) !important; color: var(--color-text); }
.dkk-premium-ui .admin-shell { grid-template-columns: var(--sidebar-width) minmax(0,1fr); }
.dkk-premium-ui .admin-main { padding: 0; background: #fbfcfb; }
.dkk-premium-ui .admin-content { width: min(100%, var(--content-max-width)); padding: 0 28px 32px; }

/* Premium dark navigation from the approved visual direction. */
.dkk-premium-ui .admin-sidebar,
.dkk-admin-modern .admin-sidebar {
    width: var(--sidebar-width);
    padding: 22px 18px 18px;
    color: #fff !important;
    background: radial-gradient(circle at 50% 0%, rgba(13,128,86,.32), transparent 28%), linear-gradient(180deg,#003c33 0%,#00493d 55%,#003d35 100%) !important;
    border-right: 1px solid rgba(255,255,255,.06);
    box-shadow: 8px 0 28px rgba(0,48,40,.12) !important;
}
.dkk-admin-modern .admin-sidebar::before { display:none; }
.dkk-admin-modern .dkk-sidebar-brand { margin: 0 0 22px; padding: 12px; background: transparent; border: 0; box-shadow: none; }
.dkk-admin-modern .dkk-sidebar-brand .dkk-brand-logo img { width: 220px !important; max-height: 92px !important; filter: drop-shadow(0 8px 18px rgba(0,0,0,.18)); }
.dkk-premium-ui .sidebar-nav-section { color: rgba(255,221,133,.72); }
.dkk-admin-modern .sidebar-nav a,
.dkk-premium-ui .sidebar-nav a { min-height: 52px; padding: .72rem .9rem; color: rgba(255,255,255,.88) !important; background: transparent !important; border: 1px solid transparent !important; box-shadow: none; }
.dkk-admin-modern .sidebar-nav a span { color: #fff !important; font-weight: 750; }
.dkk-admin-modern .sidebar-nav a small { color: rgba(255,255,255,.58) !important; font-weight: 500; }
.dkk-admin-modern .sidebar-nav a:hover,
.dkk-admin-modern .sidebar-nav a.is-active { transform: none; background: linear-gradient(135deg,#0c8056,#087149) !important; border-color: rgba(255,255,255,.08) !important; box-shadow: 0 10px 24px rgba(0,0,0,.14); }
.dkk-premium-ui .sidebar-nav a::before { left: .35rem; height: 18px; background: transparent; }
.dkk-premium-ui .sidebar-nav a.is-active::before { background: #efc14d; }
.dkk-advanced-nav { border-top-color: rgba(255,255,255,.12); }
.dkk-advanced-nav summary { color: rgba(255,255,255,.62); }
.dkk-admin-modern .sidebar-footer { padding: 16px; border: 1px solid rgba(225,181,57,.58); background: rgba(0,48,40,.38); box-shadow: none; }
.dkk-admin-modern .sidebar-footer p { color: rgba(255,255,255,.78) !important; line-height: 1.55; }
.dkk-admin-modern .sidebar-chip { color: #f3c64f; background: transparent; padding: 0; }

/* Quiet top bar; page content remains the visual focus. */
.dkk-premium-ui .admin-topbar { position: sticky; top: 0; min-height: 84px; margin: 0 0 22px; padding: 14px 28px; border: 0; border-bottom: 1px solid var(--color-border); border-radius: 0; background: rgba(255,255,255,.94); box-shadow: none; backdrop-filter: blur(16px); }
.dkk-premium-ui .admin-topbar h2 { font-size: 1.38rem; color: var(--color-text); }
.dkk-premium-ui .admin-topbar p { color: var(--color-muted); }
.dkk-premium-ui .topbar-user-card { min-height: 46px; background: #fff; border-color: var(--color-border); border-radius: var(--radius-md); }
.dkk-premium-ui .avatar-circle { border-radius: 50%; background: var(--color-primary-soft); color: var(--color-primary-dark); }

.dkk-premium-ui .dkk-phase6-panel,
.dkk-premium-ui .hero-banner,
.dkk-premium-ui .content-card,
.dkk-premium-ui .metric-card,
.dkk-premium-ui .stat-card,
.dkk-premium-ui .card,
.dkk-premium-ui .dkk-dashboard-panel { border-color: var(--color-border) !important; border-radius: var(--radius-lg) !important; box-shadow: var(--shadow-sm) !important; }
.dkk-premium-ui .dkk-phase6-hero { background: radial-gradient(circle at 95% 5%,rgba(201,151,36,.12),transparent 27%),#fff; }
.dkk-premium-ui .btn { min-height: 42px; border-radius: var(--radius-sm) !important; }
.dkk-premium-ui .form-control,
.dkk-premium-ui .form-select { min-height: 46px; border-radius: var(--radius-sm) !important; }
.dkk-premium-ui :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid rgba(8,116,81,.22); outline-offset: 2px; }
.dkk-premium-ui .table-responsive { border-color: var(--color-border); border-radius: var(--radius-md); scrollbar-width: thin; }
.dkk-premium-ui .table thead th { background: #f7f9f8 !important; color: #55625d !important; }
.dkk-premium-ui .table tbody tr:hover { background: #f2faf6; }
.dkk-premium-ui .modal-content,
.dkk-premium-ui .dropdown-menu { max-width: calc(100vw - 24px); border-color: var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-md); }
.dkk-premium-ui img { height: auto; }

/* Login keeps real branding and becomes a practical split-screen experience. */
.dkk-auth-page { background: #f8faf8 !important; }
.dkk-auth-page .dkk-auth-shell { border-radius: 24px; border: 1px solid var(--color-border); overflow: hidden; box-shadow: var(--shadow-md); }
.dkk-auth-page .dkk-auth-brand-panel { background: radial-gradient(circle at 30% 10%,rgba(201,151,36,.22),transparent 30%),linear-gradient(145deg,#003a31,#005143) !important; }
.dkk-auth-page .dkk-auth-card { background: #fff; }
.dkk-auth-page .dkk-login-btn { background: linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)) !important; }

@media (max-width: 1180px) {
    :root { --sidebar-width: 252px; }
    .dkk-premium-ui .admin-content { padding-inline: 20px; }
}
@media (max-width: 991px) {
    .dkk-premium-ui .admin-shell { display:block; }
    .dkk-premium-ui .admin-sidebar { display:none !important; }
    .dkk-premium-ui.dkk-sidebar-open::after { content:""; position:fixed; inset:0; z-index:70; background:rgba(0,25,21,.52); backdrop-filter:blur(2px); }
    .dkk-premium-ui.dkk-sidebar-open .admin-sidebar { display:flex !important; position:fixed; inset:0 auto 0 0; z-index:80; width:min(330px,88vw); overflow-y:auto; }
    .dkk-premium-ui .admin-topbar { grid-template-columns:auto minmax(0,1fr); top:0; padding-inline:20px; }
    .dkk-premium-ui .dkk-sidebar-toggle { display:grid; }
    .dkk-premium-ui .topbar-actions { grid-column:1/-1; }
}
@media (max-width: 768px) {
    .dkk-premium-ui .admin-content { padding:0 12px 22px; }
    .dkk-premium-ui .admin-topbar { margin-bottom:14px; padding:12px; }
    .dkk-premium-ui .admin-topbar .eyebrow,
    .dkk-premium-ui .admin-topbar p { display:none; }
    .dkk-premium-ui .topbar-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
    .dkk-premium-ui .topbar-actions > a { display:none !important; }
    .dkk-premium-ui .topbar-user-card { width:auto; min-width:0; }
    .dkk-premium-ui .topbar-actions form,
    .dkk-premium-ui .topbar-actions form .btn { width:auto; }
    .dkk-premium-ui .table { min-width:680px; }
    .dkk-premium-ui .dkk-phase6-pad { padding:1rem; }
    .dkk-premium-ui .dkk-section-title { flex-direction:column; }
    .dkk-premium-ui .modal-dialog { margin:12px; }
}
@media (max-width: 430px) {
    .dkk-premium-ui .admin-topbar h2 { font-size:1.1rem; }
    .dkk-premium-ui .topbar-user-card span { display:none; }
    .dkk-premium-ui .topbar-actions .btn { min-height:40px; padding-inline:.72rem; }
    .dkk-premium-ui .dkk-flow-grid,
    .dkk-premium-ui .dkk-kpi-simple { grid-template-columns:1fr; }
    .dkk-premium-ui .card-body,
    .dkk-premium-ui .content-card { padding:.9rem; }
    .dkk-auth-page .dkk-auth-card { padding:24px 18px; }
}
@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}
@media print {
    .dkk-premium-ui .admin-sidebar,
    .dkk-premium-ui .admin-topbar { display:none !important; }
}