#customer-view { --customer-muted:var(--color-muted); max-width:1260px; margin:0 auto; }
.customer-page-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 38px; }
.customer-page-heading h1 { font-size:34px; font-weight:500; line-height:1.18; letter-spacing:-.025em; margin:8px 0 0; }
.customer-page-heading .eyebrow { color:var(--customer-muted); }
.customer-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:42px; align-items:start; }
.customer-nav { position:sticky; top:24px; display:flex; flex-direction:column; gap:5px; }
.customer-nav a { position:relative; padding:12px 17px; border-radius:0; text-decoration:none; font-size:13px; color:var(--color-text); }
.customer-nav a:hover { color:var(--color-navy); text-decoration:underline; text-underline-offset:5px; }
.customer-nav a[aria-current="page"] { color:var(--color-navy); background:transparent; box-shadow:none; font-weight:600; }
.customer-nav a[aria-current="page"]::before { content:""; position:absolute; inset:11px auto 11px 0; width:2px; background:var(--color-royal); }
.customer-nav p { padding:25px 17px 0; font-size:11px; line-height:1.8; color:var(--color-text); }
.customer-nav p span { color:var(--customer-muted); }
.customer-content { min-width:0; }
.customer-content p { line-height:1.65; color:var(--color-muted); font-size:14px; }
.customer-content .fine { font-size:12px; line-height:1.65; }
.customer-content h2 { font-weight:500; letter-spacing:-.02em; font-size:27px; margin:0 0 10px; line-height:1.2; }
.customer-content h3 { font-weight:500; font-size:16px; letter-spacing:-.01em; margin:0 0 10px; }
.customer-content .eyebrow { font-size:11px; margin-bottom:8px; color:var(--color-muted); }
.customer-help { color:var(--color-text); font-size:12px; line-height:1.5; text-decoration:none; }
.customer-help:hover { text-decoration:underline; }
.customer-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin:8px 0 26px; }
.customer-section-heading p { max-width:56ch; margin:0; }
.customer-section-heading>.customer-help { flex-shrink:0; }
.customer-welcome { border:1px solid var(--color-line); border-radius:28px; background:linear-gradient(135deg,var(--color-white),var(--color-wash)); padding:36px; min-height:275px; display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:38px; box-shadow:inset 0 1px 0 var(--color-white),0 3px 6px rgb(var(--color-shadow) / 0.0196),0 15px 36px rgb(var(--color-shadow) / 0.0157); overflow:hidden; }
.customer-welcome>div:first-child { max-width:470px; z-index:1; }
.customer-welcome h2 { font-size:36px; margin:14px 0; }
.customer-welcome p { margin-bottom:22px; max-width:45ch; }
.customer-welcome .primary,.customer-surface>a.primary { display:inline-flex; align-items:center; text-decoration:none; }
.customer-orbit { width:170px; height:170px; position:relative; flex-shrink:0; }
.customer-orbit span { position:absolute; inset:0; border:1px solid var(--color-line-strong); border-radius:50%; transform:rotate(-20deg) scaleX(.72); }
.customer-orbit span:nth-child(2) { transform:rotate(45deg) scaleX(.72); }
.customer-orbit span:nth-child(3) { transform:rotate(105deg) scaleX(.72); }
.customer-orbit b { position:absolute; inset:44px; border-radius:50%; background:linear-gradient(140deg,var(--color-white),var(--color-line)); box-shadow:0 8px 22px rgb(var(--color-shadow) / 0.0941),inset 0 1px 1px var(--color-white); display:grid; place-items:center; font-size:42px; font-weight:500; letter-spacing:-.07em; color:var(--color-text); padding-bottom:8px; }
.customer-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:0; margin:0 0 32px; list-style:none; }
.customer-steps a { display:flex; flex-direction:column; text-decoration:none; padding:18px 0; gap:10px; color:inherit; border-top:1px solid var(--color-line-strong); }
.step-number { display:grid; place-items:center; width:29px; height:29px; background:var(--color-line); border-radius:50%; font-size:11px; color:var(--color-subtle); margin-bottom:2px; }
.step-number.complete { background:var(--color-line-strong); color:var(--color-text); }
.customer-steps strong { font-size:13px; font-weight:500; }
.customer-steps small { font-size:11px; color:var(--customer-muted); line-height:1.5; max-width:19ch; }
.customer-surface { padding:27px; border:1px solid var(--color-line); border-radius:22px; background:linear-gradient(145deg,var(--color-white),var(--color-surface)); box-shadow:0 2px 4px rgb(var(--color-shadow) / 0.0157),0 12px 26px rgb(var(--color-shadow) / 0.0118); }
.customer-overview-links,.customer-report-formats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:25px 0; }
.customer-overview-links a { text-decoration:none; color:inherit; }
.customer-overview-links a>span { display:block; font-size:30px; margin-bottom:27px; font-weight:400; }
.customer-overview-links p { font-size:12px; margin-bottom:0; }
.customer-overview-links a:hover,.customer-help-grid a:hover { border-color:var(--color-line-strong); }
.customer-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.customer-form { display:flex; flex-direction:column; gap:18px; max-width:560px; }
.customer-form label,.customer-inline-form label { display:flex; flex-direction:column; font-size:12px; font-weight:500; gap:8px; color:var(--color-navy); }
.customer-form label>span { color:var(--color-muted); font-size:11px; font-weight:400; }
.customer-form label.checkbox { flex-direction:row; align-items:center; gap:10px; font-size:13px; }
.customer-form input,.customer-form select,.customer-form textarea,.customer-inline-form select { font-family:inherit; width:100%; font-size:14px; padding:12px 14px; font-weight:400; }
.customer-form label.checkbox input { width:16px; flex-shrink:0; }
.customer-form button[type="submit"] { align-self:flex-start; }
.customer-form p { margin:0; }
.customer-form .action-row { margin:5px 0; }
.customer-file-import { margin:22px 0; }
.customer-file-import>summary { gap:14px; }
.customer-file-import .customer-form { margin:10px 0 20px; max-width:none; }
.customer-file-import input[type=file] { font-size:12px; padding:13px; border:1px dashed var(--color-line-strong); }
.customer-file-import input[type=file]::file-selector-button { font-family:inherit; border:1px solid var(--color-line-strong); border-radius:20px; background:var(--color-wash); padding:7px 12px; margin-right:10px; color:var(--color-navy); }
.customer-file-import .action-row a { font-size:12px; }
.customer-import-table { max-height:360px; margin-top:14px; border:1px solid var(--color-line); border-radius:12px; }
.customer-import-table table { min-width:480px; font-size:11px; }
.customer-import-table th { font-family:inherit; font-size:11px; letter-spacing:normal; text-transform:none; }
.customer-import-table td { overflow-wrap:anywhere; max-width:190px; vertical-align:top; }
.customer-import-table small { display:block; margin-top:6px; font-size:10px; color:var(--color-muted); white-space:pre-wrap; }
.customer-split>.customer-surface .customer-form { margin:24px 0; }
.customer-split>div>.customer-help { display:inline-block; margin:18px 5px; }
.customer-form-footer { display:flex; align-items:center; gap:24px; margin:28px 0; }
.customer-form-footer p { max-width:52ch; margin:0; }
.customer-form-footer>.primary { flex-shrink:0; }
.customer-inline-form { display:flex; align-items:end; gap:16px; margin:20px 0 28px; }
.customer-target { padding:10px 0 22px; border-bottom:1px solid var(--color-line); margin-bottom:20px; }
.customer-target h3 { overflow-wrap:anywhere; line-height:1.5; font-size:15px; }
.customer-target p { margin:5px 0; }
.customer-target .action-row { flex-wrap:wrap; margin-top:17px; gap:8px; }
.customer-target .secondary { font-size:11px; padding:8px 12px; }
.customer-empty { padding:45px 15px; text-align:center; color:var(--customer-muted); }
.customer-empty>span { display:block; font-size:28px; color:var(--color-disabled); margin-bottom:26px; }
.customer-empty h3 { font-size:17px; }
.customer-empty p { max-width:30ch; margin:12px auto; }
.customer-report-formats article { padding:24px 0; border-top:1px solid var(--color-line-strong); }
.customer-report-formats p { font-size:12px; }
.customer-report-formats a { font-size:12px; }
.customer-list-row { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--color-line); padding:22px 0; }
.customer-list-row>div { min-width:0; }
.customer-list-row h3 { overflow-wrap:anywhere; font-size:14px; }
.customer-list-row .action-row { flex-shrink:0; }
.customer-list-row p { margin:0; font-size:12px; }
.customer-events { padding:0; margin:0; border:0; }
.customer-events legend { font-size:14px; font-weight:500; padding:0 0 17px; }
.customer-event { display:flex; align-items:flex-start; gap:14px; padding:12px 0; margin:0; cursor:pointer; }
.customer-event input { width:16px; margin:2px 0 0; flex-shrink:0; accent-color:var(--color-text); }
.customer-event strong { display:block; font-size:13px; font-weight:500; }
.customer-event small { display:block; font-size:11px; line-height:1.55; color:var(--customer-muted); margin-top:5px; }
.customer-status { font-size:11px; padding:5px 10px; border-radius:20px; background:var(--color-line); color:var(--color-text); white-space:nowrap; }
.customer-key { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid var(--color-line); padding:17px 0; }
.customer-key strong { font-size:13px; font-weight:500; }
.customer-key small { display:block; font-size:11px; color:var(--color-subtle); margin:8px 0 0; line-height:1.5; }
.customer-content>.disclosure { margin:32px 0; }
.customer-help-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.customer-help-grid a { color:inherit; text-decoration:none; }
.customer-help-grid a p { font-size:13px; margin:0; }
.customer-help-grid h3 { display:flex; justify-content:space-between; }
.customer-gate { max-width:510px; margin:60px auto 120px; }
.customer-gate h1 { font-size:40px; font-weight:500; margin:15px 0; }
.customer-gate .primary { margin:20px 24px 0 0; }
#customer-feedback { background:var(--color-line); padding:12px 16px; border-radius:12px; margin:0 0 24px; color:var(--color-text); }
#customer-feedback.field-error { background:var(--color-wash); color:var(--color-danger); }
.passkey-sign-in { margin:20px 0; }
.passkey-sign-in .primary { width:100%; justify-content:center; }
.passkey-sign-in p { font-size:12px; }
@media(max-width:1000px) { .customer-layout { grid-template-columns:150px minmax(0,1fr); gap:24px; }.customer-orbit { display:none; }.customer-split { gap:18px; }.customer-surface { padding:20px; } }
@media(max-width:760px) { .customer-page-heading { margin-bottom:25px; }.customer-page-heading h1 { font-size:29px; }.customer-layout { grid-template-columns:1fr; gap:24px; }.customer-nav { position:static; flex-direction:row; overflow:auto; padding-bottom:5px; }.customer-nav a { white-space:nowrap; padding:10px 12px; }.customer-nav p { display:none; }.customer-split { grid-template-columns:1fr; }.customer-welcome { padding:26px; min-height:250px; }.customer-welcome h2 { font-size:31px; }.customer-section-heading { flex-wrap:wrap; gap:10px; }.customer-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; }.customer-overview-links,.customer-report-formats { grid-template-columns:1fr; gap:12px; }.customer-overview-links a>span { float:right; margin:0; }.customer-help-grid { grid-template-columns:1fr; }.customer-list-row { flex-wrap:wrap; }.customer-form-footer { align-items:flex-start; flex-direction:column; gap:12px; }.customer-inline-form { flex-wrap:wrap; } }

.integration-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.integration-cards article { padding:30px; }
.integration-cards h3 { font-size:21px; margin-top:22px; }
.integration-cards .action-row { margin:24px 0 18px; }
.integration-provider-mark { width:46px; height:46px; display:grid; place-items:center; font-size:15px; letter-spacing:-.025em; font-weight:500; color:var(--color-text); background:linear-gradient(135deg,var(--color-wash),var(--color-line)); border:1px solid var(--color-line-strong); border-radius:15px; box-shadow:inset 0 1px 1px var(--color-white),0 4px 8px rgb(var(--color-shadow) / 0.0275); }
.integration-scope { margin:22px 0 34px; }
.integration-zones { display:flex; gap:10px; flex-wrap:wrap; max-height:260px; overflow:auto; margin:24px 0; }
.integration-zone-panel { margin:30px 0; }
.integration-inventory { margin:38px 0; }
.integration-inventory>.customer-form { max-width:none; }
.integration-inventory label>input,.integration-inventory label>select { max-width:520px; }
.integration-hosts { border:1px solid var(--color-line); border-radius:18px; max-height:290px; overflow:auto; padding:8px 18px 14px; margin:0; }
.integration-hosts legend { padding:0 8px; font-size:12px; }
.customer-form label.integration-host { flex-direction:row; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--color-wash); }
.customer-form .integration-host input { width:16px; height:16px; flex:none; }
.customer-form .integration-host span { font-size:14px; color:var(--color-navy); overflow-wrap:anywhere; }
.integration-host small { display:block; color:var(--color-subtle); font-size:11px; margin-top:5px; }
.integration-host[hidden] { display:none!important; }
.integration-evidence { margin-top:34px; }
.integration-evidence td { vertical-align:top; overflow-wrap:anywhere; }
.integration-notice { border-left:2px solid var(--color-royal); padding:10px 18px; background:var(--color-surface); border-radius:0 12px 12px 0; }
.integration-setup { max-width:680px; }
.integration-setup h3 { margin-top:28px; }
.integration-setup pre { background:var(--color-wash); padding:20px; border-radius:16px; overflow:auto; font-size:12px; line-height:1.65; }
.integration-setup code { overflow-wrap:anywhere; }
[data-integrations][aria-busy=true] button { opacity:.55; cursor:wait; }
@media(max-width:700px){ .integration-cards { grid-template-columns:1fr; } .integration-cards article { padding:25px; } }

#admin-view { max-width:1260px; margin:0 auto; color:var(--color-navy); }
#admin-view h1 { font-size:34px; font-weight:500; letter-spacing:-.025em; }
#admin-view h2 { font-size:27px; font-weight:500; letter-spacing:-.02em; }
#admin-view p { font-size:14px; line-height:1.65; color:var(--color-muted); }
#admin-view .fine { font-size:12px; }
.admin-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 38px; }
.admin-accounts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.admin-account h3 { margin-top:24px; font-size:21px; font-weight:500; }
.admin-account-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:25px; }
.admin-audit-table { margin:25px 0; max-height:620px; overflow:auto; border:1px solid var(--color-line); border-radius:16px; }
.admin-audit-table table { font-size:12px; min-width:740px; }
.admin-audit-table td { vertical-align:top; max-width:370px; overflow-wrap:anywhere; }
.admin-audit-table pre { white-space:pre-wrap; font-size:11px; }
.admin-invite { display:block; margin:24px 0; font-size:12px; }
.admin-invite textarea { display:block; width:100%; margin-top:10px; font-size:12px; }
#admin-view code { font-size:11px; overflow-wrap:anywhere; }
.workspace-account-label { font-size:12px; color:var(--color-muted); padding:10px 0; }
@media(max-width:950px){.admin-accounts {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.admin-accounts {grid-template-columns:1fr;}}
#admin-view { --customer-muted:var(--color-muted); }
#admin-view .secondary { border:1px solid var(--color-line-strong); border-radius:999px; background:linear-gradient(var(--color-white),var(--color-surface)); color:var(--color-text); box-shadow:0 2px 5px rgb(var(--color-shadow) / 0.0196); font-size:13px; }
#admin-view .secondary:hover { background:var(--color-wash); border-color:var(--color-line-strong); }
#admin-view .primary { border-radius:999px; background:var(--color-text); border-color:var(--color-text); font-size:13px; }
#admin-view input,#admin-view textarea,#admin-view select { border:1px solid var(--color-line-strong); border-radius:12px; background:var(--color-white); box-shadow:inset 0 1px 3px rgb(var(--color-shadow) / 0.0196); }
#admin-view :is(input,textarea,select):focus { outline:2px solid var(--color-royal); outline-offset:2px; }
#admin-view [data-admin-feedback] { margin:0 0 24px; padding:12px 16px; border-radius:12px; background:var(--color-wash); }
#admin-view .customer-form { margin-top:20px; }
#admin-view .admin-nav { gap:8px; }
#admin-view .admin-nav { gap:28px; border-bottom:1px solid var(--color-line); width:fit-content; }
#admin-view .admin-nav button { min-height:42px; border:0; border-bottom:2px solid transparent; border-radius:0; padding:10px 0; color:var(--color-muted); background:transparent; box-shadow:none; }
#admin-view .admin-nav button:hover { color:var(--color-navy); }
#admin-view .admin-nav button[aria-current="page"] { color:var(--color-navy); border-bottom-color:var(--color-royal); }
#admin-view .admin-audit-table th { font-family:inherit; font-size:11px; font-weight:500; line-height:1.5; text-transform:none; letter-spacing:normal; }
@media(max-width:650px){ #admin-view h1 { font-size:29px; } #admin-view .customer-page-heading { align-items:start; flex-wrap:wrap; } }
.target-section-nav { display:flex; gap:28px; width:fit-content; margin:0 0 30px; border-bottom:1px solid var(--color-line); }
.target-section-nav a { padding:12px 0; border-bottom:2px solid transparent; font-size:13px; color:var(--color-muted); text-decoration:none; }
.target-section-nav a[aria-current=page] { color:var(--color-navy); border-bottom-color:var(--color-royal); }
.target-section-nav a:hover { color:var(--color-navy); }
.target-register-layout { grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr); align-items:start; }
.target-register-layout .customer-form { margin-top:0; }
.target-context-details { margin:0; padding:0; }
.target-context-details label { margin:17px 0 0; }
.target-context-details summary { font-size:12px; }
.target-register-filters { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 27px; }
.target-register-filters label { font-size:11px; color:var(--color-muted); font-weight:400; min-width:0; }
.target-register-filters select { width:100%; margin-top:9px; padding:11px 12px; font-size:12px; border:1px solid var(--color-line-strong); border-radius:12px; background:var(--color-surface); color:var(--color-navy); }
.target-organisation { margin:0 0 30px; }
.target-organisation-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; margin:0 0 10px; background:linear-gradient(130deg,var(--color-wash),var(--color-surface)); border:1px solid var(--color-line); border-radius:18px; box-shadow:inset 0 1px 0 var(--color-white); }
.target-organisation-heading h3 { font-size:17px; margin:0; overflow-wrap:anywhere; }
.target-organisation-heading .eyebrow { font-family:inherit; letter-spacing:normal; text-transform:none; font-size:11px; margin:0 0 5px; }
.target-organisation-heading>.fine { flex-shrink:0; }
.target-organisation .customer-target { margin:0; padding:16px 15px 21px; }
.target-organisation h4 { font-size:15px; font-weight:500; line-height:1.5; overflow-wrap:anywhere; margin:4px 0 10px; }
.target-organisation .customer-target>.action-row { margin-top:13px; }
.target-lifecycle-plan { margin:32px 0; }
.target-lifecycle-plan>summary { flex-wrap:wrap; gap:10px; }
.target-lifecycle-plan p { max-width:70ch; }
.target-connection-intro { margin:0 0 25px; }
@media(max-width:950px){.target-register-layout {grid-template-columns:1fr;}.target-register-layout .customer-form{max-width:none;}.target-register-layout .customer-targets{margin-top:12px;}}
@media(max-width:480px){.target-register-filters{grid-template-columns:1fr;}.target-organisation-heading{padding:17px;}.target-section-nav a{padding:10px 0;}}

.target-function span,.target-security-contact span { display:block; margin:0 0 3px; font-size:10px; color:var(--color-subtle); }
.target-function,.target-security-contact { overflow-wrap:anywhere; }
.target-organisation .customer-target .target-function { margin-top:13px; }
.target-organisation .customer-target .target-security-contact { margin-top:10px; }
.target-context-details .fine { margin-top:14px; }

/* The sidebar becomes a horizontal row on narrow screens; its marker follows. */
@media(max-width:760px) { .customer-nav a[aria-current="page"]::before { inset:auto 12px 0; width:auto; height:2px; } }

.webhook-endpoint { margin-block: 16px; }
.webhook-endpoint h4, .webhook-endpoint code { overflow-wrap: anywhere; }
.webhook-secret { display: block; width: 100%; box-sizing: border-box; margin-block: 8px; font-family: ui-monospace, monospace; }