/* Shared application theme inspired by Datta Able: dark navigation, light content. */
.site-design{--ink:#303d4c;--muted:#768393;--brand:#187c70;--line:#e8edf1;--bg:#f4f7fa;background:var(--bg);color:var(--ink)}
.site-design header{height:78px;padding:0 32px 0 0;gap:0;border:0;box-shadow:0 1px 12px #28374708;background:#fff}
.site-design .brand{width:235px;height:78px;padding:0 23px;background:#263544;color:#fff;font-size:19px;flex-shrink:0;gap:10px}
.site-design .brand small{display:none}
.site-design .mark{background:linear-gradient(140deg,#1dc4ab,#159b99);width:31px;height:34px;border-radius:7px;font-size:20px}
.site-design .account{padding-right:4px;gap:25px}.site-design .account>a{color:#506272}.site-design .account>a:before{content:'●';color:#25af9b;margin-right:9px;font-size:10px}
.site-design .sidebar{background:#263544;border:0;padding:34px 14px 20px;box-shadow:3px 0 15px #26354408}
.site-design .sidebar:before{content:'WORKSPACE';display:block;letter-spacing:1.8px;font-size:10px;color:#94a6b6;padding:0 16px;margin-bottom:20px}
.site-design .nav-entry,.site-design .nav-group summary{color:#c1cfda;font-size:14px;font-weight:500;padding:16px;border-radius:6px;margin:5px 0;transition:background .15s}
.site-design .nav-entry:hover,.site-design .nav-group summary:hover{background:#314555;text-decoration:none}
.site-design .nav-entry.active{background:linear-gradient(100deg,#1aac99,#168f91);color:white;border:0;box-shadow:0 5px 13px #061c2330;font-weight:700}
.site-design .nav-group a{color:#b3c2ce;font-size:13px;margin-left:10px;padding:12px 20px}
.site-design .nav-group a:hover{background:#314555;text-decoration:none}
.site-design .nav-group:last-child{border-color:#3b4c5c;margin-top:28px;padding-top:24px}
.site-design .nav-group summary:after{color:#9eafbf}
.site-design main{padding:44px 42px;min-height:calc(100vh - 148px)}
.site-design .heading{margin-bottom:0;align-items:center}
.site-design .eyebrow{font-size:12px;font-weight:400;color:#8a96a2;margin:0 0 12px}
.site-design h1{font-size:29px;font-weight:700;letter-spacing:-1px;margin:0 0 10px}
.site-design .heading .button{background:#fff;border:1px solid #dce5e9;color:#526477;padding:11px 17px;font-size:13px;box-shadow:0 2px 4px #22344404}
.site-design .site-intro{font-size:14px;color:#778492;margin:0 0 30px;line-height:1.8}
.site-design .site-directory{background:#fff;border-radius:9px;box-shadow:0 4px 24px #23354908;overflow:hidden;border:1px solid #eaf0f4}
.site-design .directory-heading{padding:25px 28px 23px;border-bottom:1px solid #edf1f4;display:flex;justify-content:space-between;align-items:center;gap:16px}
.site-design .directory-heading h2{font-size:17px;margin:0 0 8px;display:flex;gap:10px;align-items:center}
.site-design .directory-heading h2 span{font-size:12px;color:#148f82;background:#e8f6f2;border-radius:5px;min-width:25px;padding:4px 7px;text-align:center}
.site-design .directory-heading p{font-size:12px;color:#87939f;margin:0}
.site-design .directory-label{font-size:11px;color:#94a0aa}
.site-design .home-project-list{display:block;margin:0;max-width:none}
.site-design .home-project-list>a{border:0;border-bottom:1px solid #eef2f5;border-radius:0;padding:24px 28px;gap:20px;background:#fff;min-height:105px;color:#354757;transition:background .15s}
.site-design .home-project-list>a:last-child{border-bottom:0}
.site-design .home-project-list>a:hover{background:#f4fbf9}
.site-design .project-number{display:grid;place-items:center;width:46px;height:46px;background:#edf7f4;border-radius:9px;color:#1b9989;font-size:15px;font-weight:600;flex-shrink:0}
.site-design .site-name{min-width:0}.site-design .site-name strong{font-size:16px;font-weight:650;overflow-wrap:anywhere}.site-design .site-name small{font-size:12px;color:#94a0aa;margin-top:7px}
.site-design .site-open{font-size:12px;color:#83929d;white-space:nowrap;display:flex;align-items:center;gap:14px}
.site-design .site-open b{font-size:20px;font-weight:400;color:#269d8e}
.site-design .directory-foot{border-top:1px solid #edf1f4;background:#fcfdfd;padding:18px 28px;color:#8c99a4;font-size:12px;line-height:1.8}
.site-design .site-dot{display:inline-block;width:6px;height:6px;background:#26b19c;border-radius:50%;margin-right:8px;vertical-align:middle}
.site-design .home-test-link{margin-top:24px;font-size:12px}.site-design .home-test-link a{color:#738798}.site-design .home-test-link span{color:#a0abb4}
.site-design footer{border-color:#e7edf2;font-size:11px;padding:22px 42px;color:#96a1ab}
.site-design a:focus-visible,.site-design summary:focus-visible{outline:3px solid #28baa5;outline-offset:3px}
@media(max-width:850px){.site-design header{padding:0 5%;height:auto;min-height:78px;gap:12px}.site-design .brand{background:none;color:#304454;width:auto;height:auto;padding:0;font-size:18px}.site-design .account{padding:0;gap:15px;font-size:12px}.site-design .sidebar{padding-top:155px}.site-design main{padding:30px 5%}.site-design .menu-toggle{border-color:#dde5eb;color:#4b6871;font-size:13px}.site-design .directory-heading{padding:22px}.site-design .home-project-list>a{padding:23px 22px}.site-design footer{padding:22px 5%}}
@media(max-width:500px){.site-design .account{width:100%;justify-content:flex-end;padding-bottom:12px}.site-design header{padding-top:17px}.site-design h1{font-size:25px}.site-design .heading .button{padding:9px 12px}.site-design .directory-label{display:none}.site-design .directory-heading{padding:22px 18px}.site-design .home-project-list>a{padding:22px 18px;gap:13px}.site-design .project-number{width:37px;height:41px}.site-design .site-name strong{font-size:14px}.site-design .site-name small{font-size:11px}.site-design .site-open{font-size:0;gap:0}.site-design .site-open b{font-size:22px}.site-design .directory-foot{padding:16px 18px;font-size:11px}.site-design .site-intro{font-size:13px}.site-design .home-test-link{flex-wrap:wrap;gap:6px}}

/* Lighter typography for the site-list design preview. */
.site-design .brand,.site-design h1,.site-design .directory-heading h2{font-weight:400}
.site-design .nav-entry,.site-design .nav-group summary,.site-design .nav-group a,.site-design .nav-entry.active,.site-design .site-name strong,.site-design .project-number,.site-design .heading .button,.site-design .menu-toggle{font-weight:400}

/* Shared controls: preserve the existing workflows, tables and drawing colours. */
.site-design:not(.site-list) .heading{margin-bottom:24px}
.site-design h2,.site-design h3,.site-design label,.site-design th,.site-design strong,.site-design b,.site-design button,.site-design .button,.site-design nav a{font-weight:400}
.site-design .nav-group.selected summary{color:#fff;background:#324958}
.site-design .nav-group a.active{background:#1b756f;color:#fff;border-left:3px solid #39d7b6;font-weight:400}
.site-design .primary{background:#168d80;color:#fff;border-color:#168d80}
.site-design .secondary{background:#fff;color:#4b6572;border-color:#d9e3e9}
.site-design .panel,.site-design .filters,.site-design .table-wrap,.site-design .list,.site-design .project{border-color:#e5ecf1;box-shadow:0 3px 18px #23354905}
.site-design .panel,.site-design .filters{border-radius:9px}
.site-design th{background:#edf3f7;color:#687c8b}
.site-design td{border-color:#e9eef2}
.site-design input,.site-design select,.site-design textarea{border-color:#ccd8e1;font-weight:400}
.site-design input:focus,.site-design select:focus,.site-design textarea:focus{outline-color:#29b7a2}
.site-design .home-materials a,.site-design .home-stages a{font-weight:400}
.site-design .home-materials a.active,.site-design .home-stages a.active{background:#e5f5f0;color:#13766b;border-color:#78c9b9}
.site-design.elevation-dashboard main{padding-top:24px;font-size:14px}
.site-design.elevation-dashboard h1{font-size:24px;margin-bottom:6px}
.site-design.elevation-dashboard h2{font-size:19px;margin:0 0 12px}
.elevation-dashboard .home-subhead{margin:12px 0;gap:12px;flex-wrap:wrap}
.elevation-dashboard .zone-picker{gap:8px}
.elevation-dashboard .zone-picker .button{font-size:14px;padding:10px 14px;min-height:40px}
.elevation-dashboard .home-materials{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.elevation-dashboard .home-materials a,.elevation-dashboard .home-stages a{box-sizing:border-box;width:135px;min-height:56px;padding:12px;font-size:14px;line-height:20px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.elevation-dashboard .home-elevation-layout{gap:14px}
.elevation-dashboard .elevation-panel{padding:20px}
.elevation-dashboard .help{margin-top:10px;margin-bottom:10px}
@media(max-width:650px){.elevation-dashboard .home-materials a,.elevation-dashboard .home-stages a{width:auto;flex:1 1 100px;min-height:44px;padding:10px 8px}.elevation-dashboard .elevation-panel{padding:14px}.site-design.elevation-dashboard h1{font-size:21px}}
.site-design .plan-side a{background:#edf8f4;color:#257d70;border-color:#b8dbd1}
.site-design .plan-side a:hover{background:#d8f0e6}
.site-design .summary-grid strong,.site-design .receipt-summary b{font-weight:400}
.site-design .heading .button.primary{background:#168d80;color:#fff;border-color:#168d80}
.site-design .demo-state-actions .demo-state-button{font-weight:400}
.login-design{--brand:#187c70;--ink:#303d4c;--muted:#768393;background:#f4f7fa;color:var(--ink)}
.login-design header{border:0;box-shadow:0 1px 12px #28374708}
.login-design .brand,.login-design h1,.login-design h2,.login-design label,.login-design button{font-weight:400}
.login-design .mark{background:linear-gradient(140deg,#1dc4ab,#159b99)}
.login-design .login{border-color:#e5ecf1;border-radius:10px;box-shadow:0 8px 35px #23354908}
.login-design .primary{background:#168d80}
@media(max-width:850px){.site-design:not(.site-list) .heading{margin-bottom:20px}.site-design .scroll-table{box-shadow:none}}