:root{--ink:#08111f;--muted:#526174;--line:#d9e0e8;--lime:#c9ff4a;--paper:#f4f6fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100vw - 1200px)/2));background:var(--ink);color:white;gap:20px}a{color:inherit;text-underline-offset:4px}header a{text-decoration:none}.brand{font-weight:850;font-size:23px;line-height:1.2}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#b6c5d9;margin-top:7px}nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;background:white;border-bottom:1px solid var(--line);padding:14px max(24px,calc((100vw - 1200px)/2))}nav a{text-decoration:none;font-size:14px;font-weight:650}nav form{margin-left:auto}main{max-width:1200px;margin:48px auto;padding:0 24px}h1{font-size:clamp(30px,4vw,46px);line-height:1.13;letter-spacing:-1.5px;margin:10px 0 20px}h2{font-size:23px;line-height:1.3}h3{font-size:18px}p{margin:0 0 18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:24px;min-width:0}.auth{max-width:510px;margin:65px auto}.muted{color:var(--muted);font-size:14px}.notice{padding:18px 22px;border-left:4px solid #5979cf;background:#eaf0fc;border-radius:6px;margin:22px 0}label{display:block;font-weight:650;font-size:14px;margin:16px 0}input,select,textarea{display:block;width:100%;border:1px solid #aebbd0;background:white;color:var(--ink);border-radius:8px;padding:12px;font:inherit;line-height:1.5;margin-top:6px}textarea{resize:vertical}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:8px;background:var(--ink);color:white;padding:11px 18px;font:700 14px/1.4 system-ui;text-decoration:none;cursor:pointer}.heading>.button{background:var(--lime);color:var(--ink)}.secondary,.toolbar button{background:white;color:var(--ink);border-color:#aebbd0}.danger{background:#9b2440}.quiet{background:transparent;color:var(--muted);padding:6px}.actions,.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{margin:8px 0}.toolbar button{min-height:36px;padding:6px 12px}button:disabled{opacity:.5;cursor:wait}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}th{color:var(--muted);font-size:12px}td:first-child a{font-weight:650}.stats,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats strong{display:block;font-size:40px;letter-spacing:-1px}.stats span{font-size:13px;color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.badge{background:#eff3fa;padding:5px 10px;border-radius:20px;font-size:12px}fieldset{border:1px solid var(--line);border-radius:10px;padding:16px}legend{font-weight:750}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.image-grid img{width:100%;height:170px;object-fit:contain;background:var(--paper)}summary{font-weight:750;cursor:pointer}details[open]>summary{margin-bottom:20px}.setup-key{display:block;overflow-wrap:anywhere;background:var(--paper);padding:18px;font-size:18px}.preview{max-width:800px;margin:auto;background:white;padding:32px;border-radius:15px}.preview img{max-width:100%;height:auto}.preview h1{margin-top:24px}.cms-prose p{line-height:1.85}footer{max-width:1200px;margin:40px auto;padding:24px;color:var(--muted);font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:100}:focus-visible{outline:3px solid #416ac3;outline-offset:3px}@media(max-width:760px){.stats,.price-grid,.columns,.image-grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}header{padding:20px}header>a:last-child{font-size:12px}nav{gap:15px;padding:15px 20px}nav form{margin:0}main{margin-top:30px;padding:0 16px}.card{padding:20px;overflow-x:auto}.auth{margin:30px auto}th,td{padding:10px 5px}}
.metric{border-top:4px solid #b9f448}.metric small{color:var(--muted);font-size:12px}.metric strong{font-variant-numeric:tabular-nums}.trend svg{width:100%;height:auto;display:block}.chart-grid{stroke:#e4eaf1;stroke-width:1;fill:none}.chart-area{fill:#eef8d6}.chart-line{stroke:#477b0a;stroke-width:3;fill:none;stroke-linejoin:round}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.rank{display:grid;grid-template-columns:1fr auto;gap:6px 15px;padding:12px 0}.rank meter{grid-column:1/-1;width:100%;height:12px;accent-color:#628d18}.empty{padding:45px 20px;text-align:center;background:#f7f9fc;border-radius:12px}.empty p{max-width:550px;margin:auto}
.stats-chart{display:block;width:100%;height:auto;min-height:120px}.metric .money-total{font-size:clamp(20px,3vw,32px);overflow-wrap:anywhere}code{overflow-wrap:anywhere}[data-settings-status]:not(:empty){padding:14px;background:#edf2fa;border-radius:8px}
.checkout-main{max-width:850px}.checkout-amount{font-size:clamp(32px,6vw,52px);font-weight:800;margin:20px 0}.checkout-amount small{font-size:16px;color:var(--muted)}.check-line{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.check-line input{width:20px;height:20px;margin:0;flex:none}.checkout-main li{margin:10px 0}

.rank-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}.rank-card{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid #c9d5e8;border-radius:14px;text-decoration:none;color:#101e32;background:#f6f9ff}.rank-card.selected{border:2px solid #365ac4;padding:19px;background:#eef3ff}.rank-card strong{font-size:2rem;letter-spacing:-.04em}.rank-card small,.rank-movement{color:#415573;font-size:.85rem}.rank-keyword{font-weight:700;overflow-wrap:anywhere}.rank-frequency{padding:7px 12px;border-radius:30px;background:#e9f7ef;color:#175b36;white-space:nowrap}.ranking-settings{margin-top:24px;border-top:1px solid #d5deeb;padding-top:20px}.ranking-settings form{max-width:640px;margin-top:18px}.rank-dot{fill:#365ac4}.rank-chart text{font-size:12px;fill:#52647c}.table-scroll{overflow-x:auto}.rank-card:focus-visible{outline:3px solid #365ac4;outline-offset:3px}

/* Installation management: readable on narrow screens without horizontal tables. */
.installation-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.installation-heading h2{overflow-wrap:anywhere;margin-top:0}.installation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}.installation-details dt{font-weight:700}.installation-details dd{margin:.35rem 0 0;overflow-wrap:anywhere}.installation-card details{border-top:1px solid #ccd5e2;padding-top:1rem}.installation-card summary{cursor:pointer;font-weight:700}.installation-card input[type=checkbox]{width:auto}.installation-card .actions{flex-wrap:wrap}.installation-card code{overflow-wrap:anywhere}.installations-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:1rem}

/* Sandbox options 1.0.0: shared, scoped owner/test checkout controls. */
.sandbox-section{margin:30px 0}.sandbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.sandbox-heading h2{margin:0}.sandbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sandbox-plan.card{margin:0;padding:24px;overflow:visible}.sandbox-plan .eyebrow{margin:0 0 8px}.sandbox-plan h3{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 24px}.sandbox-plan h4{font-size:13px;color:var(--muted);margin:20px 0 10px}.sandbox-links{display:grid;gap:8px}.sandbox-link.button{display:grid;grid-template-columns:auto 1fr auto;gap:12px;min-width:0;padding:12px;text-align:left;line-height:1.4}.sandbox-link strong{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sandbox-link:hover{background:#f0f5ff;border-color:#416ac3}.sandbox-grid+.muted{margin-top:16px}.sandbox-picker h2{margin:0 0 8px}.sandbox-picker>p{margin:0 0 16px}.sandbox-fields{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-bottom:20px}.sandbox-fields label{min-width:0;margin:0}.sandbox-fields select{width:100%;min-width:0}.sandbox-picker .sandbox-availability{margin:16px 0 0}
@media(max-width:900px){.sandbox-grid{grid-template-columns:1fr}.sandbox-plan.card{padding:22px}.sandbox-plan h3{margin-bottom:16px}.sandbox-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sandbox-fields{grid-template-columns:1fr;gap:14px}.sandbox-picker>button{width:100%}.sandbox-links{grid-template-columns:1fr}.sandbox-plan h4{margin-top:16px}}

/* Customer accounts 1.7.0. All portal layout selectors stay out of owner pages. */
.customer-portal{background:#f5f7fa;min-height:100svh;display:flex;flex-direction:column}.customer-portal .portal-top{min-height:88px;padding:18px max(24px,calc((100vw - 1360px)/2));gap:20px}.customer-portal .brand{display:flex;gap:12px;align-items:center}.customer-portal .brand svg{width:36px;height:36px;fill:none;stroke:#c9ff4a;stroke-width:2}.customer-portal .brand span{font:800 23px/1.1 system-ui;letter-spacing:-.7px;color:white;margin:0}.customer-portal .brand small{display:block;font:650 9px/1.5 system-ui;letter-spacing:1.9px;color:#b7c6d9;margin-top:8px}.portal-top>a:last-child{font-size:14px;min-height:44px;display:flex;align-items:center}.portal-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:44px;max-width:1408px;width:100%;margin:0 auto;padding:44px 24px 20px;flex:1}.portal-sidebar{min-width:0;border-right:1px solid #dfe5ed;padding-right:28px}.portal-sidebar .eyebrow{margin-top:2px}.portal-email{font-weight:650;font-size:14px;overflow-wrap:anywhere}.customer-portal .portal-sidebar nav{display:grid;padding:0;gap:5px;background:none;border:0;margin:24px -12px 24px 0}.portal-sidebar nav a{padding:12px;border-radius:9px;min-height:46px;color:#53647b}.portal-sidebar nav a[aria-current=page]{background:#e6edfb;color:#173869;font-weight:750}.portal-sidebar nav a:hover{background:#e9edf4;color:#08111f}.portal-sidebar form{margin-top:30px}.portal-sidebar button{min-height:44px}.customer-portal main.portal-main{margin:0;padding:0;max-width:none;min-width:0}.customer-portal h1{font-size:clamp(30px,3.6vw,44px);line-height:1.14;letter-spacing:-1.7px;max-width:800px}.customer-portal :where(h1,h2,h3,p,code,a,strong,li){overflow-wrap:anywhere}.portal-lede{color:#52647b;font-size:16px;max-width:640px;line-height:1.75}.portal-heading{display:flex;gap:24px;align-items:start;justify-content:space-between;margin-bottom:30px}.portal-heading>div{min-width:0}.portal-heading>.button{flex:0 0 auto;margin-top:8px;gap:20px}.customer-portal .portal-primary{background:#c9ff4a;color:#08111f}.customer-portal .card{border-color:#d8e1ed;border-radius:16px;box-shadow:0 4px 18px #172c4810;padding:26px;overflow:visible}.customer-portal .card h2{margin-top:0}.portal-overview{display:grid;grid-template-columns:.65fr 1.2fr 1fr;background:#fff;border:1px solid #d8e1ed;border-radius:16px;margin:0 0 38px;padding:22px 26px;gap:28px}.portal-overview>div{display:flex;flex-direction:column;gap:6px;min-width:0}.portal-overview span,.portal-overview small{font-size:13px;color:#52647b}.portal-overview strong{font-size:36px;letter-spacing:-1px;line-height:1.3}.portal-overview .portal-small-value{font-size:15px;letter-spacing:0;line-height:1.6}.portal-overview a{font-size:15px;font-weight:700}.portal-section-heading{margin-bottom:20px}.portal-section-heading h2{margin:0 0 6px}.portal-section-heading p{margin:0}.portal-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:28px}.portal-order.card{margin:0;display:flex;flex-direction:column;gap:0}.portal-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.portal-card-top .eyebrow{margin:0}.portal-status,.portal-test{display:inline-block;font-size:12px;line-height:1.5;font-weight:750;background:#eaf0fa;color:#375173;padding:6px 11px;border-radius:30px}.portal-status-ok{color:#1b593f;background:#e6f3eb}.portal-test{background:#fff1c8;color:#66510b}.portal-order h3{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}.portal-order>p{font-size:14px;color:#52647b}.portal-seat-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:5px 0}.portal-order meter{width:100%;height:14px;accent-color:#628d18;margin:0 0 22px}.portal-order .button{margin-top:auto;min-height:46px}.portal-order .portal-reference{margin:16px 0 0;font-size:11px;letter-spacing:.15px}.portal-reference{overflow-wrap:anywhere}.portal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portal-detail-grid>.card{min-width:0}.portal-downloads{display:grid;gap:12px;margin:24px 0}.portal-downloads form,.portal-downloads button{width:100%}.customer-portal .setup-key{font-size:13px;line-height:1.8;word-break:break-all;user-select:all;background:#eff3f9;border:1px solid #d8e1ed;border-radius:10px}.customer-portal .license-site{padding:20px 0;border-top:1px solid #d8e1ed}.customer-portal .check-line{flex-wrap:nowrap;line-height:1.7;font-weight:500;gap:12px}.customer-portal .check-line input{margin-top:4px;accent-color:#234ea2}.customer-portal .check-line span{min-width:0}.customer-portal :where(button,.button){min-height:46px;white-space:normal}.customer-portal :where(input,select,textarea){font-size:16px;min-width:0;max-width:100%}.customer-portal input:not([type=checkbox]):not([type=hidden]),.customer-portal select{min-height:48px}.customer-portal .portal-auth-layout{display:block;max-width:600px;padding-top:58px}.portal-auth{width:100%}.portal-auth h1{font-size:clamp(34px,5vw,46px)}.portal-auth-form{margin-top:28px}.portal-auth-form>label:first-of-type{margin-top:0}.portal-auth-form button{width:100%;margin:12px 0 20px}.portal-auth-form p:last-child{margin:0;text-align:center;font-size:14px}.portal-error{background:#fff0f2;border-color:#a12947;color:#83233d}.portal-session-list,.portal-activity{list-style:none;padding:0;margin:24px 0}.portal-session-list li{display:flex;flex-direction:column;gap:5px;padding:15px 0;border-bottom:1px solid #e0e6ef}.portal-session-list span{font-size:13px;color:#52647b}.portal-activity li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #e0e6ef;font-size:14px}.portal-activity time{color:#52647b;font-size:12px}.customer-portal .portal-pagination{background:none;padding:0;border:0;display:flex;justify-content:space-between;margin:22px 0}.customer-portal .portal-footer{max-width:1408px;width:100%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;margin:30px auto 0;padding:28px 24px;border-top:1px solid #e0e6ef}.customer-portal main:focus{outline:none}.customer-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:end}.customer-filters label{min-width:0;margin:0}.customer-admin-title{overflow-wrap:anywhere}.customer-admin-order{padding:22px 0;border-bottom:1px solid #d8e1ed}.customer-admin-order:last-child{border:0}.customer-admin-order .heading{margin:0}.customer-admin-order h3{margin-top:0}.customer-admin-order p{overflow-wrap:anywhere}
@media(max-width:1120px){.portal-layout{gap:28px;grid-template-columns:210px minmax(0,1fr)}.portal-heading{display:block}.portal-heading>.button{margin:0 0 8px}.portal-order-grid,.portal-detail-grid{grid-template-columns:1fr}.portal-overview{gap:18px;grid-template-columns:.55fr 1fr}.portal-overview>div:last-child{grid-column:1/-1}.customer-filters{grid-template-columns:1fr 1fr}.customer-portal .sandbox-grid{grid-template-columns:1fr}}
@media(max-width:800px){.portal-layout{display:block;padding-top:26px}.portal-sidebar{border:0;padding:0;margin-bottom:30px}.portal-sidebar .eyebrow,.portal-sidebar>.portal-email{display:none}.customer-portal .portal-sidebar nav{display:flex;flex-wrap:wrap;gap:6px;margin:0}.portal-sidebar nav a{font-size:13px;background:white;border:1px solid #d8e1ed;padding:9px 11px;min-height:44px}.portal-sidebar form{margin:12px 0 0}.portal-sidebar form button{font-size:12px;padding:8px 12px}.portal-heading{margin-bottom:22px}.customer-portal .portal-main h1{letter-spacing:-1.2px}.customer-portal .card{padding:22px}.portal-auth-layout .portal-main{margin:auto}.portal-overview{margin-bottom:28px}.customer-portal .portal-top{min-height:80px}}
@media(max-width:480px){.customer-portal .portal-top{padding:16px}.customer-portal .brand span{font-size:20px}.customer-portal .brand svg{width:30px;height:30px}.customer-portal .brand small{font-size:8px;letter-spacing:1.3px}.portal-top>a:last-child{font-size:12px}.portal-layout,.customer-portal .portal-auth-layout{padding:28px 16px 12px}.portal-overview{grid-template-columns:1fr;padding:20px}.portal-overview>div:last-child{grid-column:auto}.portal-overview>div+div{border-top:1px solid #e2e7ef;padding-top:14px}.portal-detail-grid,.portal-order-grid{gap:18px}.portal-activity li{gap:5px;display:flex;flex-direction:column}.customer-filters{grid-template-columns:1fr}.customer-portal .portal-footer{padding:24px 16px}.portal-heading>.button{width:100%}}

.customer-table table{min-width:42rem}.customer-table th,.customer-table td{overflow-wrap:normal}.customer-table td:first-child{min-width:14rem;overflow-wrap:anywhere}.customer-table:focus-visible{outline-offset:5px}

/* Customer licence selection 1.0.0: independent of owner sandbox headings. */
.customer-portal .portal-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;align-items:stretch;margin:24px 0}
.customer-portal .portal-plan.card{margin:0;padding:26px;min-width:0}
.portal-plan-heading{padding-bottom:22px;border-bottom:1px solid #e2e8f0}
.portal-plan-heading .eyebrow{margin:0 0 10px}
.customer-portal .portal-plan-heading h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 8px}
.portal-plan-heading>p:last-child{font-size:13px;line-height:1.5;color:#52647b;margin:0}
.portal-billing{padding-top:24px;min-width:0}
.portal-billing+.portal-billing{margin-top:24px;border-top:1px solid #e2e8f0}
.customer-portal .portal-billing h3{font-size:18px;line-height:1.35;letter-spacing:-.25px;margin:0 0 6px}
.portal-billing-note{font-size:12px;line-height:1.6;color:#52647b;margin:0 0 14px}
.portal-offers{display:grid;gap:10px}
.customer-portal .portal-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:58px;padding:12px 14px;border:1px solid #bac8dc;border-radius:9px;background:#fff;color:#08111f;text-decoration:none;text-align:left}
.portal-offer-currency{font-size:12px;font-weight:750;letter-spacing:.3px;white-space:nowrap}
.portal-offer-price{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0}
.portal-offer-price strong{font-size:17px;line-height:1.25;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}
.portal-offer-price small{font-size:11px;line-height:1.2;color:#52647b;font-weight:500;white-space:nowrap}
.portal-offer-arrow{width:16px;height:16px}
.portal-offer:hover{background:#f1f5fc;border-color:#5275ad}
.portal-offer:focus-visible{outline:3px solid #416ac3;outline-offset:3px}
.customer-portal .portal-offer-paused{grid-template-columns:auto minmax(0,1fr);background:#f5f7fa}
.portal-plan-terms{margin:0;max-width:100%;line-height:1.8}
@media(max-width:480px){.customer-portal .portal-plan.card{padding:22px}.customer-portal .portal-offer{padding:12px;gap:10px}}

/* OrderFloor panel presentation 1.0.0. No data, pricing or account behavior. */
:root{--panel-accent:#c9ff4a;--panel-ink:#101c2d;--panel-muted:#516176;--panel-border:#dce3eb;--panel-surface:#f5f7fa;--panel-focus:#285bc1}
.of-admin,.customer-portal{background:var(--panel-surface);color:var(--panel-ink)}
.of-admin [hidden],.customer-portal [hidden]{display:none!important}
.of-admin .admin-top{padding:18px 32px;min-height:86px;background:#101c2d;gap:20px}
.of-admin .panel-brand{display:flex;align-items:center;gap:12px;flex:none}
.of-admin .panel-brand svg{width:36px;height:36px;fill:none;stroke:var(--panel-accent);stroke-width:2}
.of-admin .panel-brand span{margin:0;color:#fff;font:800 23px/1.15 system-ui,sans-serif;letter-spacing:-.6px}
.of-admin .panel-brand small{display:block;margin-top:7px;color:#bccada;font:700 9px/1.4 system-ui,sans-serif;letter-spacing:1.8px}
.admin-top>a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.admin-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:36px;max-width:1600px;margin:0 auto;padding:32px}
.admin-sidebar{min-width:0;align-self:start;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:4px 12px 12px 0}
.of-admin .panel-navigation{display:grid;gap:22px;background:none;border:0;padding:0;margin:0}
.panel-nav-group{display:grid;gap:4px}
.panel-nav-label{color:#67768b;font-size:10px;line-height:1.6;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin:0 12px 8px}
.of-admin .panel-navigation a,.customer-portal .portal-sidebar nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;border:1px solid transparent;border-radius:8px;color:#465971}
.of-admin .panel-navigation a:hover,.customer-portal .portal-sidebar nav a:hover{color:#101c2d;background:#e9eef4}
.of-admin .panel-navigation a[aria-current=page],.customer-portal .portal-sidebar nav a[aria-current=page]{color:#182c12;background:#e9f5d2;border-color:#c8ddb1;font-weight:750;box-shadow:inset 3px 0 #719b31}
.panel-nav-footer{display:grid;gap:18px;margin-top:24px;padding:22px 12px 0;border-top:1px solid var(--panel-border)}
.panel-nav-footer>a{font-size:14px;font-weight:650}
.panel-nav-footer form{margin:0}
.panel-nav-footer button{width:100%}
.of-admin .admin-main{min-width:0;max-width:none;margin:0;padding:8px 0 0}
.of-admin .admin-footer{max-width:1600px;margin:0 auto;padding:24px 32px;border-top:1px solid var(--panel-border)}
.admin-auth-layout{display:block;max-width:660px;padding-top:36px}
.of-admin .auth{margin:12px auto 36px;max-width:520px}
.of-admin :where(h1,h2,h3,p,dd,li,a,code),.customer-portal :where(h1,h2,h3,p,dd,li,a,code){overflow-wrap:anywhere}
.of-admin h1,.customer-portal h1{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-1.2px;margin:8px 0 16px;font-weight:780}
.of-admin h2,.customer-portal h2{font-size:21px;line-height:1.35;letter-spacing:-.35px;margin:0 0 14px}
.of-admin h3,.customer-portal h3{font-size:18px;line-height:1.4;letter-spacing:-.2px}
.of-admin .card,.customer-portal .card{padding:26px;border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 2px 5px #192d4510;margin-bottom:24px;overflow:visible}
.of-admin .card>:last-child,.customer-portal .card>:last-child{margin-bottom:0}
.of-admin .card>.eyebrow,.customer-portal .card>.eyebrow{margin-bottom:8px}
.of-admin .muted,.customer-portal .muted{color:var(--panel-muted);line-height:1.65}
.of-admin .heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.heading>div,.section-heading>div{min-width:0}
.of-admin .heading h2,.section-heading h2{margin:0}
.of-admin .heading p:last-child{margin-bottom:0}
.of-admin .columns,.customer-portal .portal-detail-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.of-admin .stats,.of-admin .price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.of-admin .stats .card{padding:22px}
.of-admin .stats strong{font-size:clamp(26px,3vw,36px);line-height:1.3;margin:8px 0;font-variant-numeric:tabular-nums}
.of-admin .stats .metric{border-top:3px solid #9dc842}
.of-admin :where(input,select,textarea),.customer-portal :where(input,select,textarea){min-width:0;max-width:100%;font-size:16px;border-color:#aab8c9;border-radius:8px}
.of-admin :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select),.customer-portal :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:46px}
.of-admin label,.customer-portal label{line-height:1.6}
.of-admin :where(button,.button),.customer-portal :where(button,.button){min-height:44px;line-height:1.45;padding:11px 16px;border-radius:8px;white-space:normal;text-align:center;font-size:14px}
.of-admin :where(button,.button):hover,.customer-portal :where(button,.button):hover{filter:brightness(.96)}
.of-admin .secondary,.customer-portal .secondary{border-color:#b3bfd0;background:white;color:#17283c}
.of-admin .quiet{background:#edf1f6;color:#3f5068;border-color:#d5deea}
.of-admin .actions,.customer-portal .actions{gap:12px;align-items:center;flex-wrap:wrap}
.of-admin form.actions{align-items:end}
.of-admin form.actions>label{margin:0;min-width:150px}
.of-admin form.actions>button{margin:0}
.of-admin :where(.filters,.customer-filters){display:grid;grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:16px;align-items:end}
.of-admin :where(.filters,.customer-filters)>label{margin:0;min-width:0}
.of-admin .license-filter{grid-template-columns:minmax(0,1fr) auto}
.of-admin :where(.filters,.customer-filters)>button{margin:0;min-height:49px}
.of-admin .notice,.customer-portal .notice{background:#edf3fb;border-color:#527bc2;color:#273e60;padding:16px 20px;border-radius:8px;line-height:1.7;margin:20px 0}
.of-admin .badge,.customer-portal .badge,.customer-portal .portal-status{display:inline-block;vertical-align:middle;padding:5px 10px;border-radius:6px;font:700 12px/1.5 system-ui,sans-serif;background:#edf1f7;color:#445771;white-space:normal}
.of-admin .badge-success,.customer-portal .badge-success,.customer-portal .portal-status-ok{background:#e6f3eb;color:#21573b}
.of-admin .badge-pending,.customer-portal .badge-pending{background:#fff2d5;color:#795218}
.of-admin .badge-danger,.customer-portal .badge-danger{background:#fbe9ed;color:#8e2944}
.of-admin .panel-table{margin:18px 0;overflow:auto;border:1px solid var(--panel-border);border-radius:9px;max-width:100%;background:#fff}
.of-admin .panel-table table{min-width:36rem;width:100%;border-collapse:collapse;font-size:14px}
.of-admin .panel-table th{background:#f4f7fb;color:#516176;font-size:12px;line-height:1.45;letter-spacing:.1px;font-weight:750}
.of-admin .panel-table :where(th,td){padding:14px 16px;text-align:left;vertical-align:top;overflow-wrap:anywhere;line-height:1.65}
.of-admin .panel-table tr:last-child td{border-bottom:0}
.of-admin .panel-table tbody tr:hover{background:#fafcfe}
.of-admin .panel-table .empty-cell{padding:28px 20px;color:#596a80;text-align:center;white-space:normal}
.of-admin .empty,.customer-portal .empty,.customer-portal .portal-empty{background:#f7f9fc;border:1px dashed #c7d3e2;border-radius:10px;padding:26px;text-align:left}
.empty h3{margin:0 0 8px}.empty p:last-child{margin:0}
.panel-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 0;background:none;border:0}
.panel-pagination a,.portal-pagination a{display:inline-flex;align-items:center;min-height:44px;font-weight:650}
.of-admin .setup-key,.of-checkout .setup-key{font-size:14px;line-height:1.8;word-break:break-all;background:#f0f4fa;border:1px solid var(--panel-border);border-radius:8px}
.of-admin details>summary,.customer-portal details>summary{padding:10px 0;min-height:44px;line-height:1.5}
.panel-details{padding:4px 0;border-top:1px solid var(--panel-border);margin:18px 0}
.of-admin fieldset{min-width:0;padding:20px;border-color:var(--panel-border)}
.of-admin legend{font-size:14px;padding:0 6px}
.of-admin fieldset label{margin:12px 0}
.of-admin fieldset label:last-child{margin-bottom:0}
.of-admin .price-grid{margin:20px 0 30px}
.of-admin .toolbar button{min-height:44px}
.of-admin :where(.stats-chart,.trend svg){display:block;width:100%;height:auto;max-width:100%}
.of-admin .rank-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.of-admin .image-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.of-admin .image-grid .empty{grid-column:1/-1}
.of-admin .image-grid img{border-radius:8px;margin-bottom:16px}
.of-admin .panel-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px;background:white;border:1px solid var(--panel-border);border-radius:14px;margin:24px 0}
.panel-facts>div{min-width:0}.panel-facts dt{font-size:12px;font-weight:650;color:#5c6c81;margin-bottom:8px}.panel-facts dd{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.of-admin .panel-facts.compact{grid-template-columns:repeat(3,minmax(0,1fr));background:#f7f9fc;margin:16px 0;box-shadow:none;padding:18px;border-radius:9px}
.of-admin .section-nav,.customer-portal .section-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0;margin:24px 0}
.section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;background:#fff;border:1px solid #ccd7e5;border-radius:8px;font:650 13px/1.5 system-ui,sans-serif;text-decoration:none;color:#3a4e69}
.section-nav a:hover{border-color:#7e97b8;background:#f0f4fa}
.panel-back{font-size:14px;margin:0 0 22px}.panel-reference{overflow-wrap:anywhere;font-size:13px}
.of-admin .customer-admin-title{font-size:clamp(25px,3vw,36px)}
.of-admin .customer-admin-order{padding:24px 0;border-bottom:1px solid var(--panel-border)}
.of-admin .customer-admin-order:last-child{padding-bottom:0;border:0}
.of-admin .customer-admin-order .heading{margin-bottom:16px}
.of-admin .customer-admin-order h3{margin:0 0 8px}
.site-list{list-style:none;padding:0;margin:16px 0}.site-list li{padding:10px 14px;background:#f4f7fb;border-radius:6px;margin:6px 0;overflow-wrap:anywhere;font-size:14px}
.subscription-detail+.subscription-detail{padding-top:22px;margin-top:22px;border-top:1px solid var(--panel-border)}
.panel-email-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.of-admin .security-card{border-top:3px solid #ae536c}
.panel-security-form{max-width:820px}
.of-admin .portal-activity{margin:0}
.customer-portal .portal-layout{max-width:1600px;gap:36px;grid-template-columns:224px minmax(0,1fr);padding:36px 32px 20px}
.customer-portal .portal-sidebar{border:0;padding:4px 12px 12px 0;position:sticky;top:20px;align-self:start;max-height:calc(100dvh - 40px);overflow:auto}
.customer-portal .portal-sidebar .panel-nav-label{margin-left:0}
.customer-portal .portal-sidebar .portal-email{padding:0 2px;line-height:1.7;font-size:13px;display:block}
.customer-portal .portal-sidebar nav{display:grid;gap:5px;margin:22px 0;padding:0;background:none;border:0}
.customer-portal .portal-sidebar form{margin-top:22px}
.customer-portal .portal-sidebar form button{width:100%}
.customer-portal .portal-main{padding-top:8px!important}
.customer-portal .portal-overview{border-radius:14px;margin:24px 0 30px;gap:24px}
.customer-portal .portal-order-grid{gap:24px}
.customer-portal .portal-order.card{margin:0}
.customer-portal .portal-order h3{font-size:29px}
.customer-portal .portal-auth-layout{display:block;max-width:610px;padding-top:44px}
.customer-portal .portal-top{padding:18px 32px;min-height:86px}
.customer-portal .portal-footer{max-width:1600px;padding:24px 32px}
.customer-portal .portal-activity :where(span,time){overflow-wrap:anywhere}
.customer-portal .portal-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr))}
.customer-portal .license-site{display:block;padding:24px 0}
.customer-portal .license-site p{overflow-wrap:anywhere}
.of-admin input:is([type=checkbox],[type=radio]),.customer-portal input:is([type=checkbox],[type=radio]),.of-checkout input:is([type=checkbox],[type=radio]){display:inline-block;flex:0 0 20px;width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;margin:3px 0 0;padding:0;accent-color:#385f26;vertical-align:top}
.of-admin .check-line,.customer-portal .check-line,.of-checkout .check-line{display:flex;align-items:flex-start;gap:12px;min-height:44px;line-height:1.7;font-weight:500;margin:18px 0;cursor:pointer}
.check-line>span{min-width:0}
.of-admin :focus-visible,.customer-portal :focus-visible,.of-checkout :focus-visible{outline:3px solid var(--panel-focus);outline-offset:3px}
.of-admin .admin-main:focus-visible,.customer-portal .portal-main:focus-visible{outline:3px solid var(--panel-focus);outline-offset:5px}
.of-admin .admin-top :focus-visible,.customer-portal .portal-top :focus-visible{outline-color:#c9ff4a}
.of-admin .skip:focus,.customer-portal .skip:focus,.of-checkout .skip:focus{position:fixed;top:10px;left:10px;background:white;color:#17283c;padding:14px 18px;border-radius:8px;z-index:1000}
.of-admin [id],.customer-portal [id]{scroll-margin-top:24px}
.panel-menu-toggle{width:100%;justify-content:space-between!important;margin:0 0 16px!important}
@media(max-width:1200px){.admin-layout,.customer-portal .portal-layout{gap:24px;padding-right:24px;padding-left:24px;grid-template-columns:205px minmax(0,1fr)}.of-admin :where(.filters,.customer-filters){grid-template-columns:repeat(2,minmax(0,1fr))}.of-admin .license-filter{grid-template-columns:minmax(0,1fr) auto}.of-admin .panel-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.of-admin .panel-facts.compact{grid-template-columns:1fr}.of-admin .columns,.customer-portal .portal-detail-grid{grid-template-columns:1fr}.of-admin .price-grid{grid-template-columns:1fr}.of-admin .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}
@media(max-width:900px){.admin-layout,.customer-portal .portal-layout{display:block;padding:24px}.admin-sidebar,.customer-portal .portal-sidebar{position:static;max-height:none;padding:0;margin-bottom:24px;overflow:visible}.of-admin .panel-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel-nav-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0}.panel-nav-footer button{width:auto}.customer-portal .portal-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.customer-portal .portal-sidebar form{margin:16px 0 0}.customer-portal .portal-sidebar form button{width:auto}.customer-portal .portal-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-portal .portal-auth-layout{padding-top:36px}.of-admin .admin-main{padding:0}.of-admin .auth{margin-top:0}.admin-auth-layout{padding-top:36px}}
@media(max-width:600px){.admin-layout,.customer-portal .portal-layout{padding:20px 16px}.of-admin .admin-top,.customer-portal .portal-top{padding:16px;min-height:78px}.of-admin .panel-brand span{font-size:20px}.of-admin .panel-brand svg{width:30px;height:30px}.admin-top>a:last-child{font-size:12px}.of-admin .card,.customer-portal .card{padding:20px}.of-admin :where(.filters,.customer-filters,.license-filter){grid-template-columns:1fr}.of-admin form.actions{width:100%;display:grid;grid-template-columns:1fr auto}.of-admin form.actions label{min-width:0}.of-admin .heading{align-items:flex-start;gap:16px}.of-admin .panel-facts{grid-template-columns:1fr;padding:20px;gap:16px}.panel-facts>div+div{padding-top:14px;border-top:1px solid var(--panel-border)}.of-admin .panel-navigation{gap:18px 10px}.of-admin .panel-navigation a{font-size:13px;padding:9px 10px}.panel-nav-label{font-size:9px;letter-spacing:1px;margin-left:10px}.customer-portal .portal-sidebar nav{grid-template-columns:1fr}.of-admin .admin-footer,.customer-portal .portal-footer{padding:22px 16px}.customer-portal .portal-order-grid{grid-template-columns:1fr}.customer-portal .portal-overview{grid-template-columns:1fr;padding:20px}.customer-portal .portal-overview>div+div{border-top:1px solid var(--panel-border);padding-top:14px}.customer-portal .portal-overview>div:last-child{grid-column:auto}.of-admin .panel-table :where(th,td){padding:12px}.panel-email-actions{display:grid}.panel-email-actions button{width:100%}.section-nav a{flex:1 1 auto;text-align:center;justify-content:center}.of-admin .stats{grid-template-columns:1fr}.of-admin .customer-admin-order .heading>.button{width:100%}}
@media(prefers-reduced-motion:reduce){.of-admin *,.customer-portal *,.of-checkout *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.panel-navigation a[aria-current=page]{outline:2px solid Highlight}.badge,.portal-status{border:1px solid CanvasText}}
@media print{.admin-sidebar,.portal-sidebar,.panel-menu-toggle,.admin-top>a:last-child{display:none!important}.admin-layout,.customer-portal .portal-layout{display:block}.panel-table{overflow:visible!important}.panel-table table{min-width:0!important}}

/* Admin navigation 2: frequent work first, secondary pages in named folders. */
.of-admin .admin-sidebar{padding:0 12px 8px 0;scrollbar-width:thin;scrollbar-color:#c0cad6 transparent;overscroll-behavior:contain;scroll-padding-block:12px}
.of-admin .panel-navigation{display:block}
.of-admin .panel-nav-daily{gap:0;margin:0 0 16px}
.of-admin .panel-nav-label{margin:0 10px 7px;font-size:10px;letter-spacing:1.25px;color:#6a7b90}
.of-admin [data-nav-links]{display:grid;gap:2px}
.of-admin .panel-navigation a{gap:10px;min-height:42px;padding:9px 10px;line-height:1.45;font-size:13px;font-weight:550;border-radius:8px}
.of-admin .panel-nav-text{min-width:0;flex:1}
.of-admin .panel-nav-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.of-admin .panel-navigation a[aria-current=page]{color:#213615;background:#eaf4d9;border-color:#ccdfb8;font-weight:750;box-shadow:inset 3px 0 #719b31}
.of-admin .panel-navigation a[aria-current=page] .panel-nav-icon{opacity:1}
.of-admin .panel-nav-count{margin-left:auto;flex:0 0 auto;padding:1px 7px;min-width:23px;text-align:center;font-size:11px;font-weight:750;line-height:1.8;color:#335a30;background:#e2eddc;border:1px solid #cfddc8;border-radius:6px;font-variant-numeric:tabular-nums}
.of-admin .panel-nav-folder{display:block;margin:0;border:0;border-top:1px solid #e0e6ee;padding:4px 0}
.of-admin .panel-nav-folder>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border-radius:8px;list-style:none;font-size:12px;line-height:1.4;font-weight:700;color:#53657b;letter-spacing:.05px;margin:0;cursor:pointer;user-select:none}
.of-admin .panel-nav-folder>summary::-webkit-details-marker{display:none}
.of-admin .panel-nav-folder>summary::marker{content:''}
.of-admin .panel-nav-folder>summary:hover{background:#e9eef4;color:#14283f}
.of-admin .panel-nav-folder.is-current>summary{color:#223b57}
.of-admin .panel-nav-folder.is-current>summary>.panel-nav-text::after{content:'';display:inline-block;width:5px;height:5px;margin-left:7px;border-radius:50%;background:#789747;vertical-align:middle}
.of-admin .panel-nav-chevron{flex-basis:13px;width:13px;height:13px;opacity:.55;transition:transform .15s ease}
.of-admin .panel-nav-folder[open]>summary .panel-nav-chevron{transform:rotate(90deg)}
.of-admin .panel-nav-children{position:relative;padding:3px 0 7px 7px;margin-left:18px;border-left:1px solid #d8e1eb}
.of-admin .panel-nav-children .panel-nav-icon{width:15px;height:15px;flex-basis:15px;opacity:.65}
.of-admin .panel-nav-children a{font-size:12px;gap:8px;min-height:40px;padding:8px}
.of-admin .panel-nav-search{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;margin:0 0 18px;background:#fff;border:1px solid #d9e1eb;border-radius:9px;box-shadow:0 1px 2px #13294504}
.of-admin .panel-nav-search:focus-within{outline:2px solid #416ac3;outline-offset:2px}
.of-admin .panel-nav-search>.panel-nav-icon{width:16px;height:16px;flex-basis:16px;color:#7a899d}
.of-admin .panel-nav-search input{min-width:0;width:100%;margin:0;padding:11px 0;background:transparent;border:0;border-radius:0;font-size:12px;line-height:1.5;box-shadow:none;outline:none;min-height:40px}
.of-admin .panel-nav-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.of-admin .panel-nav-search button{flex:0 0 28px;min-height:30px;width:28px;margin:0;padding:0;color:#60738b;background:#edf1f6;border:0;border-radius:5px;font-size:20px;font-weight:400;line-height:1}
.of-admin .panel-nav-status{font-size:12px;line-height:1.6;color:#65758a;margin:12px 10px;overflow-wrap:anywhere}
.of-admin .panel-nav-footer{margin-top:12px;padding:14px 0 0;gap:0}
.of-admin .panel-nav-footer button{min-height:38px;font-size:12px;color:#63728a;border-color:#d9e1eb;background:transparent}
.of-admin .panel-menu-toggle{border-color:#d7e1ed;background:white;gap:12px}
.of-admin .panel-menu-location{font-weight:500;color:#64758a}
.of-admin .panel-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:901px){.of-admin .admin-sidebar{max-height:calc(100dvh - 140px)}}
@media(max-width:900px){.of-admin .panel-navigation{display:block}.of-admin .admin-sidebar{padding:0}.of-admin [data-panel-nav]{max-width:560px;margin:0 auto 24px;padding:16px;background:#fff;border:1px solid #dce3eb;border-radius:12px}.of-admin .panel-nav-search{background:#f7f9fc}.of-admin .panel-navigation a,.of-admin .panel-nav-folder>summary{min-height:44px;font-size:14px}.of-admin .panel-nav-children a{font-size:13px}.of-admin .panel-nav-footer{display:block}.of-admin .panel-nav-footer button{width:100%;min-height:44px}.of-admin .panel-nav-search input{font-size:16px;min-height:44px}.of-admin .panel-nav-search button{width:36px;min-height:36px;flex-basis:36px}}
@media(max-width:600px){.of-admin .admin-top{flex-wrap:wrap;column-gap:12px;row-gap:4px}.of-admin .admin-top .panel-brand{flex:1 0 calc(100% - 110px)}.of-admin .admin-top .alerts-bell{margin:0;min-height:36px;display:flex;align-items:center;gap:4px}.of-admin .admin-top>a:last-child{margin-left:auto;min-height:28px}.of-admin [data-panel-nav]{padding:12px}.of-admin .panel-nav-search{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.of-admin .panel-nav-chevron{transition:none}}
@media(min-width:901px){.of-admin .panel-nav-folder{padding:0}.of-admin .panel-nav-daily{margin-bottom:10px}.of-admin .panel-nav-label{margin-bottom:5px}.of-admin [data-nav-links]{gap:0}.of-admin .panel-nav-search{margin-bottom:10px}.of-admin .panel-nav-footer{padding-top:6px;margin-top:8px}}
.mfa-qr{display:block;width:300px;max-width:100%;height:auto;margin:20px auto;background:#fff;image-rendering:pixelated}.mfa-manual{margin-bottom:22px}.setup-key{display:block;padding:12px;background:#f3f6f8;border-radius:6px;user-select:all}

.admin-brand-mark{display:block;flex:0 0 40px;width:40px;height:40px;object-fit:contain;border-radius:10px}
