/* KOSIF V5 — visual system adopted from the supplied Sales Analysis Dashboard. */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

:root{
  --bg:#f8fafc!important;--surface:#ffffff!important;--surface2:#f8fafc!important;--line:#eef2f7!important;
  --text:#1e293b!important;--ink:#1e293b!important;--muted:#64748b!important;--brand:#6366f1!important;--brand2:#a855f7!important;
  --mint:#06b6d4!important;--green:#10b981!important;--amber:#f59e0b!important;--red:#f43f5e!important;--blue:#6366f1!important;
  --paper:#ffffff!important;--radius:16px!important;--dashboard-shadow:0 4px 24px -6px rgba(99,102,241,.12);
  --dashboard-shadow-hover:0 12px 40px -8px rgba(99,102,241,.25);--dashboard-gradient:linear-gradient(135deg,#6366f1,#a855f7);
  --dashboard-hero:linear-gradient(135deg,#6366f1 0%,#8b5cf6 55%,#ec4899 100%);font-family:'Tajawal','Segoe UI',Tahoma,system-ui,sans-serif!important;color-scheme:light!important;
}
*:not(i):not([class*="icon"]):not([class*="fa-"]):not(.material-icons):not(.material-symbols-outlined):not(svg):not(path){font-family:'Tajawal','Segoe UI',Tahoma,system-ui,sans-serif!important}
html{scroll-behavior:smooth;background:#f8fafc}body{background:#f8fafc!important;background-image:radial-gradient(600px 400px at 95% -5%,rgba(99,102,241,.08),transparent 60%),radial-gradient(500px 380px at -5% 40%,rgba(6,182,212,.07),transparent 60%),radial-gradient(500px 380px at 100% 85%,rgba(236,72,153,.06),transparent 60%)!important;color:#1e293b!important}
::selection{background:rgba(99,102,241,.25)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#818cf8,#c084fc);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f1,#a855f7)}
.topbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #f1f5f9!important;box-shadow:0 2px 16px -4px rgba(99,102,241,.1)!important;color:#1e293b!important;backdrop-filter:blur(12px)!important}
.brand{color:#1e293b!important}.brand>span{background:var(--dashboard-gradient)!important;color:#fff!important;border-radius:12px!important}.brand small{color:#94a3b8!important}
.panel,.doc,.request,.adjustment,.seat,.issue-card,.coverage-row,.statement-workspace,.cash-flow-workspace,.equity-workspace,.disclosure-workspace,.completion-room,.document-inspector-panel{background:#fff!important;color:#1e293b!important;border:1px solid #f1f5f9!important;border-radius:16px!important;box-shadow:var(--dashboard-shadow)!important;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease!important}
.panel:hover{box-shadow:0 6px 28px -8px rgba(99,102,241,.16)!important}.doc:hover,.request:hover,.adjustment:hover,.issue-card:hover{box-shadow:var(--dashboard-shadow-hover)!important;transform:translateY(-2px)}
h1,h2,h3,h4,h5,.section-heading,.title,.page-title{color:#1e293b!important;font-weight:800!important}.eyebrow{color:#6366f1!important;font-weight:800!important;letter-spacing:.08em!important}.muted,.hint,.subtitle,.sub,small,.empty{color:#94a3b8!important}
.hero{background:var(--dashboard-hero)!important;color:#fff!important;border-radius:24px!important;box-shadow:0 16px 48px -12px rgba(139,92,246,.45)!important;padding:clamp(24px,4vw,44px)!important;align-items:center!important}.hero h1,.hero h2,.hero h3{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}.hero p,.hero small,.hero .eyebrow{color:rgba(255,255,255,.88)!important}.hero .intent-card{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(8px);box-shadow:none!important}.hero .intent-card:hover{background:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.4)!important}.hero .intent-card strong,.hero .intent-card span{color:#fff!important}.hero .intent-card small{color:rgba(255,255,255,.78)!important}
.primary,.btn-primary,button.primary{background:var(--dashboard-gradient)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px -2px rgba(99,102,241,.4)!important;font-weight:700!important}.primary:hover,.btn-primary:hover,button.primary:hover{box-shadow:0 8px 22px -4px rgba(99,102,241,.55)!important;transform:translateY(-1px)}
.secondary,button.secondary{background:#eef2ff!important;color:#4f46e5!important;border:1px solid #e0e7ff!important;font-weight:700!important}.secondary:hover,button.secondary:hover{background:#e0e7ff!important;color:#4338ca!important}.ghost,button.ghost,a.ghost{background:#f1f5f9!important;color:#64748b!important;border:none!important;box-shadow:none!important}.ghost:hover,button.ghost:hover,a.ghost:hover{background:#e2e8f0!important;color:#334155!important}
button,.primary,.secondary,.ghost,input,select,textarea{border-radius:12px!important;transition:all .25s ease!important}input,select,textarea,.recipe-form input,dialog select,dialog input[type=file]{background:#fff!important;color:#1e293b!important;border:1.5px solid #e2e8f0!important}input:focus,select:focus,textarea:focus{border-color:#818cf8!important;box-shadow:0 0 0 4px rgba(99,102,241,.12)!important;outline:none!important}input::placeholder,textarea::placeholder{color:#94a3b8!important}label{color:#475569!important;font-weight:700!important}
.badge,.tag{background:#eef2ff!important;color:#4f46e5!important;border:0!important;border-radius:999px!important;font-weight:700!important}.readiness{border-color:#e0e7ff!important;background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important}.readiness span{background:linear-gradient(135deg,#312e81,#6d28d9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent!important;color:#4f46e5!important;font-weight:900!important}
.journey{background:#fff!important}.journey i{background:#e2e8f0!important}.journey div{color:#64748b!important}.journey div.active{background:var(--dashboard-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px -4px rgba(99,102,241,.35)!important}
.dropzone{background:linear-gradient(135deg,#eef2ff,#fdf4ff)!important;border:1px dashed #a5b4fc!important;color:#334155!important}.dropzone:hover{border-color:#6366f1!important;background:linear-gradient(135deg,#e0e7ff,#fae8ff)!important}.dropzone span,.dropzone small{color:#64748b!important}
.hash{color:#6366f1!important}.doc,.request,.adjustment,.seat{background:#fff!important}.callout{background:#eff6ff!important;border:1px solid #dbeafe!important;color:#334155!important}.round{background:#f8fafc!important;border-color:#eef2f7!important}.round.current{background:#eef2ff!important;border-color:#a5b4fc!important}.seat p{color:#64748b!important}.mini-metrics div,.trace-metrics div{background:#f8fafc!important;border-color:#eef2f7!important}.trace-preview{border-color:#e2e8f0!important;color:#64748b!important;background:#f8fafc!important}
.status-satisfied{color:#059669!important}.status-required{color:#d97706!important}.priority-critical{color:#e11d48!important}.priority-high{color:#d97706!important}.priority-normal{color:#4f46e5!important}
.paper{background:#fff!important;color:#1e293b!important;box-shadow:0 16px 48px -14px rgba(15,23,42,.18)!important}.paper-brand{color:#6366f1!important;border-color:#6366f1!important}.paper h2{border-color:#e2e8f0!important}.report-outline,.report-inspector{background:#fff!important;border-color:#eef2f7!important;color:#64748b!important;box-shadow:var(--dashboard-shadow)!important}.report-outline button{color:#64748b!important;border-bottom-color:#f1f5f9!important}.report-outline button:hover{color:#4f46e5!important;background:#eef2ff!important}
dialog{background:#fff!important;color:#1e293b!important;border:1px solid #eef2f7!important;box-shadow:0 24px 80px -12px rgba(139,92,246,.3)!important}dialog::backdrop{background:rgba(15,23,42,.4)!important;backdrop-filter:blur(6px)}
table{border-collapse:separate!important;border-spacing:0!important}th,thead th,table thead td{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;color:#4338ca!important;font-weight:800!important;border-color:#e0e7ff!important}td{color:#334155!important;border-color:#f1f5f9!important}tbody tr:hover td{background:rgba(238,242,255,.42)!important}
@media(max-width:720px){.hero{border-radius:20px!important;padding:22px!important}.panel{border-radius:14px!important}.top-actions>a.ghost{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}