/* Sefar ivory / purple identity ? shared demonstration layout. */
:root{--purple:#603794;--ink:#30243c;--muted:#716579;--line:#e5dccc;--ivory:#faf6ec}
body{background:radial-gradient(ellipse at 95% 0%,#eae1f1 0,transparent 42%),#f8f5ee;font-family:Arial,Helvetica,sans-serif}
header{padding:14px 4%;gap:24px;background:linear-gradient(110deg,#faf7ef,#f1e5d1);border-bottom:1px solid #d9cbb7;flex-wrap:wrap}
.brand{width:245px;flex-shrink:0;display:block}.brand img{width:100%;height:auto;object-fit:contain;border-radius:10px}
header>strong{font-size:23px;letter-spacing:-.7px}.divider{background:#cbbbce;height:42px}
.badge{background:#ffffff80;border-color:#cdbbdc;color:#51316e;letter-spacing:1px}.confidential{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#735c41;border:1px solid #d8c8ae;padding:5px 9px;border-radius:5px}
.notice{background:#eee7f2;border-bottom:1px solid #e2d7e9;color:#503a61;padding:12px 4%}
main{max-width:1500px;padding:32px 4%}.intro{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#31203e,#5c3a78);padding:38px 40px;color:#fff;box-shadow:0 14px 38px #3e294017;margin-bottom:30px}
.intro:after{content:'';position:absolute;right:-110px;top:-160px;width:440px;height:440px;border:1px solid #cfb88c55;border-radius:50%;box-shadow:0 0 0 44px #d6c1910c,0 0 0 90px #d6c19109;pointer-events:none}
.intro>div{position:relative;z-index:1}.intro .eyebrow{color:#dec9a3;font-size:11px}.intro h1{font-weight:500;font-size:clamp(28px,3vw,44px)}.intro p:last-child{color:#e1d6e9;margin-bottom:0}.scope{background:#ffffff0c;border:1px solid #ffffff24;border-radius:16px;padding:20px;min-width:210px;color:#eee4f3}.scope strong{color:#e7cc9e}
.steps{background:#eee7dc;border:1px solid #e2d8c7;border-radius:13px;padding:5px;gap:5px}.steps span{border:0;border-radius:9px;padding:13px 18px}.steps .active{background:#fffdf8;color:#573377;box-shadow:0 2px 8px #4d365514;font-weight:700}
.panel{background:#fffdfa;border-color:#e6ddd0;border-radius:18px;box-shadow:0 8px 25px #39264706;padding:26px}.panel-top{flex-wrap:wrap}h2{font-weight:600}.chip{background:#eee6f3;color:#5c397d}.workspace{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
select,textarea,.review-log>input,#new-name{background:#fff;border-color:#d8ccdf}textarea{padding:16px;line-height:1.8}input{font:inherit;color:var(--ink)}
.primary{background:linear-gradient(115deg,#533077,#7950a3);border-color:#624080;box-shadow:0 3px 8px #60379415}.primary:hover:not(:disabled){background:linear-gradient(115deg,#462365,#68408e)}.quiet{background:#fffaf2;border-color:#ded0bc;color:#5d3b79}.quiet:hover:not(:disabled){background:#f0e8db}button,.restore-label{border-radius:10px}.actions{flex-wrap:wrap}.empty{background:linear-gradient(130deg,#f5eff8,#f7f2e9);border:1px dashed #dcd0df;padding:38px 18px}.finding{border-color:#eee5d9}.finding small{overflow-wrap:anywhere}.disease{background:#fff;border-top:3px solid #a48bb9;border-radius:13px}.score{background:#f1e8f7}.bottom{gap:24px;padding:24px 0}.bottom article{background:#f0e9df;border-radius:14px;padding:8px 22px}.results .panel-top>div{margin-right:auto}.workspace-bar{border-left:4px solid #ac9167}.review-log{border-top:3px solid #ac9167}.review-log input:focus-visible,.restore-label input:focus-visible{outline:3px solid #a87ad4;outline-offset:3px}
footer{background:#eee6d8;padding:22px 4%;color:#60516a}dialog{background:#fffdf8;border:1px solid #ddcfbc;box-shadow:0 20px 100px #30203b30;width:min(730px,94vw)}
@media(max-width:1100px){header{gap:14px}.brand{width:210px}header>strong{font-size:20px}.confidential{margin-left:auto}header button{margin-left:0}.intro{padding:30px}.scope{min-width:190px;grid-template-columns:45px 110px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.scope{display:none}.intro{display:block}.brand{width:205px}.badge{display:inline-block}.panel{padding:21px}.cards{grid-template-columns:1fr}.confidential{margin-left:0}}
@media(max-width:600px){header{gap:10px 14px}.brand{width:190px}header .divider{display:none}header>strong{font-size:18px}header button{margin-left:auto}.badge{font-size:9px}.confidential{font-size:9px}.intro{padding:26px 23px;border-radius:18px}.intro h1{letter-spacing:-.8px;font-size:29px}.intro p:last-child{font-size:14px}main{padding:22px 4%}.panel{padding:18px}.steps span{padding:10px 6px;font-size:11px}.finding{grid-template-columns:minmax(0,1fr) 118px}.panel-top .chip{white-space:normal}.workspace-bar .actions>*{max-width:100%}}
@media print{body{background:white}.panel{box-shadow:none}}
