/* Mohsin dashboard — "Studio" theme (espresso / gold / cream), modelled on the Shahina Ahmed studio dashboard.
   Override layer: loaded after the app CSS. Remove the <link> in index.html to roll back. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root,html,:root:has(.hub-main){
  --hub-bg:#f7f3ec !important;--hub-text:#221c1a !important;--hub-text-2:#4a403b !important;--hub-muted:#5a4f48 !important;--hub-text-muted:#5a4f48 !important;--hub-faint:#7a6d64 !important;
  --hub-line:#e0d5c8 !important;--hub-border:#e0d5c8 !important;--hub-border-strong:#cfc0ae !important;--hub-line-strong:#cfc0ae !important;
  --hub-surface:#ffffff !important;--hub-surface-secondary:#fbf8f5 !important;
  --hub-primary:#85643f !important;--hub-primary-hover:#6a4e30 !important;--hub-primary-soft:#efe4d2 !important;--hub-primary-ring:rgba(194,161,91,.35) !important;
  --hub-indigo:#85643f !important;--hub-indigo-soft:#efe4d2 !important;--hub-violet:#7a6a2e !important;--hub-purple:#7a6a2e !important;
  --hub-blue:#3d5a73 !important;--hub-cyan:#3d5a73 !important;--hub-green:#2f6b4f !important;--hub-success:#2f6b4f !important;
  --hub-red:#9b2f2f !important;--hub-danger:#9b2f2f !important;--hub-amber:#8a5a12 !important;--hub-warning:#8a5a12 !important;--hub-orange:#a24a12 !important;
  --hub-side:#1b1715 !important;--hub-side-2:#2b2420 !important;
  --hub-shadow:0 1px 2px rgba(34,28,26,.06) !important;--hub-shadow-lg:0 10px 30px -12px rgba(34,28,26,.22) !important;
  --hub-radius-md:12px !important;--hub-radius-lg:16px !important;
  --hub-font:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  --studio-serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
}
html,body{background:linear-gradient(#f7f3ec,#f0eae0) fixed !important;color:#221c1a;font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
body,button,input,select,textarea{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
.hub-main,.dashboard-main{background:transparent !important}
h1,h2,h3,.hub-page-head h1,.hub-card-head h2,.hub-card-head h3,.hub-brand-text{font-family:var(--studio-serif) !important;letter-spacing:.2px}
h1,.hub-page-head h1{font-weight:500 !important;font-size:34px !important;line-height:1.1 !important;color:#1b1715 !important}
.hub-eyebrow{color:#85643f !important;letter-spacing:.9px !important;font-weight:700 !important}
/* sidebar */
.hub-sidebar,.sidebar{background:linear-gradient(180deg,#1b1715,#2b2420 62%,#342b26) !important;border-color:#3a302b !important;color:#ede5d9 !important;box-shadow:0 18px 40px -22px rgba(27,23,21,.7) !important}
.hub-brand-text{color:#f1e3c4 !important;font-size:26px !important;font-weight:600 !important}
.hub-nav-label{color:#b7a898 !important}
.hub-nav-head{color:#ede5d9 !important;font-weight:600 !important}
.hub-nav-head svg{color:#c2a15b !important}
.hub-nav-head:hover{background:rgba(255,255,255,.06) !important}
.hub-nav-head .nav-caret,.hub-nav-caret{color:#b7a898 !important}
.sidebar .nav-item,.hub-sidebar .nav-item{color:#d8cdbf !important;font-weight:500 !important;border-radius:10px !important}
.sidebar .nav-item:hover,.hub-sidebar .nav-item:hover{background:rgba(255,255,255,.07) !important;color:#fff !important}
.sidebar .nav-item.active,.hub-sidebar .nav-item.active{background:linear-gradient(90deg,#7a5c22,#96732f) !important;color:#fff !important;font-weight:600 !important;box-shadow:0 8px 18px -10px rgba(0,0,0,.6) !important}
.sidebar .nav-item.active svg{color:#fff !important}
.hub-sidebar svg{color:inherit}
/* topbar */
.hub-topbar{background:rgba(247,243,236,.86) !important;border-bottom:1px solid #e0d5c8 !important;backdrop-filter:blur(6px)}
.hub-jump,.hub-jump input{background:#fff !important;border-color:#dcd0c3 !important;border-radius:999px !important}
.hub-avatar{background:linear-gradient(135deg,#7a5c22,#c2a15b) !important;color:#fff !important}
/* cards */
.hub-card{background:#fff !important;border:1px solid #e0d5c8 !important;border-top:2px solid #c2a15b !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(34,28,26,.06) !important}
.hub-card-head{border-bottom-color:#e8dfd6 !important}
.hub-card-head h2,.hub-card-head h3{font-size:22px !important;font-weight:600 !important}
.hub-table th,.hub-table thead th{background:#fbf8f5 !important;color:#5a4f48 !important;border-bottom-color:#e0d5c8 !important}
.hub-table td{border-bottom-color:#e8dfd6 !important}
.hub-table tbody tr:hover td{background:#fbf8f3 !important}
/* KPI tiles */
.hub-kpis{gap:14px !important}
.hub-kpi{position:relative;overflow:hidden;border:0 !important;border-radius:16px !important;color:#fff !important;background:linear-gradient(135deg,#221c1a,#443930) !important;box-shadow:0 16px 30px -18px rgba(27,23,21,.6) !important}
.hub-kpi:before{content:"";position:absolute;right:-26px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}
.hub-kpi:after{display:none !important}
.hub-kpi-purple,.hub-kpi:nth-child(4n+1){background:linear-gradient(135deg,#221c1a,#443930) !important}
.hub-kpi-blue,.hub-kpi:nth-child(4n+2){background:linear-gradient(135deg,#4f4339,#6f5f50) !important}
.hub-kpi-green,.hub-kpi:nth-child(4n+3){background:linear-gradient(135deg,#4b5a45,#66775d) !important}
.hub-kpi-orange,.hub-kpi-amber,.hub-kpi:nth-child(4n+4){background:linear-gradient(135deg,#a24a12,#c46e1c) !important}
.hub-kpi-cyan{background:linear-gradient(135deg,#6a4e30,#8a6a48) !important}
.hub-kpi-red{background:linear-gradient(135deg,#7d2323,#9b2f2f) !important}
.hub-kpi *:not([class*=pill]):not([class*=chip]):not([class*=badge]){color:rgba(255,255,255,.95) !important}
.hub-kpi [class*=bar],.hub-kpi [class*=track],.hub-kpi [class*=meter]{background:rgba(255,255,255,.22) !important}
.hub-kpi [class*=fill]{background:rgba(255,255,255,.9) !important}
.hub-kpi [class*=value],.hub-kpi strong{font-family:var(--studio-serif) !important;font-weight:600 !important;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
/* buttons / pills */
.hub-btn{border-radius:999px !important;font-weight:600 !important}
.hub-btn:not(.hub-btn-light):not(.hub-btn-soft){background:#221c1a !important;border-color:#221c1a !important;color:#fff !important;box-shadow:0 8px 20px -10px rgba(27,23,21,.55)}
.hub-btn-light,.hub-btn-soft{background:#fff !important;border:1px solid #dcd0c3 !important;color:#4a403b !important}
.hub-btn-light:hover,.hub-btn-soft:hover{background:#fbf8f5 !important}
.hub-select-sm,select,input[type=text],input[type=search],input[type=number],input[type=date],textarea{border-color:#dcd0c3 !important;border-radius:10px}
select:focus,input:focus,textarea:focus{outline:2px solid #e2cfa6 !important;border-color:#c2a15b !important}
.hub-pill{border-radius:999px !important;font-weight:700 !important}
.hub-pill-amber{background:#f7ebd5 !important;color:#8a5a12 !important}
.hub-text-green{color:#2f6b4f !important}.hub-text-red{color:#9b2f2f !important}.hub-text-blue{color:#3d5a73 !important}
.hub-daterange select,.hub-daterange .hub-step{border-radius:999px !important}
/* generic fallbacks for non-hub (tailwind) pages */
.bg-indigo-600,.bg-blue-600,.bg-primary{background-color:#221c1a !important}
.text-indigo-600,.text-blue-600{color:#85643f !important}
.border-indigo-500,.border-blue-500{border-color:#c2a15b !important}
.ring-indigo-500,.focus\:ring-indigo-500:focus{--tw-ring-color:#c2a15b !important}
a{color:#7a5c22}
::selection{background:#e8d6ad}
@media (max-width:900px){h1,.hub-page-head h1{font-size:26px !important}}