/* Shared product language: restrained surfaces, clear hierarchy, accessible controls. */
:root {
  --qr-forest: #073c33;
  --qr-green: #007c50;
  --qr-mint: #c5f5d4;
  --qr-paper: #f4f6f3;
  --qr-ink: #153c32;
  --qr-muted: #536b61;
  --qr-line: #dce5de;
  --qr-radius: 16px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--qr-ink);
}
body {font-family: inherit; -webkit-font-smoothing: antialiased;}
button, input, select {font-family: inherit;}
:is(a,button,input,select,summary):focus-visible {outline:3px solid #16865c; outline-offset:4px;}
button, .button, .btn {min-height:44px; border-radius:9px;}
h1,h2,h3 {text-wrap:balance;}
button, a, input, select {touch-action:manipulation;}
/* Public site */
.site-surface {background:var(--qr-paper);}
.site-surface .container {width:min(1320px,calc(100% - 80px));}
.site-surface .header-wrap {background:var(--qr-forest);}
.site-surface .hero-wrap {background:var(--qr-paper);color:var(--qr-ink);}
.site-surface .hero {padding-block:76px 64px;align-items:center;gap:64px;grid-template-columns:1.08fr 1fr;}
.site-surface .hero h1 {font-size:clamp(44px,4.4vw,66px);line-height:1.06;letter-spacing:-.055em;}
.site-surface .hero h1 em {color:var(--qr-green);}
.site-surface .hero .eyebrow {color:var(--qr-green);font-size:12px;letter-spacing:1.7px;}
.site-surface .hero .signal {background:var(--qr-green);}
.site-surface .lead {font-size:18px;line-height:1.65;color:var(--qr-muted);max-width:490px;}
.site-surface .hero .primary {background:var(--qr-green);color:white;}
.site-surface .hero .primary:hover {background:#006240;}
.site-surface .hero .text-link {color:var(--qr-ink);border-color:#9ab9a6;}
.site-surface .hero-note {color:var(--qr-muted);}
.site-surface .product-visual {background:var(--qr-forest);color:#effaf2;border-radius:20px;border-color:#245b49;box-shadow:0 24px 64px #123c3218;}
.site-surface .visual-header {padding:20px;}
.site-surface .scope-strip {border-color:var(--qr-line);color:var(--qr-ink);padding-block:24px 32px;}
.site-surface .scope-strip>span {color:var(--qr-muted);}
.site-surface .section {padding-block:88px;}
.site-surface .workflow {gap:20px;margin-top:40px;}
.site-surface .workflow article {background:white;border:1px solid var(--qr-line);border-radius:var(--qr-radius);padding:28px;}
.site-surface .workflow article:hover {border-color:#7dab91;}
.site-surface .workflow h3 {font-size:27px;}
.site-surface .approach {background:#e7eee7;}
.site-surface .closing {border-radius:20px;background:var(--qr-forest);}
/* Workspace */
.workspace-surface {background:var(--qr-paper);--muted:var(--qr-muted);--line:var(--qr-line);--green:var(--qr-green);}
.workspace-surface .sidebar {width:264px;padding:26px 16px 16px;background:var(--qr-forest);}
.workspace-surface .main-shell {margin-left:264px;width:calc(100% - 264px);}
.workspace-surface .brand {padding-inline:12px;}
.workspace-surface .product {font-size:12px;letter-spacing:1.6px;margin:16px 12px 24px;}
.workspace-surface .product span {font-size:10px;letter-spacing:.8px;color:#a4c5b5;}
.workspace-surface .workspace {font-size:13px;border-radius:10px;padding:12px;min-height:64px;}
.workspace-surface .workspace small {font-size:12px;line-height:1.4;}
.workspace-surface #nav {margin-top:16px;display:block;scrollbar-width:thin;}
.nav-group {margin-bottom:16px;}
.nav-group-label {display:block;padding:8px 12px;color:#a0c1b2;font-size:11px;font-weight:650;letter-spacing:1px;text-transform:uppercase;}
.workspace-surface nav a {font-size:13px;line-height:1.35;min-height:44px;border-radius:8px;padding:11px 12px;margin-block:3px;}
.workspace-surface nav a.active {color:#e9fff0;background:#245743;box-shadow:inset 3px 0 var(--qr-mint);}
.workspace-surface nav svg {width:19px;height:19px;flex-shrink:0;}
.workspace-surface nav .count {font-size:11px;background:#426c53;}
.workspace-surface .sidebar-bottom {padding-top:8px;}
.workspace-surface .edge-indicator {display:none;}
.workspace-surface .sidebar-connect {font-size:14px;min-height:44px;}
.workspace-surface .profile {font-size:12px;padding-top:16px;}
.workspace-surface .profile small {font-size:11px;line-height:1.4;}
.workspace-surface .topbar {height:76px;padding-inline:36px;background:#ffffffd9;}
.workspace-surface .breadcrumb {font-size:14px;color:var(--qr-muted);}
.workspace-surface .breadcrumb strong {color:var(--qr-ink);font-weight:600;}
.workspace-surface .mode {font-size:12px;padding:8px 12px;background:#eef4ed;color:#3c6050;}
.workspace-surface .icon-button {width:40px;height:40px;min-height:40px;border-radius:9px;}
.workspace-surface main {padding:36px;max-width:1640px;}
.workspace-surface .page-heading {margin-bottom:28px;align-items:flex-start;}
.workspace-surface h1 {font-size:clamp(28px,2.4vw,38px);letter-spacing:-1.3px;line-height:1.15;font-weight:600;}
.workspace-surface .eyebrow {font-size:11px;letter-spacing:1.4px;color:#537662;margin-bottom:12px;}
.workspace-surface p.subtitle {font-size:15px;max-width:650px;line-height:1.6;}
.workspace-surface .btn {font-size:13px;padding:11px 16px;white-space:nowrap;}
.workspace-surface .btn.primary {background:var(--qr-green);border-color:var(--qr-green);}
.workspace-surface .banner {font-size:13px;line-height:1.6;border-radius:12px;background:#eaf1e8;color:#3b604d;padding:16px 20px;}
.workspace-surface .metrics {gap:16px;margin-bottom:24px;}
.workspace-surface .metric {border-radius:var(--qr-radius);padding:24px;background:white;}
.workspace-surface .metric-top {font-size:13px;color:var(--qr-muted);gap:8px;}
.workspace-surface .metric strong {font-size:42px;font-weight:550;margin:20px 0 12px;font-variant-numeric:tabular-nums;}
.workspace-surface .metric .foot {font-size:12px;color:var(--qr-muted);line-height:1.5;}
.workspace-surface .metric.alert {background:#fff9f3;border-color:#ecd7c4;}
.workspace-surface a.metric {display:block;color:var(--qr-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s;}
.workspace-surface a.metric:hover {border-color:#719e88;box-shadow:0 4px 18px #123c3210;}
.workspace-surface a.metric:focus-visible {outline-offset:4px;}
.workspace-surface .metric .foot {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.workspace-surface .metric-arrow {flex:none;color:var(--qr-green);}
.workspace-surface .metric-arrow svg {width:18px;height:18px;display:block;}
.workspace-surface .next-decisions {display:grid;gap:0;}
.workspace-surface .next-decisions a {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;min-height:56px;border-top:1px solid var(--qr-line);text-decoration:none;color:var(--qr-ink);font-weight:600;}
.workspace-surface .next-decisions a:hover {color:var(--qr-green);}
.workspace-surface .next-decisions small {display:block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;color:var(--qr-muted);}
.workspace-surface .next-decisions svg {width:20px;height:20px;flex:none;color:var(--qr-green);}
.workspace-surface .panel {border-radius:var(--qr-radius);box-shadow:0 2px 3px #183c3003;}
.workspace-surface .panel-head {padding:24px;align-items:flex-start;flex-wrap:wrap;}
.workspace-surface .panel-head h2 {font-size:17px;letter-spacing:-.3px;line-height:1.4;}
.workspace-surface .panel-head p {font-size:13px;color:var(--qr-muted);line-height:1.5;}
.workspace-surface .panel-head a {font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;}
.workspace-surface .tag,.workspace-surface .badge {font-size:12px;line-height:1.4;}
.workspace-surface .tag {color:var(--qr-muted);}
.workspace-surface .risk-content {gap:28px;padding:8px 24px 28px;}
.workspace-surface .legend-row,.workspace-surface .bar-title {font-size:13px;color:var(--qr-muted);}
.workspace-surface .legend-row b,.workspace-surface .bar-title b {font-size:14px;}
.workspace-surface .ring small {font-size:11px;color:var(--qr-muted);}
.workspace-surface .coverage-note,.workspace-surface .panel-foot {font-size:12px;color:var(--qr-muted);line-height:1.5;}
.workspace-surface .coverage {padding:0 24px 24px;}
.workspace-surface .bar-row {margin:20px 0;}
.workspace-surface .bar {height:8px;}
.workspace-surface th {font-size:11px;font-weight:650;padding:14px 24px;color:#536e60;background:#f5f8f4;}
.workspace-surface td {font-size:13px;padding:18px 24px;color:#486454;}
.workspace-surface tbody tr:hover {background:#f8faf6;}
.workspace-surface .asset-button {min-height:32px;}
.workspace-surface .toolbar {padding:18px 24px;flex-wrap:wrap;background:#fafcf9;}
.workspace-surface .toolbar input {min-width:180px;}
.workspace-surface .card {padding:24px;}
.workspace-surface .card h3 {font-size:19px;}
.workspace-surface .card p,.workspace-surface .activity-item,.workspace-surface .journey p {font-size:14px;color:var(--qr-muted);}
.workspace-surface .activity-item small,.workspace-surface .stage-labels {font-size:12px;color:var(--qr-muted);line-height:1.5;}
.workspace-surface .stage-labels {gap:10px;flex-wrap:wrap;}
.workspace-surface footer {font-size:11px;color:var(--qr-muted);padding-inline:36px;}
.workspace-surface footer span {font-size:12px;}
/* Identity and provisioning share the same controls and surfaces. */
.account-surface {background:var(--qr-paper);color:var(--qr-ink);}
.account-surface .card {border-radius:20px;border-color:var(--qr-line);box-shadow:0 16px 48px #123c3208;}
.account-surface h2 {font-size:30px;letter-spacing:-1px;}
.account-surface .primary {background:var(--qr-green);}
.account-surface .auth-layout {align-items:center;gap:80px;}
.account-surface .intro h1 {font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-2px;}
.account-surface .intro p {font-size:18px;line-height:1.6;color:var(--qr-muted);}
.account-surface #passkey {min-height:50px;border:1px solid #759984;background:#edf5ed;}
.account-surface .password-toggle {min-height:36px;margin-top:6px;padding:4px 0;border:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:3px;}
.account-surface .workspace-option {margin-top:20px;border-top:1px solid var(--qr-line);padding-top:16px;font-size:13px;color:var(--qr-muted);}
.account-surface summary {cursor:pointer;min-height:32px;padding-block:6px;}
.account-surface .wide {min-height:50px;}
.account-surface input[name="code"] {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.5;min-height:56px;letter-spacing:normal;}
.account-surface input[name="code"][inputmode="numeric"] {font-size:26px;letter-spacing:.25em;text-indent:.25em;text-align:center;padding:12px 16px;}
.account-surface .qr {margin:24px auto;}
.account-surface .qr+details {margin-bottom:24px;}
.account-surface .portal-grid {grid-template-columns:minmax(280px,350px) minmax(0,1fr);align-items:start;}
.account-surface .portal-grid>.card {padding:24px;}
.account-surface .portal-grid h2 {font-size:24px;}
.account-surface .portal-grid label {margin-top:14px;}
.account-surface .portal-grid .workspace-option {margin-top:14px;padding-top:8px;}
.account-surface .portal-grid .attention {background:#fff0d5;color:#805100;}
.account-surface .workspace-management table {white-space:normal;}
.account-surface .workspace-management td {vertical-align:top;min-width:140px;}
.account-surface .workspace-management td:first-child {font-weight:600;overflow-wrap:anywhere;}
.account-surface .workspace-management td small {font-weight:400;margin-top:6px;}
.account-surface .workspace-management .tag {display:inline-block;white-space:normal;}
.account-surface .workspace-management .setup-note {max-width:28ch;line-height:1.5;}
.account-surface .workspace-management td button {min-height:44px;margin:0 0 8px;}
.account-surface .portal-empty {padding:28px 8px;border-top:1px solid var(--qr-line);}
@media(max-width:1050px){.account-surface .portal-grid{grid-template-columns:1fr;}}
.workspace-surface .onboarding-panel {background:#edf5ed;border:1px solid #bdd2c3;border-radius:16px;padding:28px;margin-bottom:24px;}
.workspace-surface .onboarding-panel h2 {font-size:24px;line-height:1.25;margin:8px 0;}
.workspace-surface .onboarding-panel p {max-width:75ch;color:var(--qr-muted);line-height:1.6;}
.workspace-surface .onboarding-panel ol {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0;}
.workspace-surface .onboarding-panel li {display:flex;gap:12px;}
.workspace-surface .onboarding-panel li>span {font-size:12px;flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid #a9c7b3;border-radius:50%;}
.workspace-surface .onboarding-panel a {display:inline-block;font-weight:650;min-height:32px;color:#075e40;text-underline-offset:4px;}
.workspace-surface .onboarding-panel li p {font-size:13px;margin:4px 0 0;}
@media(max-width:900px){.workspace-surface .onboarding-panel ol {grid-template-columns:1fr;gap:16px;}.workspace-surface .onboarding-panel {padding:20px;}}
@media(max-width:1200px) {
  .workspace-surface .metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .workspace-surface .grid {grid-template-columns:1fr;}
  .workspace-surface .page-heading {flex-direction:column;}
  .site-surface .hero {gap:32px;}
}
@media(max-width:850px) {
  .site-surface .container {width:calc(100% - 40px);}
  .site-surface .hero {grid-template-columns:1fr;padding-block:40px;gap:36px;}
  .site-surface .hero h1 {font-size:clamp(40px,7vw,58px);}
  .site-surface .hero .lead {max-width:600px;}
  .site-surface .section {padding-block:60px;}
  .site-surface .workflow {grid-template-columns:1fr;}
  .account-surface .auth-layout {gap:32px;}
  .workspace-surface .sidebar {width:240px;}
  .workspace-surface .main-shell {margin-left:240px;width:calc(100% - 240px);}
  .workspace-surface main {padding:24px;}
  .workspace-surface .topbar {padding-inline:24px;}
}
@media(max-width:650px) {
  .workspace-surface .main-shell {margin-left:0;width:100%;}
  .workspace-surface main {padding:24px 16px;}
  .workspace-surface .topbar {padding-inline:16px;}
  .workspace-surface .breadcrumb {font-size:12px;}
  .workspace-surface .mode {font-size:11px;padding:6px 8px;}
  .workspace-surface .metric {padding:18px;}
  .workspace-surface .metric strong {font-size:34px;}
  .workspace-surface .panel-head {padding:20px;}
  .workspace-surface .actions {width:100%;}
  .workspace-surface .actions .btn {flex:1;justify-content:center;}
  .workspace-surface .risk-content {gap:18px;}
  .site-surface .hero-actions .primary {white-space:normal;}
  .site-surface .hero .text-link {border-color:#9ab9a6;}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important;}}

@media(max-height:760px) {
 .workspace-surface .sidebar {padding-top:16px;}
 .workspace-surface .brand img {width:138px;}
 .workspace-surface .product {margin:10px 12px 16px;}
 .workspace-surface .product span,.workspace-surface .profile {display:none;}
 .workspace-surface .workspace {min-height:56px;}
}

.workspace-surface .sidebar-connect {display:block;text-decoration:none;border-radius:8px;}
/* Shared forest palette with the public site; a mint selection anchors location. */
.workspace-surface .sidebar {background:linear-gradient(180deg,#073d36 0%,#082f2b 100%);border-right:1px solid #164e43;color:#e4f2e9;}
.workspace-surface .product {color:#e7f5ed;letter-spacing:1.2px;}
.workspace-surface .product span {color:#94baab;}
.workspace-surface .workspace {background:#ffffff08;border:1px solid #497e695e;color:#f2fcf5;}
.workspace-surface .workspace small {color:#a2c2b5;}
.workspace-surface .workspace-icon {background:#123f34;color:#a5edd1;border-color:#497e69;}
.workspace-surface .nav-group-label {color:#8cb3a3;font-size:10px;letter-spacing:1.2px;}
.workspace-surface #nav a {color:#bad5c7;font-size:14px;font-weight:500;}
.workspace-surface #nav a:hover {background:#ffffff0d;color:#fff;}
.workspace-surface #nav a.active {background:#d8f5e4;color:#073d2d;box-shadow:none;font-weight:650;}
.workspace-surface .sidebar-connect {color:#d9eee0;border:1px solid #497e695e;background:#ffffff05;text-align:center;}
.workspace-surface .profile {color:#d5eadc;border-top-color:#3c6c575e;}
.workspace-surface .profile small {color:#95b9a8;}
.workspace-surface .avatar {background:#245744;color:#c0efcf;}
.workspace-surface .sidebar-docs {display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;margin-bottom:8px;color:#d5eadc;text-decoration:none;border-top:1px solid #497e695e;}
.workspace-surface .sidebar-docs:hover {color:white;background:#ffffff0d;border-radius:8px;}
/* A continuous forest frame and a quieter working canvas. */
.workspace-surface {background:#eaf0e9;--qr-line:#d0ddd2;--qr-paper:#eaf0e9;--qr-radius:14px;}
.workspace-surface .topbar {background:#0b3b33;border-bottom:1px solid #235348;height:68px;}
.workspace-surface .breadcrumb {color:#b1cfc0;}
.workspace-surface .breadcrumb strong {color:#eff9f2;}
.workspace-surface .breadcrumb>span {color:#7aa693;}
.workspace-surface .topbar .mode {background:#164b3d;border:1px solid #3b6f5a;color:#d1ebd9;}
.workspace-surface .topbar .icon-button {background:#164b3d;border-color:#3b6f5a;color:#d1ebd9;}
.workspace-surface main {padding-top:30px;}
.workspace-surface .panel,.workspace-surface .card,.workspace-surface .metric {background:#f9fbf7;box-shadow:0 2px 4px #173e2503;border-color:#cedbd0;}
.workspace-surface .page-heading {margin-bottom:24px;align-items:center;}
.workspace-surface h1 {font-size:34px;letter-spacing:-1.2px;}
.workspace-surface .eyebrow {font-size:10px;letter-spacing:1.2px;margin-bottom:8px;}
.workspace-surface .banner {background:#dcebdd;border-color:#c1d7c6;padding-block:13px;margin-bottom:20px;}
.workspace-surface .metrics {gap:14px;margin-bottom:20px;}
.workspace-surface .metric {padding:22px;}
.workspace-surface .metric strong {margin:14px 0 10px;font-size:40px;}
.workspace-surface .metric:first-child {background:linear-gradient(135deg,#125344,#073d35);border-color:#125344;color:#f0fff5;}
.workspace-surface .metric:first-child :is(.metric-top,.foot) {color:#c0e1cc;}
.workspace-surface .metric:first-child .metric-arrow {color:#93ebbb;}
.workspace-surface .panel-head {padding:22px 24px 18px;}
.workspace-surface .panel-head h2 {font-size:18px;font-weight:600;}
.workspace-surface .panel-foot {background:#f0f5ee;border-top:1px solid #dce6da;}
.workspace-surface #nav {scrollbar-color:#4c8068 #0a352e;scrollbar-width:thin;scrollbar-gutter:stable;padding-right:4px;}
.workspace-surface #nav::-webkit-scrollbar {width:6px;}
.workspace-surface #nav::-webkit-scrollbar-track {background:#0a352e;border-radius:8px;}
.workspace-surface #nav::-webkit-scrollbar-thumb {background:#4c8068;border-radius:8px;}
.workspace-surface #nav::-webkit-scrollbar-thumb:hover {background:#78ad8e;}
.workspace-surface #nav a {margin-block:2px;padding-block:10px;}
.workspace-surface .nav-group {margin-bottom:12px;}
.workspace-surface .product {margin-bottom:16px;}
.workspace-surface .product span {display:none;}
@media(max-width:650px){.workspace-surface .topbar{height:60px;}.workspace-surface h1{font-size:28px;}.workspace-surface .metric{padding:16px;}.workspace-surface .metric strong{font-size:32px;}}
.workspace-surface .workspace-loading {max-width:650px;padding:48px 24px;margin:40px auto;}
.workspace-surface .workspace-loading p {font-size:16px;line-height:1.6;color:var(--qr-muted);}
.workspace-surface .workspace-loading .btn {margin:16px 8px 0 0;}
.nav-close,.nav-backdrop {display:none;}
@media(max-width:650px){
 .workspace-surface .sidebar {visibility:hidden;}
 .workspace-surface .sidebar.open {visibility:visible;}
 .workspace-surface .nav-close {display:block;flex-shrink:0;align-self:flex-end;background:transparent;color:#e8f7ee;border:1px solid #759b85;padding:8px 12px;margin-bottom:12px;}
 .nav-backdrop:not([hidden]) {display:block;position:fixed;inset:0;border:0;border-radius:0;background:#06271f88;z-index:19;}
 .navigation-open {overflow:hidden;}
}

.workspace-surface .dot.unknown {background:#809087;}

/* Keep the account task close to the top in short laptop windows. */
@media(max-height:760px){
 .account-surface header {height:68px;}
 .account-surface main {margin-block:24px;}
 .account-surface .auth-layout {align-items:start;}
 .account-surface .auth-layout>.card {padding:24px;}
 .account-surface .auth-layout>.card>p {margin-bottom:16px;}
 .account-surface .divider {margin-block:18px;}
 .account-surface .intro {padding-top:12px;}
}


/* Keep dense inventory usable with touch and keyboard scrolling. */
.workspace-surface .asset-button {min-width:44px;min-height:44px;}
.workspace-surface .table-wrap:focus-visible {outline:3px solid #16865c;outline-offset:-3px;}
.workspace-surface td:last-child>.asset-button[aria-label] {text-align:center;border:1px solid var(--qr-line);border-radius:9px;}
@media(max-width:400px){
 .workspace-surface .risk-content {flex-direction:column;align-items:stretch;padding-inline:20px;}
 .workspace-surface .ring {align-self:center;}
 .workspace-surface .legend {width:100%;}
 .workspace-surface .legend-row {min-height:32px;}
}