/* AJLAN visual restoration — palette Option 3, 2026-11-15.
   Pure presentation: original V1.4 app.js, API calls, flows, and permissions unchanged. */
:root {
 --navy:#37494e; --navy2:#405258; --gold:#a89479;
 --bg:#F8F6F2; --ink:#4D3D34; --muted:#6F7F86;
 --line:#E8DFD5; --white:#FFFDF9; --green:#8A9B82;
 --red:#a25345; --shadow:0 14px 34px rgba(83,66,52,.065);
 --pearl:#F8F6F2; --mushroom:#E8DFD5; --olive:#8A9B82;
 --smoky:#6F7F86; --espresso:#5B463B; --dark-olive:#607052;
}
body{background:#F8F6F2;color:var(--espresso)}
.login-wrap{
 background:
  linear-gradient(115deg,rgba(248,246,242,.57),rgba(232,223,213,.35)),
  url('./assets/architecture.svg') 90% bottom / auto min(90vh,880px) no-repeat,
  radial-gradient(ellipse at 9% 90%,#d5cab8 0,transparent 47%),
  linear-gradient(137deg,#F8F6F2 0%,#eee7df 100%);
 position:relative;isolation:isolate;
}
.login-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;background:url('./assets/arabesque.svg') left top/130px 130px repeat;mask-image:linear-gradient(90deg,#000,transparent 65%);z-index:-1}
.login-wrap:after{content:"";position:absolute;bottom:0;left:0;width:min(32vw,420px);height:370px;pointer-events:none;opacity:.60;background:url('./assets/palm-fronds.svg') bottom left/contain no-repeat;z-index:-1}
.login-card{background:rgba(255,253,249,.94);border:1px solid #dfd3c4;box-shadow:0 28px 70px rgba(91,70,59,.14);backdrop-filter:blur(15px);position:relative;overflow:hidden}
.login-card:before{content:"";height:7px;position:absolute;top:0;right:0;left:0;background:linear-gradient(90deg,#6f7f86,#8a9b82,#b6a48b)}
.login-card:after{content:"";position:absolute;inset:auto -78px -91px auto;width:190px;height:190px;background:url('./assets/arabesque.svg') center / contain;opacity:.115;pointer-events:none}
.brand h1{color:var(--espresso);letter-spacing:.045em}.login-card .brand h1{font-size:18px}
.brand-mark{background:linear-gradient(145deg,#70805e,#526755)!important;color:#f6eee2!important;box-shadow:0 4px 12px #50664e30;position:relative;transform:skew(-6deg);border-radius:10px}
.eyebrow{color:var(--dark-olive);letter-spacing:.16em}
.login-card h2,.page-head h1,.panel h3{color:var(--espresso)}
.login-card .sub,.hint{color:#707b78}
.code-input{border-radius:12px;letter-spacing:8px}
.field input,.field select,.field textarea,.toolbar input{background:#fffdf9;border-color:#dcd3c8;color:var(--espresso)}
.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus{border-color:#8a9b82;box-shadow:0 0 0 3px rgba(138,155,130,.18)}
.btn{transition:background .15s ease, transform .15s ease,box-shadow .15s ease}
.btn:active{transform:translateY(1px)}
.btn-primary,.btn-gold{background:#788b6f;color:#fffdf9;box-shadow:0 4px 14px rgba(98,120,89,.14)}
.btn-primary:hover,.btn-gold:hover{background:#607354}
.btn-light{background:#eee8df;color:#5b463b}
.btn-light:hover{background:#e3dbd0}
.btn-danger{background:#f7e8e1;color:#94594b}
.sidebar{
 background:linear-gradient(165deg,#35464a 0%,#42565a 65%,#37474b 100%);
 position:relative;isolation:isolate;overflow:hidden;border-left:1px solid #687672;
}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.075;background:url('./assets/arabesque.svg') center top/185px repeat;z-index:-1}
.sidebar:after{content:"";position:absolute;bottom:-25px;left:-85px;width:290px;height:300px;pointer-events:none;opacity:.13;background:url('./assets/palm-fronds.svg') bottom / contain no-repeat;z-index:-1}
.sidebar .brand{padding:9px 8px 17px;border-bottom:1px solid #ffffff22}
.sidebar .brand h1,.sidebar .brand p{color:#faf8f1}
.sidebar .brand-mark{background:linear-gradient(145deg,#a9b899,#77896c)!important;color:#fff!important}
.nav-label,.side-foot{color:#c5cdc8}
.nav button{color:#e1e8e4}
.nav button span{color:#d8c7a9}
.nav button.active{background:#f8f6f21c;color:#fff;border-right:3px solid #c9d3ba}
.nav button:hover{background:#f8f6f21e}
.topbar{background:#fffdf9;border-color:#e8dfd5;position:relative}
.topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a1aa91 45%,transparent)}
.content{background:transparent}
.panel,.stat{background:#fffdf9;border-color:#e8dfd5;box-shadow:var(--shadow);position:relative;overflow:hidden}
.panel:before,.stat:before{content:"";position:absolute;inset:0 auto auto 0;width:96px;height:96px;opacity:.12;background:url('./assets/arabesque.svg') left top / 95px 95px no-repeat;pointer-events:none}
.stat{border-top:3px solid #a0ad93}
.stat:nth-child(2){border-top-color:#e1c9aa}.stat:nth-child(3){border-top-color:#9cabb0}
.stat strong{color:#536a55}
th{background:#f4efe8;color:#786c61}
td{color:#51483e}
.badge{background:#e9e9e2;color:#57675c}
.badge.green{background:#eaf1e5;color:#4a7455}
.badge.gold{background:#f4e8d6;color:#86684c}
.notice{background:#fbf5ea;border-color:#e8d8bf;color:#755c47}
.coming{background:#fbf9f5;border-color:#d6cbbd}
.avatar{background:#e4e9df;color:#627553}
.modal{background:#fffdf9;box-shadow:0 32px 80px #2b302f52;border:1px solid #e8dfd5}
.modal-backdrop{background:#253331c2}
.error{color:#9c4f42;background:#fbefeb;border-color:#f0d7d0}
.success{color:#4f765b;background:#edf4e9;border-color:#d3e2d0}
@media(max-width:900px){
 .login-wrap{background-position:center,68% bottom,center,center;background-size:auto,auto 67vh,auto,auto}
 .sidebar:after{display:none}
 .sidebar .brand{display:none}
 .nav button.active{border-right:none;border-bottom:3px solid #c9d3ba}
}
@media(max-width:580px){
 .login-wrap{background:linear-gradient(180deg,rgba(248,246,242,.65),rgba(238,231,222,.70)),url('./assets/architecture.svg') 50% 100% / auto 80vh no-repeat,#ede4da}
 .login-wrap:after{width:160px;height:220px;opacity:.25}
 .login-card{padding:29px 21px}
 .login-card .brand h1{font-size:14px}
 .sidebar{overflow:auto}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

/* V1.5 presentation polish — approved pearl/olive/architectural palette */
.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.metric-top{display:flex;align-items:center;gap:9px}.metric-top span{color:#7c8e71;font-size:23px;line-height:1}
.metric-bar-row{display:grid;grid-template-columns:100px 1fr 24px;gap:11px;align-items:center;margin:13px 0;font-size:12px;color:#6c6155}
.metric-bar-row strong{text-align:left;font-size:13px;color:#4e6651}
.metric-bar-track{height:9px;border-radius:9px;background:#ede6dc;overflow:hidden}
.metric-bar-track>div{height:100%;border-radius:9px;background:linear-gradient(90deg,#71866f,#b5c4a8)}
.dashboards-two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}
.metric-top small{font-size:12px}
.toolbar select{border:1px solid #e5dcd0;padding:10px;border-radius:9px;background:#fffdfa;color:#5b463b}
.eyebrow{letter-spacing:.12em;color:#7e9279;font-weight:700;font-size:11px}
.panel h3{font-weight:700;color:#52483d}
@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboards-two{grid-template-columns:1fr}}
@media(max-width:580px){.dashboard-stats{grid-template-columns:1fr 1fr;gap:9px}.dashboard-stats .stat{padding:15px}.dashboard-stats .stat strong{font-size:20px}.dashboards-two{grid-template-columns:1fr}.metric-bar-row{grid-template-columns:75px 1fr 21px}}

/* V1.7 Help Center and intake */
.faq-entry{border:1px solid #d9ded7;background:#fff;border-radius:12px;margin:9px 0;overflow:hidden}
.faq-entry summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-weight:700;color:#51473e;list-style:none}
.faq-entry summary::-webkit-details-marker{display:none}
.faq-entry[open]{border-color:#a1b29b;box-shadow:0 4px 12px #44553310}
.faq-entry p{padding:0 18px 18px;margin:0;color:#5c6871;line-height:1.9;font-size:14px}
.faq-entry .badge{flex-shrink:0}
#faqCategories{gap:7px;flex-wrap:wrap}
#intakeForm .notice{margin-top:14px}

.ocr-actions{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin:13px 0}.ocr-actions .btn{max-width:100%}#ocrRawPreview{margin-top:12px;color:#485850}#ocrRawPreview pre{background:#f5f6f4;padding:11px;border-radius:8px}