/* Shared DigitalBurj homepage components, extracted from Homepage.dc.html,
   SiteHeader.dc.html and hero-system.css. Dashboard-only layouts use these surfaces. */
:root{--paper:#f6f5f1;--ink:#0f1714;--accent:#f23a1d;--orange:#ff7a45;--muted:#5d6560;--line:rgba(15,23,20,.08);--radius:16px;--ease:cubic-bezier(.22,.8,.24,1)}
::selection{background:#f23a1d;color:#fff}
button,.button{border-radius:12px;font-weight:600;transition:border-color .25s,background .25s,transform .25s}
.primary{height:42px;padding:0 18px;border-radius:12px;background:linear-gradient(110deg,#f23a1d 0%,#f23a1d 40%,#ff7a45 50%,#f23a1d 60%,#f23a1d 100%);background-size:250% 100%;background-position:100% 0;color:#fff;font:600 14px 'Instrument Sans',sans-serif;box-shadow:0 10px 24px -10px rgba(242,58,29,.8);transition:background-position .8s cubic-bezier(.22,.8,.24,1),transform .25s;flex-shrink:0}
.primary:hover:not(:disabled){background-position:0 0;transform:translateY(-1px);color:#fff}
.topbar{height:62px;margin:10px 12px 0;padding:0 18px;border-radius:18px;background:rgba(246,245,241,.82);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(15,23,20,.08);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -28px rgba(15,23,20,.45);position:sticky;top:10px;z-index:3}
.sidebar{background:#f6f5f1;border-right:1px solid rgba(15,23,20,.08)}
.nav button{height:40px;padding:0 14px;border-radius:10px;font:500 14px 'Instrument Sans',sans-serif;color:#0f1714}
.nav button:hover{background:rgba(15,23,20,.05);transform:none}
.nav button.active{background:#0f1714;color:#f6f5f1}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f23a1d;display:inline-flex;align-items:center;gap:8px}
.eyebrow:before{content:'';width:18px;height:2px;background:currentColor;flex:none}
.banner{border-radius:20px;background:#0f1714;color:#f6f5f1;border:1px solid rgba(246,245,241,.08);box-shadow:0 60px 100px -50px rgba(15,23,20,.45);padding:32px}
.banner h2{font:800 clamp(1.9rem,2.3vw,2.7rem)/1.08 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}
.banner .eyebrow{color:#ff9a75}
.banner-side{border-color:rgba(246,245,241,.14)}
.banner .hero-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.banner .hero-actions .quiet{height:42px;padding:0 18px;border-radius:12px;background:rgba(246,245,241,.04);border:1px solid rgba(246,245,241,.22);color:#f6f5f1;font-weight:600;font-size:14px}
.banner .hero-actions .quiet:hover{border-color:#f6f5f1;background:rgba(246,245,241,.1)}
.home-gloss{background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) -150% 0/260% 100% no-repeat,linear-gradient(180deg,#ffffff 0%,#ffffff 44%,#f3e4d9 50%,#d9b9a4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:db-shine 5.5s ease-in-out 1.2s infinite}
@keyframes db-shine{0%,55%{background-position:-150% 0,0 0}100%{background-position:250% 0,0 0}}
.home-accent{background:linear-gradient(180deg,#ffd9c4 0%,#ff9a6b 26%,#ff5a30 47%,#e8331a 50%,#c41f0b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.division{width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;border-radius:16px;min-height:14.5rem;transition:transform .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s,border-color .3s;background-color:#fff;color:#0f1714;border:1px solid rgba(15,23,20,.08);background-image:radial-gradient(420px circle at 50% 0%,rgba(242,58,29,.08),transparent 45%)}
.division:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(15,23,20,.5);border-color:rgba(242,58,29,.4)}
.division.dark{background-color:#0f1714;color:#f6f5f1;border:1px solid #0f1714;background-image:radial-gradient(420px circle at 50% 0%,rgba(242,58,29,.22),transparent 45%)}
.division.dark small{color:rgba(246,245,241,.65)}.division img{width:42px;height:42px;padding:4px;box-sizing:content-box;background:#f6f5f1;border-radius:14px}.division h3{font:700 19px/1.2 'Plus Jakarta Sans',sans-serif}.division .bar{margin-top:auto;min-height:4px;width:100%}.division .division-link{font-weight:600;font-size:14px;margin-top:20px;display:block}.division-number{position:absolute;top:22px;right:20px;font:700 13px 'Plus Jakarta Sans',sans-serif;opacity:.5}.division{position:relative}
.panel,.stat,.task{border-radius:16px;background:#fff;border:1px solid rgba(15,23,20,.08)}
.stat{padding:20px;transition:border-color .3s,box-shadow .45s}.stat:hover{border-color:rgba(242,58,29,.3);box-shadow:0 30px 50px -40px rgba(15,23,20,.35)}
.pill{font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;background:#f6f5f1;color:#3b4541}
.panel-head{padding:20px;border-bottom:1px solid rgba(15,23,20,.08)}.panel-body{padding:20px}.panel h2{font:700 18px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em}
.task{padding:20px}.task h3{margin-top:14px;font:700 16px/1.35 'Plus Jakarta Sans',sans-serif}.task p{font-size:14px;line-height:1.55}
input,select,textarea{border-radius:10px;border:1px solid rgba(15,23,20,.14);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#f23a1d;box-shadow:0 0 0 3px rgba(242,58,29,.08)}
dialog{border-radius:20px;background:#fff;border:1px solid rgba(15,23,20,.08);box-shadow:0 40px 80px -30px rgba(15,23,20,.4)}
.login-story{background:#0f1714}.login-story .eyebrow{color:#ff9a75}.login-story h1{font-weight:800;letter-spacing:-.035em}.login-form form{padding:28px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,20,.08);max-width:460px}.login-form h1{font-size:30px}.login-form .primary{height:46px}.login-story .logo{filter:brightness(0) invert(1)}
.empty{font-size:13px}.page-title h1{font-weight:700;letter-spacing:-.028em}.page-title p{font-size:15px;line-height:1.6;color:#4a544f}
.owner-badge{font-size:10px;padding:4px 8px;border-radius:7px;background:rgba(242,58,29,.1);color:#c9260e}.notice{border-radius:12px;background:#fff4ee;border:1px solid rgba(242,58,29,.16);padding:14px 18px}.notice strong{color:#c9260e}
@media(max-width:720px){.topbar{margin:10px 10px 0;padding:0 12px}.banner{padding:24px}.division{min-height:13.5rem}.banner .metric .eyebrow{display:none}.login-form form{padding:24px}.sidebar.open{z-index:10;box-shadow:0 40px 80px -30px rgba(15,23,20,.4)}.page-title{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* HQ collaboration and permission controls inherit the homepage component tokens. */
.sidebar .nav{overflow-y:auto;min-height:0;padding-bottom:14px;scrollbar-width:thin}.sidebar .sidebar-footer{flex-shrink:0}.counter{background:#f23a1d;color:#fff;border-radius:7px;padding:3px 7px;font-size:10px;margin-left:auto;min-width:20px;text-align:center}.chat-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.contact{width:100%;border:0;border-radius:0;text-align:left;display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.contact small{display:block;font-weight:400;margin-top:4px}.contact.selected{background:#f6f5f1}.chat{display:flex;flex-direction:column;min-height:500px}.chat-history{padding:22px;display:flex;flex-direction:column;gap:12px;max-height:480px;overflow:auto;flex:1}.bubble{max-width:85%;padding:14px 17px;border-radius:16px 16px 16px 3px;background:#f6f5f1;align-self:flex-start;border:1px solid var(--line)}.bubble.own{align-self:flex-end;background:#0f1714;color:#f6f5f1;border-radius:16px 16px 3px 16px}.bubble p{margin:0 0 8px;white-space:pre-wrap}.bubble.own small{color:#bac4bd}.composer{display:flex;align-items:flex-end;gap:12px;padding:20px;border-top:1px solid var(--line)}.composer textarea{min-height:65px;max-height:160px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.block{display:block;margin-top:5px}.wide-dialog{max-width:920px}.permission-row{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}.permission-row label{margin:0;font-weight:500;display:flex;align-items:center;gap:10px}.permission-row input[type=checkbox],label input[type=checkbox]{width:auto;accent-color:#f23a1d}.permission-row select,.permission-row input{font-size:12px;padding:9px}.permission-matrix{max-height:48vh;overflow:auto;padding-right:10px}.wide-dialog details{margin-top:20px}.job-discussion{margin-top:22px;max-height:260px;overflow:auto}.money{font-size:23px!important}.topbar-right{gap:8px}.topbar-right .pill{font-size:10px}.topbar-right .quiet{border:1px solid var(--line);background:#fff}.nav{gap:3px}.nav svg{flex-shrink:0}.nav button{flex-shrink:0}.nav-label{padding-top:12px}.permission-matrix .permission-row:first-child{border-top:1px solid var(--line)}
@media(max-width:1050px){.topbar-right>.secure,.topbar-right>small{display:none}.chat-layout{grid-template-columns:230px 1fr}}
@media(max-width:720px){.chat-layout{grid-template-columns:1fr}.chat-layout>.panel:first-child{max-height:230px;overflow:auto}.chat{min-height:400px}.chat-history{max-height:380px}.permission-row{grid-template-columns:1fr 1fr}.permission-row label{grid-column:1/-1}.topbar-right button[data-page]{font-size:0;padding:7px}.topbar-right .pill{font-size:10px}.topbar-right>.avatar{display:none}.topbar>div:first-child{font-size:12px}.topbar-right{gap:5px}.topbar-right button{min-width:32px}.composer{padding:14px}.division-grid{grid-template-columns:1fr 1fr}}

.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}@media(max-width:600px){.policy-grid{grid-template-columns:repeat(2,1fr)}}