*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#24352e;font-family:Segoe UI,Arial,sans-serif}a{color:inherit}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1160px;margin:auto;padding:28px 32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:20px;font-weight:650}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.06em;color:#64736b;margin-top:3px}.mark{display:grid;place-items:center;background:#294d40;color:white;width:40px;height:40px;border-radius:12px}.badge,.demo{font-size:11px;letter-spacing:.04em}.badge{border:1px solid #d5ded6;border-radius:30px;padding:8px 12px;color:#526358}main{max-width:1100px;margin:auto;padding:60px 32px 100px;min-height:75vh}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.17em;color:#577160}h1{font-size:clamp(32px,5vw,50px);font-weight:500;letter-spacing:-.045em;margin:15px 0}.lede{font-size:17px;color:#647168;margin:0}.notice{display:flex;gap:18px;margin:36px 0 28px;padding:18px 20px;background:#edf1eb;border:1px solid #dce4d9;border-radius:10px;font-size:13px;line-height:1.6}.notice strong{white-space:nowrap}.workspaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:block;background:#fff;border:1px solid #dce3da;border-radius:16px;padding:25px;text-decoration:none;transition:border-color .15s,transform .15s}.card:hover{border-color:#6e8a77;transform:translateY(-3px)}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;font-size:23px;margin-bottom:24px}.sage{background:#e2ece2;color:#385541}.sand{background:#f0e8d9;color:#725d39}.lavender{background:#e9e6f1;color:#605377}.demo{color:#68736a}.card h2{font-weight:550;font-size:23px;letter-spacing:-.025em;margin:10px 0}.card p,.footnote{font-size:13px;color:#68736a;line-height:1.7}.card-link{display:flex;justify-content:space-between;border-top:1px solid #eef0ec;padding-top:18px;margin-top:30px;font-size:13px;font-weight:600}.footnote{margin-top:24px}.back{font-size:14px;display:inline-block;margin-bottom:25px;text-underline-offset:4px}footer{border-top:1px solid #dce3da;font-size:11px;color:#68736a}.skip{position:absolute;top:-80px;padding:12px;background:white}.skip:focus{top:0}a:focus-visible{outline:3px solid #537b61;outline-offset:5px}@media(max-width:720px){.workspaces{grid-template-columns:1fr}main{padding-top:35px}.notice{flex-direction:column;gap:5px}header,footer{padding:22px}footer{align-items:flex-start;flex-direction:column}.badge{font-size:10px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

nav{display:flex;align-items:center;gap:16px;font-size:14px}nav form{margin:0}.login-form{max-width:400px;display:grid;gap:12px;margin-top:28px}.login-form input{padding:12px;border:1px solid #8a9b90;border-radius:8px;font:inherit}button{background:#294d40;color:white;border:0;border-radius:8px;padding:12px 16px;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #537b61;outline-offset:3px}@media(max-width:720px){nav{align-items:flex-start;flex-direction:column}}
.details{display:grid;grid-template-columns:160px 1fr;gap:12px;margin:30px 0}.details dt{color:#647168}.details dd{margin:0;overflow-wrap:anywhere}.item-list{list-style:none;padding:0;margin:24px 0}.item-list li{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #dce3da;overflow-wrap:anywhere}.item-list small{display:block;color:#647168;margin-top:6px}.actions{display:flex;gap:22px;margin:24px 0}h2{margin-top:32px;font-weight:550}[role=alert]{padding:14px;background:#f9e7e2;color:#7c3020;border-radius:8px}[role=status]{padding:14px;background:#e2ece2;border-radius:8px}@media(max-width:720px){.details{grid-template-columns:1fr}.item-list li,.actions{flex-direction:column}header{align-items:flex-start}}

.breadcrumbs{flex-wrap:wrap;margin-bottom:24px;font-size:14px}.breadcrumbs>*+*::before{content:' / ';color:#647168;margin-right:12px}.breadcrumbs [aria-current=page]{color:#647168}.login-form small{color:#647168}.breadcrumbs a{overflow-wrap:anywhere}@media(max-width:720px){.breadcrumbs{flex-direction:row;gap:10px}}

/* Shared application layout and controls. */
body{line-height:1.6}main{padding-top:32px}header{flex-wrap:wrap;border-bottom:1px solid #dce3da}header nav{flex-wrap:wrap;gap:12px 20px}header nav a{text-underline-offset:5px}header button{background:transparent;color:#294d40;border:1px solid #bac9bf;font-size:12px;padding:8px 12px}h1{line-height:1.15;font-size:clamp(30px,4vw,44px)}h2{line-height:1.3}p{max-width:76ch}a{ text-underline-offset:3px}a:hover{color:#376f55}.primary{display:inline-block;background:#294d40;color:white;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600}.primary:hover{background:#1d3b30;color:white}.actions{align-items:center;flex-wrap:wrap}.login-form{max-width:560px;background:white;border:1px solid #dce3da;border-radius:12px;padding:24px}.login-form label{display:block;font-weight:600}.login-form label input:not([type=checkbox]){display:block;margin-top:8px;width:100%}input,select{max-width:100%;min-width:0}select{width:100%;padding:12px;border:1px solid #8a9b90;border-radius:8px;background:white;font:inherit}.login-form input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}.login-form button{justify-self:start}.item-list{background:white;border:1px solid #dce3da;border-radius:12px;padding:0 20px}.item-list li:last-child{border-bottom:0}.item-list li p{margin:8px 0 0}.table-scroll{overflow-x:auto;border:1px solid #dce3da;border-radius:12px;background:white;margin:24px 0}table{border-collapse:collapse;width:100%;min-width:640px;text-align:left;font-size:14px}th,td{padding:16px 20px;vertical-align:top;border-bottom:1px solid #e2e8e2}th{background:#edf1eb;font-size:12px}td{overflow-wrap:anywhere;max-width:360px}td a{display:block;margin-bottom:10px}tbody tr:last-child td{border-bottom:0}details{padding:20px;border:1px solid #dce3da;border-radius:12px;background:white;margin:24px 0}summary{cursor:pointer;font-weight:600}details:target{outline:2px solid #537b61}.hierarchy{margin:32px 0}.hierarchy .card h2{font-size:20px}.hierarchy .card{padding:20px}.notice{flex-wrap:wrap}.notice span{flex:1;min-width:180px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #537b61;outline-offset:3px}
@media(max-width:720px){header{padding:20px;gap:20px}header nav{flex-direction:row;align-items:center;gap:12px 18px;width:100%}main{padding:28px 20px 60px}.login-form{padding:18px}.actions{align-items:flex-start}.item-list li{gap:10px}.breadcrumbs{gap:8px}.notice{margin:24px 0}.notice strong{white-space:normal}.details{gap:4px}.details dd{margin-bottom:12px}}

.table-help{font-size:13px;color:#647168}@media(min-width:721px){.table-help{display:none}}
/* Focused customer list: metadata and permitted business locations. */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{margin-top:0}.page-heading p{margin-bottom:0}.page-heading .primary{flex-shrink:0}.customer-list{display:grid;gap:16px}.customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;background:white;border:1px solid #dce3da;border-radius:12px;padding:24px}.customer-row h2{margin:0 0 8px;font-size:23px}.customer-row p{margin:8px 0}.row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:14px}.status-pill{display:inline-block;padding:2px 10px;border-radius:20px;background:#edf1eb;font-size:13px;margin-right:8px}.business-locations{list-style:none;padding:0 0 0 18px;border-left:2px solid #ccd9ce;margin:12px 0 0}.business-locations li{padding:6px 0}.business-locations span,.location-label{font-size:13px;color:#647168}.customer-row .footnote{margin-top:12px}@media(max-width:720px){.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.customer-row{grid-template-columns:1fr;padding:18px;gap:16px}.row-actions{flex-direction:row;flex-wrap:wrap;gap:12px 18px}}
.customer-tabs{display:flex;flex-direction:row;gap:28px;border-bottom:1px solid #ccd9ce;margin:24px 0 28px;overflow-x:auto}.customer-tabs a,.customer-tabs span{padding:12px 2px;white-space:nowrap;text-decoration:none}.customer-tabs [aria-current=page]{border-bottom:3px solid #294d40;font-weight:650}.customer-tabs [aria-disabled=true]{color:#6d7770}.customer-index li{align-items:center}.customer-index a{font-size:18px;font-weight:600}.customer-index span{font-size:13px;color:#647168}.invitation-row{border-top:1px solid #dce3da;margin-top:28px;padding-top:8px}.page-heading h2{margin:0}.customer-tabs~.login-form{margin-top:20px}@media(max-width:720px){.customer-tabs{gap:24px}.customer-index li{align-items:flex-start}.page-heading{flex-direction:row;flex-wrap:wrap;align-items:center}}
button:disabled{opacity:.55;cursor:not-allowed}

/* Direct account setup: secondary exit and legible user identities. */
.user-detail{display:block;margin-top:4px;color:#526358}.setup-cancel{margin-top:20px}.setup-cancel .secondary{background:transparent;color:#294d40;border:1px solid #b7c8bd}

.email-settings-form button:disabled{opacity:.55;cursor:not-allowed}.email-settings-form .email-test-action{background:transparent;color:#294d40;border:1px solid #b7c8bd}

.admin-choice-fields:not([hidden]) { display: grid; gap: .75rem; min-width: 0; }

@media(max-width:720px){.customer-users-table{min-width:0}.customer-users-table thead{display:none}.customer-users-table tr{display:block;padding:12px 0;border-bottom:1px solid #dce3da}.customer-users-table td{display:block;max-width:none;padding:6px 18px;border:0}.customer-users-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:#647168}.customer-users-table td a{margin-bottom:0}}

.workspace-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.login-form textarea { width: 100%; max-width: 100%; min-height: 6rem; padding: .75rem; font: inherit; border: 1px solid #8ea69b; border-radius: 6px; resize: vertical; box-sizing: border-box; }

/* Surface context, never identity-derived privileges. */
.surface-platform{background:#f3f1f8;color:#252438}
.surface-platform header{background:#25263d;border-bottom:4px solid #a998ef;color:#fff;border-radius:0 0 14px 14px}
.surface-platform header a,.surface-platform header button{color:#fff}
.surface-platform header a:hover{color:#e1d9ff}
.surface-platform header .brand small{color:#d2cee2}
.surface-platform header button{border-color:#bdb4df}
.surface-platform .mark,.surface-platform main button,.surface-platform .primary{background:#55428b;color:#fff}
.surface-platform .eyebrow{color:#55428b}
.surface-customer{background:#f2f8fb;color:#183c49}
.surface-customer header{background:#e1f2f5;border-bottom:4px solid #14768a;border-radius:0 0 14px 14px}
.surface-customer .mark,.surface-customer main button,.surface-customer .primary{background:#075e70;color:#fff}
.surface-customer .eyebrow{color:#075e70}
.surface-label{display:block;font-size:12px;letter-spacing:.04em;margin-top:5px;max-width:32ch;overflow-wrap:anywhere}
.surface-platform a:focus-visible,.surface-platform button:focus-visible,.surface-platform input:focus-visible,.surface-platform select:focus-visible,.surface-platform textarea:focus-visible{outline:3px solid #765cae;outline-offset:4px}
.surface-platform header a:focus-visible,.surface-platform header button:focus-visible{outline-color:#f1db8c}
.surface-customer a:focus-visible,.surface-customer button:focus-visible,.surface-customer input:focus-visible,.surface-customer select:focus-visible,.surface-customer textarea:focus-visible{outline:3px solid #075e70;outline-offset:4px}
.surface-platform main button:disabled,.surface-customer main button:disabled{opacity:.55;cursor:not-allowed}

.signout { position: relative; }
.signout summary { cursor: pointer; padding: .65rem .8rem; border: 1px solid currentColor; border-radius: .4rem; }
.signout summary:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.signout-options { display: grid; gap: .5rem; padding: .65rem; background: #fff; color: #183c49; border: 1px solid #75838a; border-radius: .4rem; position: absolute; right: 0; min-width: 10rem; z-index: 10; }
.signout-options form, .signout-options button { width: 100%; margin: 0; }
@media (max-width: 600px) { .signout-options { position: static; margin-top: .4rem; } }

header .signout { background: transparent; padding: 0; margin: 0; border: 0; color: inherit; }
.surface-platform header .signout-options button, .surface-customer header .signout-options button { color: #183c49; background: #fff; border-color: #75838a; }
.surface-platform header .signout-options button:focus-visible { outline-color: #55428b; }
