/* Alpine editorial direction, derived from the supplied visual reference. */
:root{--ink:#172b35;--muted:#6d7984;--bg:#f6f5f2;--line:#e7e9e6;--navy:#142a33;--green:#4b7c64;--shadow:0 6px 25px #334e4204}
body{background:var(--bg);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}
#app{position:relative;isolation:isolate;min-height:100vh;overflow:clip}.alpine-backdrop{position:absolute;z-index:-1;inset:0 0 auto;height:590px;pointer-events:none;background-image:linear-gradient(to bottom,transparent 57%,#f6f5f280 77%,var(--bg) 100%),linear-gradient(to right,#f6f5f2 0%,#f6f5f2e6 20%,#f6f5f260 44%,#f6f5f200 70%),url('assets/alpine-morning.png');background-size:cover;background-position:center,center,center 32%}
.topbar{position:relative;z-index:5;height:86px;padding:0 4.6%;background:transparent;border:0}.top-left{position:relative;min-width:140px}.brand{font-family:'DM Sans',sans-serif;font-size:22px;letter-spacing:2px;font-weight:550;gap:8px}.brandmark{font-size:29px;color:#4e6f66}.practice-name{position:absolute;left:0;top:29px;margin:0;padding:0;border:0;font-size:11px;white-space:nowrap;color:#67747a}.top-right{gap:18px}.topbar .top-right>.smalltext{display:none}.topbar .demo{font-size:10px;letter-spacing:1px;padding:7px 10px;background:#ffffff50;border-color:#ffffff60;color:#5e7078;border-radius:20px}.topbar .profile-toggle{height:44px;width:44px;background:#fffffff2;color:#172b35;border:1px solid #fff;border-radius:50%;font-size:13px;box-shadow:0 4px 12px #273b3c07}.topbar .profile-toggle:hover,.topbar .profile-toggle[aria-expanded="true"]{background:#e6eee9}
.nav{position:absolute;z-index:4;top:19px;left:calc(4.6% + 180px);right:calc(4.6% + 190px);height:48px;padding:0;gap:4px;border:0;background:none;box-shadow:none;align-items:center;overflow:visible}.nav button,.nav button.active{height:38px;border:0;padding:0 12px;border-radius:24px;font-size:13px;font-weight:450;letter-spacing:-.2px;color:#5d6e78}.nav button:hover{background:#ffffff65;color:#172b35}.nav button.active{background:#ffffffad;color:#172b35;box-shadow:0 2px 12px #283a3903;font-weight:600}.nav button.active:before{content:'•';font-size:14px;margin-right:7px}.nav .nav-end{margin-left:0;color:#5d6e78}
.page{max-width:1560px;padding:35px 4.6% 22px;position:relative}.scenic-app .page{padding-top:30px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:24px}.welcome-date{font-size:14px;color:#647581;margin-bottom:13px;line-height:1.5}.welcome h1{white-space:nowrap;font-size:44px;line-height:1.04;letter-spacing:-1.5px;font-weight:450;margin-bottom:13px}.welcome-copy>p:last-child{font-size:16px;line-height:1.5;color:#6d7b86}.agent-glass{width:290px;flex-shrink:0;text-align:left;padding:21px 23px 18px;border:1px solid #ffffff25;border-radius:20px;background:#1e302fcc;color:#fff;backdrop-filter:blur(16px);box-shadow:0 10px 30px #152d2820;margin-bottom:0}.agent-glass:hover{background:#233b38e8;border-color:#ffffff45}.agent-glass-label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:450;color:#e4ece6}.agent-glass .agent-dot{background:#a4d0aa}.agent-glass .agent-dot.paused{background:#e1c58a}.agent-glass strong{display:block;font-size:17px;font-weight:450;line-height:1.5;max-width:220px;margin:12px 0 9px}.agent-glass-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:400;color:#e0e6df;line-height:1.5}.round-arrow{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:16px}
.overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.overview-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:21px 21px 19px;text-align:left;border:1px solid #ffffffa8;border-radius:19px;background:#ffffffdb;backdrop-filter:blur(18px);box-shadow:0 5px 22px #30423b03;min-height:136px;color:var(--ink)}.overview-card:hover{background:#fffffff0;border-color:#9cae9e;transform:translateY(-2px)}.overview-card.active{background:#fffffff0;border-color:#87a494;box-shadow:0 4px 18px #344e4110}.overview-card:focus-visible{outline:2px solid #50715e;outline-offset:3px}.overview-icon{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#e8f1e9;color:#57876b}.overview-card.team .overview-icon{background:#f6ebe4;color:#b58257}.overview-card.agent .overview-icon{background:#e9ebed;color:#5c6d79}.overview-card.done .overview-icon{background:#e9f0e9;color:#4f8065}.overview-copy{display:flex;flex-direction:column;min-width:0}.overview-title{font-size:14px;font-weight:450;line-height:1.4;margin-top:1px}.overview-copy strong{font-size:29px;font-weight:550;letter-spacing:-.5px;margin-top:4px;line-height:1.25;font-variant-numeric:tabular-nums}.overview-desc{font-size:12px;font-weight:400;color:#76828b;line-height:1.4;margin-top:7px}.overview-arrow{position:absolute;right:17px;bottom:16px;color:#7d8b93;font-size:15px}.overview-desc{padding-right:12px}
.workspace{border:1px solid #ffffffb3;border-radius:20px;background:#ffffffdc;backdrop-filter:blur(20px);box-shadow:0 6px 25px #334e4203}.work-intro{padding:24px 26px 21px;gap:20px}.work-intro h2{font-size:19px;font-weight:550;letter-spacing:-.55px}.work-intro p{font-size:13px;color:#73808a;margin-top:6px}.work-intro .search{min-width:146px;width:auto;border-radius:20px;border-color:#e7e9e9;background:#ffffff70;padding:8px 13px;font-size:13px;color:#4d606e}.work-row{padding:20px 26px;min-height:111px;border-top:1px solid #e9eceb;grid-template-columns:38px minmax(0,1fr) 145px 160px}.work-row:hover{background:#ffffffe0}.work-icon{border-radius:50%;height:36px;width:36px;background:#edf1ed;color:#617e6b}.work-row.blocked .work-icon,.work-row.failed .work-icon{background:#faf0e7;color:#aa7545}.work-copy h3{font-weight:550;font-size:15px}.work-copy p{font-size:14px;color:#687b84;line-height:1.5}.work-meta{font-size:12px;color:#7a8790;margin-top:7px}.work-owner{font-size:13px;color:#526876}.work-owner>span{font-size:13px;color:#7a8790}.work-action{background:#172d36;color:white;border-color:#172d36;border-radius:24px;padding:10px 14px;font-size:13px;font-weight:450;box-shadow:0 4px 12px #172d3610}.work-action>span{color:#d4dfdf}.work-action:hover{background:#294951;color:#fff;border-color:#294951}.workspace-links{font-size:12px;margin-top:19px;color:#7b8589}.workspace-links .text-button{font-size:13px;color:#526e63;font-weight:450}.footer{font-size:11px;line-height:1.5;margin-top:32px;padding-top:16px;border-color:#e8e9e5;color:#8b959a}
/* Carry the same material treatment through the working views. */
.interior-app{background:radial-gradient(ellipse at 90% 0%,#e0e9e6 0,transparent 48%),#f6f5f2}.panel,.case-task{border:1px solid #ffffffb3;border-radius:18px;box-shadow:var(--shadow);background:#ffffffda}.panel-head{padding:21px 24px}.page-head h1{font-size:31px;font-weight:500}.page-head p{font-size:15px;color:#6f7f87}.date{font-size:12px;letter-spacing:.6px;color:#7d8a8f}.search{border-radius:16px;background:#ffffffc9;border-color:#e2e7e5;font-size:14px}.badge{font-size:12px}.badge.green{background:#e7f0e8;color:#3f7857}.badge.orange{background:#fbefe2;color:#9c683b}.badge.blue{background:#eaf0f5;color:#567386}button.primary{background:#172d36;border-color:#172d36;border-radius:22px;color:#fff}button.primary:hover{background:#294951;border-color:#294951}button.small:not(.ghost){border-radius:20px}.case-task h2{font-weight:550}.task-description{font-size:15px}.case-task .task-kicker{color:#568069}.profile-panel{background:#fffffff7;backdrop-filter:blur(20px);box-shadow:0 15px 50px #18312920;border:1px solid white;border-radius:19px;top:56px}.section-tabs button{font-size:14px}.section-tabs button.active{color:#395e4a;border-color:#6b9278}td{font-size:14px}.cell-sub{font-size:12px}th{background:#ffffff80;font-size:13px;color:#77858c}dialog{border-radius:20px}.modal-foot{background:#f6f7f4}.agent-controls{border-radius:18px;background:#ffffffc9;border-color:#fff}.document-bg{background:#e9eeeb}.work-empty{border-color:#e9eceb}
@media(min-width:1560px){.topbar{padding-left:max(4.6%,calc((100vw - 1416px)/2));padding-right:max(4.6%,calc((100vw - 1416px)/2))}.nav{left:calc(max(4.6%,(100vw - 1416px)/2) + 180px);right:calc(max(4.6%,(100vw - 1416px)/2) + 190px)}}
@media(max-width:1300px){.topbar .demo{display:none}.nav{right:calc(4.6% + 66px);left:calc(4.6% + 168px);gap:1px}.nav button{font-size:12px;padding:0 9px}.overview-card{gap:12px;padding:19px 17px}.overview-icon{height:36px;width:36px;border-radius:12px}.overview-title{font-size:13px}.overview-desc{font-size:12px}}
@media(max-width:1100px){.topbar{height:78px}.nav{position:relative;top:auto;left:auto;right:auto;padding:0 4.6% 8px;height:47px;overflow-x:auto;gap:6px}.nav button{flex-shrink:0;font-size:13px;height:35px;padding:0 13px}.topbar .demo{display:block}.page,.scenic-app .page{padding:23px 4.6%}.alpine-backdrop{height:660px;background-position:center,center,60% 0}.welcome h1{font-size:40px}.agent-glass{width:260px;padding:18px 20px}.overview-cards{gap:12px}.overview-card{gap:10px;padding:17px 14px;min-height:136px}.overview-icon{width:30px;height:33px;border-radius:11px}.overview-icon svg{width:18px}.overview-desc{padding-right:0}.overview-arrow{display:none}.work-row{grid-template-columns:34px minmax(0,1fr) 145px;gap:12px}.work-owner{grid-column:2;grid-row:auto;margin-top:-2px}.work-action{grid-column:3;grid-row:1 / span 2}}
@media(max-width:760px){.topbar{padding:0 22px;height:78px}.topbar .demo{display:none}.brand{font-size:20px}.practice-name{font-size:11px;top:27px;max-width:none}.topbar .profile-toggle{width:40px;height:40px}.nav{padding-left:18px;padding-right:18px;gap:2px}.nav button{font-size:12px;padding:0 11px}.page,.scenic-app .page{padding:24px 18px 20px}.alpine-backdrop{height:620px;background-image:linear-gradient(to bottom,transparent 30%,#f6f5f299 67%,var(--bg) 100%),linear-gradient(to right,#f6f5f2ed,#f6f5f277 52%,#f6f5f21a),url('assets/alpine-morning.png');background-position:center,center,64% 0}.welcome{margin-bottom:22px;gap:20px}.welcome-date{font-size:12px;margin-bottom:13px}.welcome h1{font-size:39px;line-height:1.06}.welcome-copy>p:last-child{font-size:14px}.agent-glass{width:210px;padding:17px}.agent-glass strong{font-size:15px}.agent-glass-label{font-size:11px}.agent-glass-bottom{font-size:11px}.overview-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.overview-card{min-height:122px;padding:15px 13px;border-radius:16px;gap:10px}.overview-title{font-size:13px}.overview-copy strong{font-size:27px}.overview-desc{font-size:11px}.overview-icon{width:28px;height:31px;flex-shrink:0}.workspace{border-radius:18px}.work-intro{padding:21px 18px 18px;flex-wrap:wrap;gap:14px}.work-intro h2{font-size:18px}.work-intro p{font-size:13px}.work-intro .search{font-size:12px;padding:7px 11px;min-width:135px}.work-row{grid-template-columns:30px minmax(0,1fr);padding:20px 18px;gap:8px 12px;min-height:0}.work-copy h3{font-size:14px}.work-copy p{font-size:13px;line-height:1.6}.work-meta{font-size:12px}.work-icon{width:30px;height:30px}.work-owner{grid-column:2;margin-top:2px;font-size:12px}.work-owner>span{font-size:12px}.work-action{grid-column:2;grid-row:auto;justify-self:start;margin-top:5px;font-size:13px;padding:8px 14px;min-width:125px}.workspace-links{font-size:11px;gap:12px}.workspace-links .text-button{font-size:12px}.footer{font-size:11px;margin-top:26px}.profile-panel{right:0;max-width:calc(100vw - 44px)}.page-head h1{font-size:27px}.page-head p{font-size:14px}}
@media(max-width:540px){.welcome{display:block;position:relative}.agent-glass{display:none}.alpine-backdrop{height:600px}.overview-cards{margin-top:8px}.overview-card.agent .overview-title:after{content:' ·';color:#629276}.workspace-links{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.overview-card{transition:none}.overview-card:hover{transform:none}}
.nav button.active:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:8px}
@media(max-width:1100px){.nav{overflow-y:hidden}}
@media(max-width:540px){.welcome{margin-bottom:18px}.welcome h1{font-size:35px;margin-bottom:10px}.welcome-copy>p:last-child{font-size:14px}.welcome-date{margin-bottom:10px}.overview-card{min-height:103px;padding:13px 11px;gap:8px}.overview-title{font-size:12px}.overview-copy strong{font-size:25px}.overview-desc{font-size:11px;margin-top:4px}.overview-icon{width:25px;height:28px}.alpine-backdrop{height:520px}.work-intro{padding-top:18px;padding-bottom:16px}}
/* Keep the single-row navigation above the transparent header's hit area. */
.nav{z-index:6}