/* Application-wide glass theme. Layout and workflow hooks stay in app.css/app.js. */
@font-face{font-family:GlassSans;src:url("../brand/IRANSans-Regular.244a401eb43a.ttf") format('truetype');font-weight:400;font-display:swap}

@font-face{font-family:GlassSans;src:url("../brand/IRANSans-Medium.894895856574.ttf") format('truetype');font-weight:500;font-display:swap}

@font-face{font-family:GlassSans;src:url("../brand/IRANSans-Bold.9471804b0f92.ttf") format('truetype');font-weight:700;font-display:swap}

.glass-app{--navy:#17333d;--navy-deep:#05121a;--teal:#44d8ce;--mint:#16cec5;--canvas:#102631;--text:#eef3f2;--muted:#a4b6bb;--line:#d5edef14;--white:#07191ed9;--danger:#ff9b78;--amber:#f0bf72;--radius:28px;--shadow:0 12px 35px #010a131a;color-scheme:dark;font-family:GlassSans,Tahoma,sans-serif;background:#102631;color:var(--text);font-size:14px;line-height:1.9;isolation:isolate}

.glass-app h1,.glass-app h2,.glass-app h3{font-weight:500;letter-spacing:-.4px}
.glass-app h1{font-size:26px}
.glass-app h2{font-size:18px}
.glass-app small{font-size:12px}
.glass-app .muted{color:var(--muted)}

.app-ambient{position:fixed;z-index:-1;inset:-30px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 62% -2%,#e8dfbaad,transparent 33%),linear-gradient(95deg,transparent 9%,#71989f24 20%,transparent 31%,#aac0bc3b 49%,#d4d2ba5c 60%,transparent 74%),linear-gradient(180deg,#1b3e51 0%,#04151f 36%,#223b46 68%,#05141b 100%);filter:blur(18px)}

.app-ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#010b12a6,transparent 43%)}

.app-ambient i{position:absolute;display:block;filter:blur(18px)}

.app-ambient i:nth-child(1){left:55%;top:-15%;width:11%;height:115%;background:linear-gradient(180deg,#d9d8c18c,transparent 22%,#e6dfc3a6 27%,#7b85872e 44%,#cacdbd99 64%,#555e67 75%,#bec2ae66);transform:rotate(-3deg);opacity:.65}

.app-ambient i:nth-child(2){left:-10%;top:38%;width:125%;height:14%;background:linear-gradient(90deg,#111d23,#56747a99 26%,#182c3766 50%,#577986c9 73%,#071923);transform:rotate(10deg);filter:blur(24px)}

.app-ambient i:nth-child(3){left:4%;top:4%;width:8%;height:83%;background:linear-gradient(#6c8589,#062233 29%,#213d4580 54%,#81909599 71%,#1a3947);opacity:.56}

.app-ambient i:nth-child(4){right:6%;top:40%;width:5%;height:51%;background:linear-gradient(180deg,#afb8a3,transparent 33%,#c4c3aacc 50%,transparent 70%);opacity:.6;transform:rotate(5deg)}

/* Edge-to-edge RTL workspace with a compact rail at inline-start (right). */
.glass-app .app-shell{direction:rtl;min-height:100dvh}
.glass-app .main-shell{margin:0;margin-inline-start:86px;width:calc(100% - 86px);direction:rtl}

.glass-app .sidebar{inset-inline-start:0;inset-inline-end:auto;width:86px;padding:26px 0 16px;background:transparent;overflow:visible;align-items:center;color:#c5d6d8;transform:none;gap:12px}

.glass-app .brand{padding:0;margin-bottom:9px;gap:12px}
.glass-app .brand-mark{background:none;color:var(--mint);width:44px;height:44px}
.glass-app .brand-mark .icon{width:37px;height:37px;flex-basis:37px}
.glass-app .brand-name{display:none}

.glass-app .sidebar nav{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.glass-app .nav-item{width:44px;height:44px;margin:0;padding:0;justify-content:center;border-radius:50%;position:relative;font-size:13px;color:#c5d6d8}

.glass-app .nav-item .icon{width:21px;height:21px;flex-basis:21px}
.glass-app .nav-item:hover{background:#e3fffc0d;color:#fff}
.glass-app .nav-item.active{background:#f2f8f7;color:#16303b;box-shadow:0 0 28px #bcfafa10}
.glass-app .nav-item.active:before{display:none}
.glass-app .nav-item.active .icon{color:inherit}

.glass-app .nav-label{position:absolute;direction:rtl;inset-inline-start:calc(100% + 12px);top:5px;background:#102932;border:1px solid #d9f2eb1a;border-radius:12px;white-space:nowrap;padding:7px 12px;font-size:12px;opacity:0;visibility:hidden;pointer-events:none;color:#eff8f6;transition:opacity 120ms ease}

.glass-app .nav-item:hover .nav-label,.glass-app .nav-item:focus-visible .nav-label,.rail-account:hover .nav-label,.rail-account:focus-visible .nav-label{visibility:visible;opacity:1}

.glass-app .sidebar-bottom{margin-top:auto;padding-top:8px;display:flex;align-items:center;flex-direction:column;gap:9px;width:100%}
.rail-account{display:block;position:relative}
.rail-account .avatar{width:36px;height:36px;background:linear-gradient(130deg,#d99832,#61341d);color:#fff0dd;border:1px solid #ffd1a93b;font-size:12px}
.glass-app .sidebar-bottom form{margin:0}
.glass-app .logout{height:32px;width:38px}
.glass-app .logout .icon{width:17px;height:17px}
.nav-close{display:none!important}

.glass-app .topbar{direction:rtl;height:86px;padding-block:0;padding-inline:6px 32px;border:0;background:transparent;flex:none}
.glass-app .topbar-start,.glass-app .topbar-end{gap:12px}
.workspace-pill,.date-pill{display:flex;align-items:center;gap:12px;min-height:38px;background:#09212b32;border:1px solid #eef8f104;border-radius:28px;padding:7px 16px;font-size:12px;color:#d7e7e8;direction:rtl;backdrop-filter:blur(10px)}
.workspace-pill i{width:6px;height:6px;background:#48d8bc;border-radius:50%;box-shadow:0 0 12px #58f9cf1a}
.workspace-pill .icon{height:15px;width:15px;flex-basis:15px;color:#8eacae}
.date-pill{direction:rtl;gap:16px;color:#dfe8e8}
.date-pill time{color:#aac3cd;min-width:38px}
.environment-label{display:flex;align-items:center;gap:8px;color:#c0cfcc;font-size:11px;background:#0b273d26;border-radius:24px;padding:6px 13px}
.environment-label i{height:5px;width:5px;border-radius:50%;background:#88b9ad}

.glass-app .icon-button{color:#9ab2b6;border-radius:50%;width:38px;height:38px}
.glass-app .icon[data-icon="arrow-up-right"]{transform:scaleX(-1)}
.glass-app .icon-button:hover{background:#ecfffc10;color:#fff}
.glass-app .notification-button b{background:#f66e2c;border:0;font-size:9px;min-width:15px;height:15px;line-height:15px;right:auto;inset-inline-end:1px;top:0}

.glass-app .page-content{padding-block:8px 28px;padding-inline:8px 32px;max-width:none;min-width:0}
.glass-app .page-heading{margin-bottom:24px;gap:18px}
.glass-app .page-heading p{font-size:13px;color:#aec0c3}
.glass-app .section-kicker{font-size:11px;color:#91b9bb;margin-bottom:5px}
.glass-app .footer{border-color:#d6f2ef0b;margin-block:0;margin-inline:8px 32px;color:#9aadb1;font-size:10px;padding:17px 0}
.glass-app .skip-link{background:#122e36;color:#fff;border-radius:12px}

/* Shared surfaces, controls and readable states. */
.glass-app .panel{background:linear-gradient(140deg,#03151de8,#09171dbf 55%,#253436a8);border:1px solid #e4f8f407;border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

.glass-app .panel-heading{border-color:var(--line);padding:20px 24px;gap:12px}
.glass-app .panel-heading h2{display:flex;align-items:center;gap:10px;font-size:18px}
.panel-heading h2>.icon{color:#94abb0;width:20px;height:20px;flex-basis:20px}
.glass-app .panel-heading .text-link{font-size:12px}
.glass-app .padded,.glass-app .project-brief,.glass-app .space-card{padding:26px}
.glass-app .project-brief>.panel-heading{padding:0 0 16px}

.glass-app .button{border-radius:24px;padding:9px 19px;font-size:12px;min-height:42px;transition:background 140ms ease,border-color 140ms ease;box-shadow:none}
.glass-app .button.primary{background:#20c7ba;color:#062723;border:1px solid #5ce4d42e;font-weight:500}
.glass-app .button.primary:hover{background:#56dfd2}
.glass-app .button.secondary{background:#c7e9ee0b;color:#e1eae9;border-color:#dff5f11a}
.glass-app .button.secondary:hover{background:#d8f4f516;border-color:#dff5f133}
.glass-app .button.danger{background:#ff75491c;border-color:#ff95683d;color:#ffb093}
.glass-app .button.small{min-height:36px;padding:6px 13px;font-size:11px}

.glass-app input,.glass-app select,.glass-app textarea{background:#03111685;border:1px solid #d9f2ef26;border-radius:14px;color:#f1f7f5;min-height:46px;font-size:13px}
.glass-app input::placeholder,.glass-app textarea::placeholder{color:#8aa3aa}
.glass-app select option{background:#102a33;color:#f1f7f5}
.glass-app input:focus,.glass-app select:focus,.glass-app textarea:focus{outline:3px solid #37ddcb1c;border-color:#4ad8c9}
.glass-app input[type=checkbox],.glass-app input[type=radio]{min-height:0;accent-color:#26cfc0}
.glass-app input[type=file]{font-size:12px;padding:9px}
.glass-app input::file-selector-button{background:#ccece511;border:1px solid #dce9e421;color:#d7e9e4;border-radius:8px;padding:4px 10px;margin-inline-end:12px;font:inherit}

.glass-app label{font-size:13px}
.glass-app .form-panel{max-width:860px;padding:30px}
.glass-app .field{margin-bottom:23px}
.glass-app .field .help-text,.glass-app .field>small{font-size:11px;line-height:2}
.glass-app .has-error input,.glass-app .has-error textarea,.glass-app .has-error select{border-color:#f59578}
.glass-app .field>div[id^=id_members],.glass-app .field>div[id^=id_attendees]{background:#0113194d;border-radius:15px}
.glass-app .field>div label{font-size:12px}
.glass-app .copy-field input{min-width:0}

.glass-app .filter-bar{gap:12px}
.glass-app .search-field{background:#03121866;border-color:#d9f2ef1c;border-radius:25px;color:#9cbbbe;min-width:180px}
.glass-app .search-field input{background:transparent;border:0;outline:0}
.glass-app .select-filter{font-size:12px}
.glass-app .select-filter select{font-size:12px;min-height:42px;border-radius:22px}
.glass-app .check-filter{font-size:12px}

.glass-app .badge,.glass-app .count-badge,.glass-app .priority{border-radius:20px;background:#bbd9e310;color:#bccdd2;font-size:10px;padding:3px 9px;font-weight:400}
.glass-app .badge.active,.glass-app .badge.confirmed,.glass-app .badge.done,.glass-app .badge.teal{background:#42c99e16;color:#88e1ba}
.glass-app .badge.doing{background:#70b1f01a;color:#9bcaff}
.glass-app .badge.review,.glass-app .badge.proposed,.glass-app .badge.paused{background:#f5c16817;color:#f3cd90}
.glass-app .badge.cancelled{background:#ff745e1a;color:#ffad98}
.glass-app .badge.completed{background:#e0ede71a;color:#d7e9df}
.glass-app .priority.high{background:#fb6b27;color:#27180f}
.glass-app .priority.low{background:#48bcac15;color:#9ed7c6}

.glass-app .avatar{background:#5db2a628;border:1px solid #caf3e523;color:#bdeae1;font-weight:500}
.glass-app .team-symbol{background:#8da9b11c;color:#c8e3e2;border:1px solid #e4fff315;border-radius:14px}
.glass-app .prose{color:#c3d1d2;font-size:13px}
.glass-app .notice{background:#629aab14;border-color:#b8e6e61c;color:#b5d0d4;border-radius:16px;font-size:12px}
.glass-app .flash{background:#0e302cf5;border-color:#70cfb04d;color:#c9f2df;border-radius:16px;font-size:13px}
.glass-app .flash.error{background:#38251ff5;border-color:#fba27c55;color:#ffc4ac}
.glass-app .empty-state{color:#a5b9bd}
.glass-app .empty-state h2,.glass-app .empty-state h3{color:#e1eeec;font-size:17px}
.glass-app .empty-state p{font-size:12px}
.glass-app .empty-state>.icon{color:#739a9d}
.glass-app .empty-inline{font-size:12px}

.glass-app .action-menu-content{background:#0b222cf5;border-color:#cbe5e327;border-radius:18px;box-shadow:0 15px 40px #0006;backdrop-filter:blur(24px)}
.glass-app .action-menu-content a:hover{background:#bcf4e80c}
.glass-app .action-menu-content a{font-size:12px}
.glass-app .panel-bottom-link{font-size:12px}

/* Team and project surfaces; progress uses confirmed task counts. */
.projects-library{padding:25px}
.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;direction:rtl}
.project-card{--liquid:#4a9744;--wash:#264f2a;min-width:0;position:relative;isolation:isolate;border-radius:22px;direction:rtl;padding:17px 17px 0;background:radial-gradient(ellipse at 50% 74%,color-mix(in srgb,var(--wash) 55%,transparent),transparent 75%),linear-gradient(180deg,#010b10e6,#040e12c7 28%,var(--wash) 135%);transition:box-shadow 160ms ease}
.project-card:hover{box-shadow:inset 0 0 0 1px #eafff51a}
.tone-ember{--liquid:#d74310;--wash:#67230f}
.tone-green{--liquid:#4a9744;--wash:#264f2a}
.tone-amber{--liquid:#e78005;--wash:#794009}
.tone-empty{--liquid:#353b38;--wash:#343f3e}
.tone-silver{--liquid:#aeb3b3;--wash:#536163}

.project-card-heading{display:flex;direction:rtl;justify-content:space-between;align-items:center;gap:8px;min-height:36px}
.project-card-heading h2{font-size:15px;margin:0;direction:rtl;overflow-wrap:anywhere}
.project-card-heading .badge{font-size:9px;flex-shrink:0}
.project-caption{font-size:12px;line-height:1.9;display:block;text-align:center;min-height:58px;padding:10px 0;color:#e3eae3;overflow-wrap:anywhere}
.project-card-meta{display:flex;justify-content:space-between;gap:7px;font-size:10px;color:#bccdc5;padding:8px 0}
.project-card-meta span:first-child{min-width:0}
.project-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #efffef0c;padding:6px 0;gap:5px}
.project-card-bottom small{font-size:10px;color:#afc3b9}
.project-card-bottom .icon-button{width:31px;height:31px}
.project-card-bottom .icon{width:17px;height:17px;flex-basis:17px}

.project-visual{position:relative;width:100%;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:8px 0 0}
.progress-orbit{position:relative;display:block;width:118px;height:118px;border-radius:50%;isolation:isolate;background:#081212;box-shadow:0 8px 12px #0009,0 2px 1px #000,inset 0 1px 1px #deebe53b;transition:transform 180ms ease,box-shadow 180ms ease}
.project-visual:hover .progress-orbit{transform:translateY(-3px);box-shadow:0 12px 18px #0009,0 2px 1px #000,inset 0 1px 1px #deebe53b}
.orbit-track{position:absolute;inset:1px;border-radius:50%;background:conic-gradient(from -32deg,#eff2e9 0deg,#89958c 28deg,#242e2c 70deg,#54645d 108deg,#bac7b8 142deg,#53615b 186deg,#14201f 222deg,#536963 270deg,#a8b7aa 308deg,#eff2e9 360deg);mask-image:radial-gradient(circle,transparent 58%,#000 59% 96%,transparent 98%)}
.orbit-arc{position:absolute;inset:5px;border-radius:50%;background:conic-gradient(var(--liquid) 0% var(--fill),#07100eaa var(--fill) 100%);mask-image:radial-gradient(circle,transparent 62%,#000 63% 88%,transparent 89%);filter:brightness(1.45) saturate(.7)}
.orbit-arc:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -38deg,#fffff085,transparent 23%,#0004 44%,#ffffff36 64%,transparent 82%,#fffff085);mask-image:conic-gradient(#000 var(--fill),transparent var(--fill))}
.orbit-bevel{position:absolute;inset:17px;border-radius:50%;border:1px solid #0b1614;box-shadow:0 1px 1px #d5edcb55,inset 0 2px 4px #000d}
.orbit-core{position:absolute;inset:21px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 25%,#243731,#111e1b 59%,#08120f);box-shadow:inset 0 1px 1px #cedccc18,inset 0 -2px 4px #0009}
.orbit-core .icon{width:28px;height:28px;flex-basis:28px;color:#c7d7c9;filter:drop-shadow(0 1px 1px #0008)}
.orbit-reading{display:flex;flex-direction:column;align-items:center;gap:5px;direction:rtl;line-height:1.4}
.orbit-reading>strong{font-size:27px;font-weight:500;color:#f3f5ed;line-height:1.25;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #0005}
.orbit-reading>strong>small{font-size:12px;margin-inline-start:3px;color:#bfcdbf}
.project-stage{font-size:10px;color:#c0cebd}
.tone-empty .orbit-track{filter:brightness(.6)}
.tone-empty .orbit-core .icon{color:#8b9c90}
.tone-silver .orbit-arc{filter:brightness(1.1)}

.glass-app .progress-track{background:#bddecd10;height:7px}
.glass-app .progress-track>span{background:linear-gradient(90deg,#2cae94,#9fe1b1)}
.glass-app .progress-label{font-size:12px}
.glass-app .progress-label strong{color:#a1e5c5}
.glass-app .mentor-block{background:#698f9820}
.glass-app .person-row,.glass-app .file-row{border-color:var(--line)}
.glass-app .person-row strong,.glass-app .file-row strong{font-size:13px}
.glass-app .person-row small,.glass-app .file-row small{font-size:11px}
.glass-app .facts-list dt{font-size:12px}
.glass-app .facts-list dd{font-size:13px}
.glass-app .project-facts{gap:28px}
.glass-app .project-facts strong{font-size:13px}
.glass-app .project-facts small{font-size:11px}

/* Dashboard: project gallery, follow-ups and black task tiles. */
.overview-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 3px 23px}
.overview-intro h1{font-size:22px;margin:0}
.overview-metrics{display:flex;gap:24px;direction:rtl}
.overview-metrics a{display:grid;grid-template-columns:auto auto;align-items:center;gap:9px}
.overview-metrics strong{font-size:21px;font-weight:400}
.overview-metrics span{font-size:11px;color:#b4c9ca}
.overview-layout{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(300px,1fr);direction:rtl;gap:18px;align-items:stretch}
.overview-layout>*,.overview-side>*{direction:rtl}
.overview-projects{padding:4px 21px 0;display:flex;flex-direction:column;min-height:480px}
.glass-app .overview-projects>.panel-heading{padding:17px 3px 9px;border:0;direction:rtl}
.overview-projects .panel-heading h2{direction:rtl;flex-direction:row}
.overview-projects .text-link{display:flex;align-items:center;gap:6px}
.overview-projects .text-link .icon{width:18px;height:18px;flex-basis:18px}
.project-tabs{display:flex;align-items:center;gap:8px;margin:11px 0 17px;direction:rtl;flex-wrap:wrap}
.project-tabs a{font-size:11px;border-radius:22px;padding:6px 11px;color:#bdd0d2;direction:rtl}
.project-tabs a.selected{color:#172f3a;background:#f0f7f5}
.project-tabs span{margin-inline-start:4px;opacity:.7}
.project-scroll{overflow-y:auto;flex:1;max-height:530px;min-height:0;padding:0 3px 22px;scroll-padding-block:22px;mask-image:linear-gradient(transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.overview-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.overview-projects .project-card{padding:14px 13px 0;border-radius:20px}
.overview-projects .project-card-heading h2{font-size:14px}
.overview-projects .project-card-heading .badge{font-size:8px;padding:2px 6px}
.project-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#91a6a7;padding:12px 3px}
.project-panel-foot span{display:flex;align-items:center;gap:6px}
.project-panel-foot i{width:4px;height:4px;border-radius:50%;background:#52bca9}
.overview-side{display:flex;flex-direction:column;gap:18px}
.glass-app .next-step{background:linear-gradient(145deg,#071519eb,#010a10dd)}
.glass-app .next-step .panel-heading{border:0;padding:20px 24px 7px}
.next-step-copy{padding:3px 24px 22px}
.next-step-copy h3{font-size:14px;margin:6px 0}
.next-step-copy p{font-size:12px;line-height:2;color:#b7c5c6;margin:7px 0 18px}
.next-step-copy .text-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c8dfdc}
.glass-app .overview-tasks{flex:1;padding-bottom:10px;background:#001019db}
.overview-tasks>.panel-heading{border:0}
.overview-task-scroll{overflow-y:auto;max-height:355px;padding:3px 20px 24px;mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 22px),transparent)}
.overview-task{display:block;background:#000909e3;border:1px solid #c8f4e606;border-radius:21px;padding:17px 18px;margin-bottom:8px}
.overview-task:hover{border-color:#8ce6d326}
.overview-task h3{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.8;margin:0}
.overview-task p{color:#9fb5b2;font-size:11px;line-height:1.9;margin:12px 0}
.overview-task small{font-size:10px;color:#a3b8b4}
.overview-task .priority{font-size:9px}
.overview-agenda{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.workspace-search{display:flex;align-items:center;gap:12px;border-radius:35px;background:#d6e5e01c;backdrop-filter:blur(15px);padding:4px 17px;width:min(390px,100%);margin:23px auto 0;color:#d9eeef;direction:rtl}
.workspace-search input{background:none;border:0;outline:0!important;min-width:0;font-size:11px;direction:rtl}
.workspace-search .icon-button{color:var(--mint)}

/* Lists, reports, office and attendance. */
.glass-app .stat-card,.glass-app .mini-stats>div{background:#00151bc7;border-color:#d5eded0e;border-radius:23px;backdrop-filter:blur(12px)}
.glass-app .stat-title,.glass-app .stat-card>small{color:#a8bec2}
.glass-app .stat-icon{background:#b5dbdf10!important;color:#92cec7!important}
.glass-app .mini-stats{gap:14px}
.glass-app .mini-stats>div{font-size:12px;padding:17px 22px}
.glass-app .mini-stats strong{font-size:25px;font-weight:400}
.glass-app th{background:#04151dad;color:#a4b8be;font-size:11px;border-color:var(--line);padding:17px 20px}
.glass-app td{border-color:var(--line);font-size:12px;padding:19px 20px}
.glass-app td strong{font-size:12px}
.glass-app td small{font-size:10px}
.glass-app tbody tr:hover{background:#c2fff805}
.glass-app .table-wrap{border-radius:24px}
.glass-app .space-icon{background:#96dacc14;color:#a6e5d7;border:1px solid #d7f6e718;border-radius:50%;width:50px;height:50px}
.glass-app .space-facts strong{font-weight:400;font-size:23px}
.glass-app .occupancy-details{font-size:12px}
.glass-app .occupancy-row,.glass-app .availability-row{font-size:12px}
.glass-app .space-card h2{font-size:20px}
.glass-app .change-request p,.glass-app .slot-row{font-size:12px}
.glass-app .activity-row{border-color:var(--line)}
.glass-app .activity-row strong{font-size:13px}
.glass-app .activity-line{border-color:#468a7b3b;background:#8fcabd}
.glass-app .notification-row.unread{background:#93eace0b}
.glass-app .notification-mark{background:#526b70}
.glass-app .unread .notification-mark{background:#37c9bb;box-shadow:0 0 12px #55e0c933}
.glass-app .notification-row strong{font-size:13px}
.glass-app .setup-banner{background:#09212bcf;border-left-color:#42cdbf;border-radius:25px}
.glass-app .setup-banner p{color:#adc3ca}
.glass-app .setup-actions a{font-size:12px;border-radius:20px}
.glass-app .segmented{background:#020e1380;border-radius:22px}
.glass-app .segmented span{border-radius:19px;font-size:12px}
.glass-app .segmented input:checked+span{background:#deece7;color:#143a39}
.glass-app .scanner-box{background:#0010199c;border-color:#7da8ad4d;border-radius:23px}
.glass-app .member-card .brand-mark{background:none}
.glass-app .member-card img{border-radius:18px;background:#fff;padding:12px;/* Keep QR contrast and its quiet zone. */}

/* Kanban and task details. */
.glass-app .kanban-board{gap:16px}
.glass-app .kanban-column{background:#071920a8;border:1px solid #d7efef09;border-radius:26px;padding:18px 14px;backdrop-filter:blur(16px);min-height:470px}
.glass-app .kanban-heading{padding:3px 5px 22px}
.glass-app .kanban-heading h2{font-size:13px}
.glass-app .task-card{background:linear-gradient(140deg,#000b0ee8,#041215e8);border:1px solid #d4f0e60c;border-radius:20px;padding:20px 18px;box-shadow:none}
.glass-app .task-card:hover{border-color:#a0eadb40}
.glass-app .task-card h3{font-size:13px}
.glass-app .task-card p{font-size:11px}
.glass-app .task-card-footer{border-color:#def5ec0d}
.glass-app .task-card-footer small,.glass-app .due{font-size:10px}
.glass-app .column-empty{border-color:#c9e7e21a;border-radius:18px;color:#8ca4aa;font-size:11px}
.glass-app .task-status-square{border-color:#94b2a544;background:linear-gradient(#dceee615,#9bbbb009);border-radius:6px;box-shadow:inset 0 1px 1px #e4fae716;width:20px;height:20px}
.glass-app .task-status-square.doing{background:#75aef323;border-color:#8ac2ec66}
.glass-app .task-status-square.review{background:#f5c5771f;border-color:#e0b45f66}
.glass-app .status-dot{background:#a0b6be}
.glass-app .status-dot.doing{background:#82b5e2}
.glass-app .status-dot.review{background:#ecb859}
.glass-app .status-dot.done{background:#8cc6a0}

/* Messaging keeps the existing polling, reply, attachment and submit behavior. */
.glass-app .chat-layout{height:calc(100dvh - 224px);min-height:440px;grid-template-columns:255px minmax(0,1fr);border-radius:28px}
.glass-app .conversation-list{background:#0212199c;padding:20px 12px;border-color:var(--line)}
.glass-app .conversation-list>h2{font-size:14px;color:#a9c2c8}
.glass-app .conversation-item{border:1px solid transparent;border-radius:18px;padding:15px 12px}
.glass-app .conversation-item:hover{background:#b1e9e308}
.glass-app .conversation-item.selected{background:#87d6c114;border-color:#97dccc18}
.glass-app .conversation-item strong{font-size:12px}
.glass-app .conversation-item small{font-size:10px}
.glass-app .chat-header{background:#06232c4f}
.glass-app .chat-header h2{font-size:15px}
.glass-app .chat-header small{font-size:11px}
.glass-app .chat-search input{font-size:11px;border-radius:23px;background:#000e1461}
.glass-app .chat-feed{background:#020d145e;padding:25px;gap:23px}
.glass-app .message-bubble{background:#163139a3;border-color:#d9eeee10;border-radius:19px 4px 19px 19px;color:#e5f0ef;font-size:13px;padding:12px 17px;line-height:2}
.glass-app .own .message-bubble{background:#194e48b0;border-color:#7fdcbd1e;border-radius:4px 19px 19px 19px}
.glass-app .message-meta strong{font-size:11px;color:#bcd8d6}
.glass-app .message-meta time{font-size:10px;color:#94acb2}
.glass-app .message-bubble blockquote{background:#04171a55;border-color:#60baaa;color:#b9d3cd;border-radius:10px}
.glass-app .message-actions{color:#8eadaf}
.glass-app .chat-composer{background:#061820ab;padding:17px 22px}
.glass-app .composer-main textarea{background:#a0c9c80b;border:1px solid #c1e2d713;border-radius:20px;font-size:12px}
.glass-app .chat-composer .button{min-width:72px}
.glass-app .reply-preview{background:#8bd1c014;border-radius:12px}
.glass-app .chat-connection{background:#5c452023;color:#edca90;font-size:11px}

/* Calendar: charcoal grid, translucent event strips and a restrained current day. */
.glass-app .calendar-toolbar h2{font-size:20px;font-weight:400}
.glass-app .calendar-toolbar{padding:23px}
.glass-app .calendar-toolbar select{background:#00131b77;border-radius:24px;font-size:12px}
.glass-app .calendar-weekdays{background:#041c258a;color:#a7bfc5;font-size:12px;border-color:var(--line)}
.glass-app .calendar-day{background:#05161d26;border-color:#d4eee712;min-height:132px;padding:11px 8px}
.glass-app .calendar-day.outside{background:#00101838;color:#6d8992}
.glass-app .calendar-day.is-today{background:#b1e0cb0c}
.glass-app .day-number{font-size:12px;border-radius:50%;width:30px;height:30px}
.glass-app .is-today .day-number{background:#e7f3ed;color:#16382f;font-weight:400}
.glass-app .calendar-event{background:#63a6d520;color:#c2e0f2;border-color:#74b4df;border-radius:8px;padding:5px 7px;font-size:10px}
.glass-app .calendar-event.booking{background:#50b09423;color:#b7e8d4;border-color:#73bf97}
.glass-app .calendar-event.task{background:#dcab4825;color:#f1d3a2;border-color:#d7ad63}
.glass-app .calendar-legend{font-size:11px}
.glass-app .date-block{background:#c5ecdd0d;border:1px solid #dcf4e810;border-radius:14px}
.glass-app .date-block strong{color:#e6f4ed}
.glass-app .meeting-preview{border-color:var(--line);padding:20px 24px}
.glass-app .meeting-preview:hover,.glass-app .task-row:hover{background:#daf6f104}
.glass-app .meeting-preview strong{font-size:13px}
.glass-app .meeting-preview small{font-size:11px}
.glass-app .task-row,.glass-app .team-progress-row{border-color:var(--line)}

/* Authentication, invitation and error screens share the material and typography. */
.glass-app.auth-body{background:#102631}
.glass-app .auth-layout{min-height:100dvh;padding:50px;gap:28px;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto}
.glass-app .auth-story{background:linear-gradient(145deg,#061a21d9,#001017aa);border:1px solid #dcf4ea0b;border-radius:36px;padding:42px;backdrop-filter:blur(18px)}
.glass-app .auth-story:after{display:none}
.glass-app .auth-story .brand{font-size:24px}
.glass-app .auth-story h1{font-size:42px;line-height:1.9;font-weight:400}
.glass-app .auth-story-content>p{font-size:14px;color:#b5cdd0}
.glass-app .auth-steps{gap:35px}
.glass-app .auth-steps b{font-weight:400;color:#81d9c5}
.glass-app .auth-story-footer{color:#88abad;font-size:10px}
.glass-app .auth-story-footer span{color:#74999d}
.glass-app .auth-form-area{background:linear-gradient(130deg,#021319b0,#1c30344d);border:1px solid #d9efe40b;border-radius:36px;backdrop-filter:blur(18px);padding:55px 40px 70px}
.glass-app .auth-card>h2{font-size:26px}
.glass-app .auth-card>.muted{font-size:13px}
.glass-app .auth-help{font-size:11px;line-height:2.2;color:#a6bec2}
.glass-app .auth-footer{color:#8fb1b6;font-size:10px}
.glass-app .auth-form .button{font-size:13px}
.glass-app .auth-story .brand small{color:#a0c5c9;font-size:11px}

/* Keep scroll fades subtle and scrollbars quiet on all dark surfaces. */
.glass-app *{scrollbar-width:thin;scrollbar-color:#91afb43b transparent}
.glass-app :focus-visible{outline:2px solid #63eddb;outline-offset:4px}
.glass-app main:focus{outline:none}
.glass-app [hidden]{display:none!important}

@media(min-width:1680px){.glass-app .page-content{padding-inline-end:42px}
.overview-projects .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-metrics{gap:38px}
.overview-layout{grid-template-columns:minmax(0,2.2fr) minmax(340px,1fr)}
}

@media(max-width:1200px){.glass-app .main-shell{margin-inline:74px 0;width:calc(100% - 74px)}
.glass-app .sidebar{width:74px}
.glass-app .topbar{padding-inline-end:24px}
.glass-app .page-content{padding-inline-end:24px}
.glass-app .footer{margin-inline-end:24px}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}
.overview-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.overview-metrics{gap:17px}
.overview-metrics a{display:flex;flex-direction:column;gap:0}
.overview-metrics strong{font-size:19px}
.overview-metrics span{font-size:10px}
.glass-app .chat-layout{grid-template-columns:210px minmax(0,1fr)}
.overview-projects{padding-inline:16px}
.project-tabs{gap:1px}
.project-tabs a{font-size:10px;padding-inline:8px}
}

@media(min-width:761px){.glass-app .mobile-menu,.glass-app .sidebar-overlay{display:none}
.glass-app.nav-open .sidebar-overlay{display:none}
}

@media(max-width:960px) and (min-width:761px){.glass-app .sidebar{transform:none;width:70px}
.glass-app .main-shell{margin-inline-start:70px;width:calc(100% - 70px)}
.glass-app .nav-item{width:40px;height:40px}
.glass-app .sidebar nav{gap:6px}
.overview-layout{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr)}
.overview-projects{padding-inline:12px}
.project-card-heading{flex-wrap:wrap;min-height:48px}
.overview-projects .project-card-heading h2{font-size:12px}
.overview-projects .project-card{padding-inline:10px}
.overview-projects .project-visual{height:174px}
.overview-projects .progress-orbit{width:103px;height:103px}
.overview-projects .orbit-bevel{inset:15px}
.overview-projects .orbit-core{inset:19px}
.project-card-meta{flex-direction:column;gap:3px}
.overview-projects .project-card-bottom small{font-size:9px}
.overview-intro h1{font-size:19px}
.overview-metrics{gap:11px}
.glass-app .detail-grid{grid-template-columns:minmax(0,1fr) 265px}
.glass-app .environment-label{display:none}
}

@media(max-width:760px){.glass-app .main-shell{margin:0;width:100%}
.glass-app .sidebar{inset-inline-start:0;inset-inline-end:auto;width:275px;padding:22px 18px 15px;transform:translateX(110%);background:#0a222cf5;backdrop-filter:blur(25px);border-inline-end:1px solid #c7ede615;align-items:stretch;overflow-y:auto;overflow-x:hidden;gap:12px}
.glass-app .sidebar .brand{direction:rtl;justify-content:flex-start;margin:3px 0 20px}
.glass-app .brand-name{display:block;font-size:20px}
.glass-app .brand-name small{font-size:10px}
.glass-app .sidebar nav{align-items:stretch;gap:4px}
.glass-app .nav-item{direction:rtl;width:100%;justify-content:flex-start;padding:0 14px;gap:13px;border-radius:14px;height:46px}
.glass-app .nav-label{position:static;opacity:1;visibility:visible;background:none;border:0;padding:0;color:inherit;font-size:12px;white-space:normal}
.glass-app .sidebar-bottom{align-items:stretch;padding-top:25px}
.rail-account{display:flex;direction:rtl;align-items:center;gap:12px;padding:10px 13px}
.glass-app .nav-close{display:inline-flex!important;position:absolute;inset-inline-end:9px;top:9px;width:30px;height:30px}
.glass-app.nav-open .sidebar{transform:translateX(0)}
.glass-app .nav-item.active{background:#e6f3ee;color:#143331}
.glass-app .sidebar-overlay{display:none}
.glass-app.nav-open .sidebar-overlay{display:block;position:fixed;inset:0;background:#00101796;backdrop-filter:blur(5px);z-index:35;width:100%;height:100%}
.glass-app.nav-open{overflow:hidden}
.glass-app .mobile-menu{display:inline-flex;width:36px;height:36px}
.glass-app .topbar{height:78px;padding:0 17px;gap:8px}
.glass-app .topbar-start,.glass-app .topbar-end{gap:7px}
.workspace-pill{padding:6px 11px;font-size:11px;gap:7px;min-height:34px}
.workspace-pill .icon{display:none}
.date-pill{padding:6px 11px;font-size:11px;min-height:34px;gap:8px}
.glass-app .environment-label,.glass-app .account-settings{display:none}
.glass-app .page-content{padding:6px 17px 22px}
.glass-app .footer{margin:0 17px;padding:17px 0}
.glass-app .page-heading{gap:16px;margin-bottom:22px}
.glass-app .page-heading h1{font-size:23px}
.glass-app .page-heading p{font-size:12px}
.glass-app .page-heading>.actions{gap:7px}
.glass-app .button{font-size:11px;padding:9px 15px}
.glass-app .panel{border-radius:23px}
.glass-app .panel-heading{padding:18px 20px}
.glass-app .panel-heading h2{font-size:16px}
.glass-app .detail-grid,.glass-app .space-grid{grid-template-columns:1fr}
.glass-app .padded,.glass-app .space-card,.glass-app .project-brief{padding:23px}
.glass-app .projects-library{padding:18px}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.project-card{padding:14px 13px 0;border-radius:18px}
.project-card-heading h2{font-size:14px}
.project-card-meta{font-size:10px;flex-direction:column;gap:3px}
.project-card-heading{flex-wrap:wrap}
.project-card-heading .badge{font-size:8px}
.project-caption{font-size:11px;min-height:56px}
.project-card-bottom small{font-size:9px}
.project-card-bottom .icon-button{width:28px}
.overview-intro{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}
.overview-intro>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}
.overview-intro h1{font-size:20px}
.overview-intro .section-kicker{margin:0;font-size:10px}
.overview-metrics{gap:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 8px;background:#001a2057;border-radius:23px}
.overview-metrics a{gap:1px;text-align:center}
.overview-metrics strong{font-size:23px}
.overview-metrics span{font-size:10px}
.overview-layout{grid-template-columns:1fr;gap:16px}
.overview-projects{min-height:0;padding:4px 15px 0}
.overview-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-projects .project-card-heading{min-height:43px}
.project-scroll{max-height:550px}
.overview-side{display:grid;grid-template-columns:1fr 1.25fr;align-items:start;gap:16px}
.overview-task-scroll{max-height:360px;padding-inline:14px}
.overview-task{padding:16px}
.overview-agenda{gap:16px}
.overview-agenda .meeting-preview{padding:17px}
.glass-app .next-step .panel-heading{padding:18px 20px 7px}
.next-step-copy{padding-inline:20px}
.glass-app .kanban-column{min-height:400px}
.glass-app .chat-layout{grid-template-columns:190px minmax(0,1fr);min-height:550px}
.glass-app .chat-header{padding:15px}
.glass-app .chat-feed{padding:19px}
.glass-app .auth-layout{padding:20px;gap:17px;display:flex;flex-direction:column}
.glass-app .auth-story{padding:24px;border-radius:28px}
.glass-app .auth-story-content{padding:20px 0 0}
.glass-app .auth-story h1{font-size:25px;line-height:1.8;margin:0}
.glass-app .auth-story .brand{font-size:20px}
.glass-app .auth-story-content>p,.glass-app .auth-steps,.glass-app .auth-story-footer,.glass-app .auth-story .eyebrow{display:none}
.glass-app .auth-form-area{padding:35px 27px 70px;border-radius:28px}
.glass-app .auth-card{max-width:500px}
.glass-app .auth-card>h2{font-size:23px}
}

@media(max-width:600px){.glass-app .topbar{padding-inline:12px}
.date-pill{font-size:10px;gap:8px;padding:5px 10px}
.date-pill time{display:none}
.workspace-pill{font-size:10px;padding-inline:10px}
.glass-app .page-content{padding-inline:13px}
.glass-app .footer{margin-inline:13px;font-size:9px}
.glass-app .page-heading{align-items:stretch}
.glass-app .page-heading h1{font-size:22px}
.glass-app .page-heading p{font-size:11px}
.glass-app .page-heading>.actions{flex-wrap:wrap}
.glass-app .button{min-height:42px}
.glass-app .panel-heading{padding:18px}
.glass-app .panel-heading h2{font-size:16px}
.glass-app .projects-library{padding:14px}
.glass-app .projects-library .filter-bar{gap:8px}
.glass-app .projects-library .search-field{max-width:none;flex-basis:100%}
.glass-app .projects-library .select-filter{width:auto;flex:1}
.glass-app .projects-library select{min-width:0;max-width:none;width:100%}
.project-grid,.overview-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.project-card,.overview-projects .project-card{padding:12px 10px 0;border-radius:17px}
.project-card-heading,.overview-projects .project-card-heading{min-height:40px;gap:3px}
.glass-app .project-card-heading h2{font-size:12px}
.project-card-heading .badge{font-size:8px;padding:1px 6px}
.project-visual{height:165px;gap:10px}
.progress-orbit{width:100px;height:100px}
.orbit-bevel{inset:14px}
.orbit-core{inset:18px}
.orbit-core .icon{width:24px;height:24px;flex-basis:24px}
.orbit-reading>strong{font-size:23px}
.project-stage{font-size:9px}
.project-caption{font-size:10px}
.project-card-meta{font-size:9px}
.project-card-bottom small{font-size:8px}
.project-card-bottom .icon{width:15px;height:15px;flex-basis:15px}
.project-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:0}
.project-tabs a{font-size:10px;padding-inline:10px}
.project-panel-foot{font-size:8px}
.overview-side,.overview-agenda{grid-template-columns:1fr;gap:16px}
.overview-intro h1{font-size:19px}
.overview-intro .section-kicker{font-size:9px}
.overview-metrics span{font-size:9px}
.glass-app .overview-projects>.panel-heading{padding:15px 0 7px}
.overview-projects .panel-heading .actions{gap:5px}
.glass-app .overview-projects .panel-heading .text-link{font-size:10px}
.overview-task h3{font-size:12px}
.overview-task small{font-size:10px}
.overview-task-scroll{max-height:380px}
.glass-app .padded,.glass-app .project-brief,.glass-app .space-card{padding:21px}
.glass-app .form-panel{padding:24px 20px}
.glass-app input,.glass-app select,.glass-app textarea{font-size:14px}
.glass-app .form-panel input,.glass-app .form-panel select,.glass-app .form-panel textarea,.glass-app .auth-form input,.glass-app .composer-main textarea{font-size:16px}
.glass-app .field>label{font-size:12px}
.glass-app .prose{font-size:12px}
.glass-app .project-facts{gap:20px;flex-wrap:wrap}
.glass-app .upload-form{padding:17px}
.glass-app .mini-stats>div{font-size:11px;padding:14px}
.glass-app .mini-stats strong{font-size:23px}
.glass-app th{font-size:10px;padding:15px}
.glass-app td{font-size:11px;padding:16px}
.glass-app .change-request{padding:20px}
.glass-app .chat-layout{display:flex;flex-direction:column;height:calc(100dvh - 190px);min-height:580px}
.glass-app .conversation-list{display:flex;padding:10px;gap:5px;flex-shrink:0;border-left:0;border-bottom:1px solid var(--line)}
.glass-app .conversation-list>h2{display:none}
.glass-app .conversation-item{min-width:160px;padding:9px}
.glass-app .chat-main{flex:1}
.glass-app .chat-header{gap:9px;padding:14px}
.glass-app .chat-search{max-width:150px}
.glass-app .chat-search input{font-size:11px}
.glass-app .chat-feed{padding:18px 12px}
.glass-app .message-bubble{font-size:12px;padding:11px 13px}
.glass-app .message-meta{flex-wrap:wrap;gap:4px 10px}
.glass-app .message-meta strong{font-size:10px}
.glass-app .message-meta time{font-size:9px}
.glass-app .message .avatar{width:28px;height:28px;font-size:10px}
.glass-app .chat-composer{padding:12px}
.glass-app .chat-composer .button{min-width:59px;padding-inline:13px}
.glass-app .composer-main .attachment-button{width:28px;flex-shrink:0}
.glass-app .composer-main textarea{padding:9px 12px}
.glass-app .calendar-toolbar{padding:19px 16px}
.glass-app .calendar-toolbar h2{font-size:18px}
.glass-app .calendar-legend{font-size:10px;gap:12px}
.glass-app .agenda-day .calendar-event{font-size:12px;border-radius:12px;padding:12px}
.glass-app .agenda-day h3{font-size:13px}
.glass-app .calendar-toolbar .actions{flex-wrap:nowrap}
.glass-app .calendar-toolbar select{min-width:0}
.glass-app .auth-layout{padding:13px;gap:13px}
.glass-app .auth-story{padding:23px;border-radius:24px}
.glass-app .auth-story h1{font-size:21px}
.glass-app .auth-form-area{border-radius:24px;padding:30px 23px 65px}
.glass-app .auth-card>h2{font-size:22px}
.glass-app .auth-form .input{font-size:16px}
.glass-app .auth-story .brand small{font-size:10px}
.glass-app .activity-row{flex-wrap:wrap}
.glass-app .activity-row time{margin-inline-start:24px}
.glass-app .notification-row{padding:19px 17px}
.glass-app .notification-row strong{font-size:12px}
.glass-app .notification-row small{font-size:10px}
.glass-app .workspace-search{width:100%;margin-top:18px}
}

@media(max-height:720px) and (min-width:761px){.glass-app .sidebar{padding-top:20px;gap:7px}
.glass-app .sidebar nav{gap:2px}
.glass-app .nav-item{width:37px;height:37px}
.glass-app .sidebar-bottom{gap:3px}
.glass-app .brand{margin-bottom:5px}
}




.glass-app .calendar-toolbar>form{flex-wrap:nowrap}
.glass-app .calendar-toolbar select{width:auto}
.glass-app .rail-account .avatar{background:linear-gradient(130deg,#d99832,#61341d);color:#fff0dd;border-color:#ffd1a93b}
.glass-app .chat-feed{mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 7px),transparent)}

@media(max-width:700px){.glass-app .calendar-toolbar select{flex:1;min-width:0;width:0}
}


.glass-app .space-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.glass-app .space-facts strong{direction:ltr;text-align:right}
.project-brief-summary{display:flex;gap:30px;align-items:center}
.project-brief-summary h2{font-size:21px}
.project-detail-ring{display:flex;align-items:center;flex-direction:column;gap:14px;flex:0 0 145px;padding:12px 0}

@media(max-width:760px){.glass-app .sidebar{visibility:hidden;pointer-events:none}
.glass-app.nav-open .sidebar{visibility:visible;pointer-events:auto}
}

@media(max-width:500px){.project-brief-summary{flex-direction:column-reverse;align-items:stretch;gap:22px}
.project-detail-ring{flex-basis:auto}
.project-brief-summary h2{font-size:19px}
}

@media(max-width:760px){.glass-app .sidebar .nav-label{visibility:inherit}
.glass-app .nav-close{width:44px;height:44px;inset-inline-end:4px;top:4px}
}

@media(max-width:700px){.glass-app .table-wrap table{min-width:660px}
.glass-app .table-wrap td,.glass-app .table-wrap th{padding:16px 18px}
.glass-app .person-cell{min-width:175px}
.glass-app td .actions{flex-wrap:nowrap}
}

/* A deliberate city choice starts each manager session. */
.city-selection{min-height:100dvh;display:flex;flex-direction:column}
.city-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 44px}
.glass-app .city-header .brand{margin:0;gap:12px;font-size:21px}
.city-header .brand small{font-size:10px;color:var(--muted)}
.city-header form{margin:0}
.city-main{width:min(930px,100%);margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:30px 24px 50px}
.city-intro{text-align:center;margin-bottom:32px}
.glass-app .city-intro h1{font-size:34px;margin:12px 0 14px}
.city-intro p{font-size:13px;color:#bfd0d0;margin:0;line-height:2.1}
.city-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.city-option{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:22px 24px 19px;border-radius:28px;border:1px solid #d4ece619;background:radial-gradient(ellipse at 50% 64%,#42716738,transparent 70%),linear-gradient(145deg,#061920ef,#051016d9);backdrop-filter:blur(18px);text-align:center;transition:border-color 150ms ease,background-color 150ms ease;box-shadow:0 12px 30px #010c1526}
.city-option:hover,.city-option.is-current{border-color:#66cbb278;background-color:#24534d}
.city-option:active{border-color:#a5f6df}
.city-option-top{width:100%;display:flex;justify-content:space-between;align-items:center;color:#adc6c4;font-size:11px}
.city-option-top .icon{width:18px;height:18px;flex-basis:18px;color:#7ed5c8}
.city-current{color:#7cddbf;font-size:10px}
.city-emblem{display:grid;place-items:center;width:100px;height:100px;margin:28px 0 16px;border-radius:50%;border:1px solid #bed5c63d;background:radial-gradient(ellipse at 40% 15%,#314c45,#081915 78%);box-shadow:0 8px 18px #0005,inset 0 0 0 5px #142421,inset 0 0 0 6px #b9d5c326;color:#bbddcc}
.city-emblem .icon{width:38px;height:38px;flex-basis:38px}
.city-option>strong{font-size:26px;font-weight:500;margin-bottom:27px}
.city-option-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:17px;border-top:1px solid #d4ece610;font-size:11px;color:#b1c6c4}
.city-option-bottom .icon{width:17px;height:17px;flex-basis:17px;color:#68c8b3}
.city-hint{display:flex;justify-content:center;align-items:center;gap:9px;color:#bfd2d0;font-size:12px;margin:27px 0 0;line-height:2}
.city-hint .icon{width:17px;height:17px;flex-basis:17px;color:#8dc5bd}
.city-switch-note{text-align:center;font-size:11px;color:#8fa9ad;margin:10px 0 0}
.city-footer{text-align:center;color:#91aeb1;font-size:10px;padding:18px 24px 25px}
@media(max-width:600px){
.city-header{padding:22px 20px;gap:14px}
.glass-app .city-header .brand{font-size:18px;gap:8px}
.glass-app .city-header .brand-mark{width:33px;height:33px}
.glass-app .city-header .brand-mark .icon{width:30px;height:30px;flex-basis:30px}
.glass-app .city-header .button{font-size:10px;padding:6px 10px}
.city-main{padding:20px 20px 25px}
.glass-app .city-intro h1{font-size:26px}
.city-intro{margin-bottom:25px}
.city-intro p{font-size:12px}
.city-options{grid-template-columns:1fr;gap:12px}
.city-option{display:grid;grid-template-columns:60px 1fr auto;gap:6px 16px;text-align:start;padding:19px;border-radius:23px}
.city-option-top{grid-column:2 / 4;grid-row:1;font-size:10px}
.city-emblem{grid-column:1;grid-row:1 / 4;width:60px;height:60px;margin:0}
.city-emblem .icon{width:27px;height:27px;flex-basis:27px}
.city-option>strong{grid-column:2;grid-row:2;font-size:22px;margin:0}
.city-option-bottom{grid-column:2 / 4;grid-row:3;padding:0;border:0;font-size:10px}
.city-hint{align-items:flex-start;font-size:11px;margin-top:24px}
.city-switch-note{font-size:10px}
}

/* Role-specific conversations and versioned step reports. */
.chat-channels{display:flex;gap:7px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--line)}
.chat-channels a{font-size:11px;padding:6px 12px;border-radius:22px;color:#a9c4c5}
.chat-channels a.selected{background:#d7f2e9;color:#123330}
.report-comment{padding:23px;border-bottom:1px solid var(--line)}
.report-comment .prose{margin:15px 0;font-size:13px}
.report-comment strong{font-size:12px}
.review-snapshot{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:13px;font-size:12px;color:var(--muted)}
.review-snapshot summary{cursor:pointer}
.review-snapshot h3{margin-top:14px}
.report-flow{padding-inline-start:20px;font-size:12px;color:#b6ceca;line-height:2.3;margin-bottom:25px}
.glass-app .badge.reviewed,.glass-app .badge.final{background:#36796438;color:#a5e3ca}
@media(max-width:760px){.chat-channels{padding:8px 12px}.chat-channels a{font-size:10px;padding:5px 9px}.report-comment{padding:18px}.report-comment .row-between{flex-wrap:wrap}}

.role-team-links{margin-block-end:24px;flex-wrap:wrap}.badge.approved{background:#1c433c;color:#a6e7c5}.badge.changes{background:#4e3524;color:#ffd09e}

/* Role workspaces share the glass system while prioritizing each role's work. */
.role-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-end:24px}.role-heading h1{margin:6px 0 10px}.role-heading p{color:var(--muted);margin:0;max-width:740px;line-height:1.9}.role-heading>.button{flex-shrink:0}
.role-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block-end:28px}.role-shortcuts>a{display:flex;align-items:center;gap:12px;padding:19px 20px;border:1px solid #c5e1dc14;border-radius:22px;background:#071a2373;color:#d6e5df}.role-shortcuts>a>span:nth-child(2){flex:1}.role-shortcuts>a:hover{background:#284449a8}.role-shortcuts .icon{width:20px;height:20px;color:#79c5ba}
.role-summary{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);margin-block-end:20px}.role-work-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.role-work-grid>.stack{min-width:0}.role-report-row,.role-team-row{display:flex;align-items:center;gap:16px;padding:22px;border-top:1px solid #b6d6ce12}.role-report-row:hover{background:#abc9c308}.role-report-row small,.role-team-row small{display:block;margin-top:7px;color:var(--muted)}.role-step-number{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:14px;background:#69b3a81c;color:#b0d8c9}.role-pill{color:#b7d3c8;font-size:12px;border:1px solid #adccbd20;padding:6px 12px;border-radius:30px;white-space:nowrap}
@media(max-width:900px){.role-work-grid{grid-template-columns:1fr}.role-heading{align-items:flex-start}.role-shortcuts{gap:10px}.role-shortcuts>a{padding:16px 12px}.role-report-row{flex-wrap:wrap}}
@media(max-width:600px){.role-heading{flex-direction:column;gap:18px}.role-heading>.button{width:100%}.role-shortcuts{grid-template-columns:1fr}.role-shortcuts>a{padding:15px 18px}.role-work-grid{gap:18px}.role-team-row{flex-wrap:wrap}.role-pill{display:none}.role-heading h1{font-size:25px}.role-report-row,.role-team-row{padding:18px}}