:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#28374f;background:#f5f7fb;font-size:14px;font-synthesis:none;--blue:#356be8;--muted:#77869d;--line:#e4eaf2;--green:#258369}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0} button,input,select,textarea{font:inherit} button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation} button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #adc6ff;outline-offset:3px}
p{line-height:1.75}h1,h2,h3{margin:0;line-height:1.5;font-weight:650}h1{font-size:25px;letter-spacing:-.6px}h2{font-size:15px}h3{font-size:14px}img,svg{vertical-align:middle}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Frame */
.sidebar{position:fixed;inset:0 auto 0 0;width:216px;padding:28px 18px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5;overflow-y:auto}
.brand{display:flex;align-items:center;gap:11px;padding:0 10px;margin-bottom:36px;color:#263956;font-size:19px;font-weight:700}.brand small{display:block;color:#8b99ae;font-size:9px;letter-spacing:2px;margin-top:4px;font-weight:600}
.sidebar nav{display:grid;gap:5px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;min-height:44px;text-align:left;background:none;border:0;border-radius:8px;color:#75839a;font-size:13px;font-weight:550;transition:background .15s,color .15s}.nav-button:hover{background:#f2f5fa;color:#4c6488}.nav-button.selected{color:var(--blue);background:#edf3ff}.nav-button.selected .icon{stroke-width:1.9}
.sidebar-bottom{margin-top:auto;padding:22px 12px 0;color:#7e8da4;font-size:11px}.sidebar-bottom small{display:block;margin:7px 0 0 12px;font-size:10px;color:#9aa6b8}.connection-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#329e7b;margin-right:6px}
.main-shell{margin-left:216px;min-height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:66px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:#8c99ac}.breadcrumb span{margin:0 13px;color:#c1cad7}.breadcrumb strong{color:#586d8a;font-weight:500}.topbar-actions{display:flex;gap:14px;align-items:center}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:none;color:#7d8ba0;font-size:24px}.icon-button:hover{background:#f0f4fa}.avatar{width:32px;height:32px;border:1px solid #dde6f5;border-radius:50%;background:#eff4ff;color:#5476b0;font-size:12px}
main{width:100%;max-width:1520px;margin:0 auto;padding:28px 32px 24px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}#pageDescription{margin:6px 0 0;font-size:12px;color:#8290a5}.page-tools{display:flex;align-items:center;gap:12px;flex:none}.page-tools select{max-width:180px}
select{height:36px;padding:0 30px 0 12px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;color:#526781;font-size:12px;max-width:100%}.scope-switch{display:flex;padding:3px;gap:2px;border:1px solid #e2e9f3;background:#edf1f7;border-radius:8px}.scope-switch button{border:0;border-radius:5px;background:none;color:#7d8ba1;font-size:11px;padding:6px 10px;white-space:nowrap}.scope-switch button.selected{background:#fff;color:#3766b1;box-shadow:0 1px 3px #263e5f10}
.demo-notice{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:10px 13px;border:1px solid #eee2c8;border-radius:8px;background:#fffbf2;color:#977d51;font-size:11px;line-height:1.6}.demo-notice>span{font-weight:600;white-space:nowrap}
.main-shell>footer{margin-top:auto;display:flex;justify-content:space-between;gap:16px;padding:22px 32px;color:#98a4b5;font-size:11px}
/* Shared controls */
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid #dce4ef;border-radius:7px;background:#fff;color:#5d7190;font-size:12px;line-height:1.4;font-weight:550;white-space:nowrap;transition:background .15s,border-color .15s}.button:hover{background:#f4f7fc;border-color:#bdcde5}.button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:#285dd4;border-color:#285dd4}.button.ghost{border-color:transparent;background:none;color:var(--blue);padding:6px 4px}.button.ghost:hover{background:#eff4ff}.button.danger,[data-action="disable-code"]{color:#a9615b}.button .icon{width:15px;height:15px}
.tag,.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;background:#f0f3f8;color:#7b8ba4;font-size:11px;line-height:1.5;padding:4px 8px}.pill.green{background:#eaf6f1;color:#258369}.pill.blue{background:#edf3ff;color:#4774c5}.pill.amber{background:#fff5e3;color:#a67b31}.pill.red{background:#fbefee;color:#af655d}
.group,.row-actions{display:flex;align-items:center;gap:8px}.row-actions{flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px;margin-bottom:16px}.subtle{font-size:12px;line-height:1.7;color:#8291a7}.subtle b{font-weight:600;color:#536e96}.source-note,.field-hint{font-size:11px;color:#8a99ad;line-height:1.8;margin:14px 0 0}.source-note code{overflow-wrap:anywhere}.search-form{display:flex;gap:8px;max-width:100%;align-items:center}.search{width:260px;max-width:100%;height:36px;border:1px solid #dce4ef;border-radius:7px;padding:8px 12px;background:#fff;font-size:12px;color:#354e70}.search::placeholder{color:#a0adc0}
.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px}.card-head,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 0}.card-head .quiet{font-size:11px;color:#8c9bb0;white-space:nowrap}.list-heading{padding-bottom:12px}.empty{padding:54px 24px;text-align:center;color:#91a0b5}.empty>.icon{width:36px;height:36px;color:#b6c8e5;margin-bottom:15px}.empty h3{color:#587294;font-size:16px;margin-bottom:8px}.empty p{font-size:12px;margin:0 0 20px}.table-empty{text-align:center;padding:48px 20px!important;color:#94a2b6}
/* Overview */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;color:#788aa2}.stat-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;color:#7d9cdc;background:#f0f5ff}.stat-icon .icon{width:16px;height:16px}.stat-value{font-size:29px;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#2d4569;margin:10px 0 8px;line-height:1.3}.stat-value small{font-size:14px;margin-right:2px}.stat-note{font-size:11px;color:#95a2b5;line-height:1.7}.stat-note b{font-weight:500;color:#6c91cf}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.chart{padding:12px 16px 14px}.chart svg{display:block;width:100%;height:235px}.chart-grid{stroke:#eaf0f7;stroke-dasharray:3 5;stroke-width:1}.chart-label{fill:#96a3b7;font:10px sans-serif}.ranking{padding:8px 22px 16px;max-height:265px;overflow-y:auto}.rank{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #eef2f7}.rank:last-child{border:0}.rank-main{display:flex;gap:11px;align-items:center;min-width:0}.rank strong{display:block;font-size:12px;font-weight:550}.rank small{display:block;margin-top:5px;font-size:10px;color:#95a3b7}.rank-amount{color:#4e6b93;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.project-symbol{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#edf3ff;color:#4778d4;font-weight:650;font-size:16px}
/* Tables */
.table-wrap{max-width:100%;overflow-x:auto;padding:4px 20px 10px;scrollbar-width:thin;scrollbar-color:#ced8e7 transparent}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{padding:13px 10px;font-size:11px;font-weight:550;color:#8796ac;background:#f8fafd;border-bottom:1px solid #e9eef5}td{padding:15px 10px;border-bottom:1px solid #edf1f7;line-height:1.7;color:#627897;vertical-align:middle}tbody tr:hover{background:#fbfcff}tr:last-child td{border-bottom:0}td strong{display:block;color:#3b5272;font-size:12px;font-weight:600}td small{display:block;font-size:10px;color:#8e9eb5;margin-top:4px}td:first-child small{max-width:250px;overflow-wrap:anywhere;white-space:normal}td .button{min-height:30px;font-size:11px;padding:5px 9px}.money{font-weight:600;font-variant-numeric:tabular-nums;color:#3c5c89}.license-code{font:12px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1px;color:#496b9c;min-width:160px;max-width:245px;white-space:normal;overflow-wrap:anywhere}.license-code small{font:10px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
/* Projects and plans */
.project-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.project-card{padding:22px;display:flex;flex-direction:column}.project-card-head{display:flex;align-items:center;gap:11px}.project-card-head>.pill{margin-left:auto}.project-card-head p{font-size:11px;color:#96a3b6;margin:4px 0 0}.project-url{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 18px;color:#7d90ad;font-size:11px;overflow-wrap:anywhere}.project-url .icon{width:14px;height:14px}.project-counts{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;padding:17px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.project-counts strong{display:block;font-size:22px;font-weight:600;color:#496489;margin-bottom:5px;font-variant-numeric:tabular-nums}.project-counts strong.format-value{font-size:11px;min-height:33px;display:flex;align-items:center;line-height:1.5}.project-counts span{font-size:11px;color:#93a1b6}.project-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.project-card .source-note{margin-top:14px;font-size:10px}
.plan-card{padding:21px;display:flex;flex-direction:column}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.plan-project{font-size:11px;color:#8b9ab0;line-height:1.6}.plan-card h3{font-size:17px;overflow-wrap:anywhere}.plan-price{display:flex;align-items:baseline;gap:6px;margin:15px 0 7px;font-size:30px;font-weight:650;letter-spacing:-.6px;color:#315ea9;line-height:1.4;font-variant-numeric:tabular-nums;flex-wrap:wrap}.plan-price small{font-size:12px;font-weight:400;color:#8b9cb6;letter-spacing:0}.plan-term{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:#687f9f;line-height:1.6;margin:0 0 19px}.plan-term span{color:#9aa7b9;border-left:1px solid #dce4f0;padding-left:9px}
.plan-entitlements{display:grid;gap:11px;margin:0;padding:16px 0;border-top:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7;font-size:12px;line-height:1.6}.plan-entitlements>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.plan-entitlements dt{color:#8797ae}.plan-entitlements dd{margin:0;color:#4b6589;text-align:right;font-weight:500}.plan-entitlements .unavailable{color:#a6b1c2;font-weight:400}.plan-includes{display:flex;flex-wrap:wrap;gap:12px;min-height:37px;padding:13px 0 0;font-size:11px;color:#7192b5}.plan-includes span{display:flex;align-items:center;gap:5px}.plan-includes .icon{width:13px;height:13px;color:#4d9a88}.plan-actions{margin-top:auto;padding-top:17px;display:flex;gap:8px}.plan-actions>.button{flex:1;padding-left:8px;padding-right:8px}
.plan-archive{margin-top:22px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.plan-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:16px 21px;font-size:13px;color:#5c7293;cursor:pointer;list-style:none}.plan-archive>summary::-webkit-details-marker{display:none}.plan-archive>summary>span:first-child{display:flex;align-items:center;gap:9px}.archive-action{display:flex;align-items:center;gap:7px;font-size:11px;color:#8a9bb5}.archive-action .icon{width:15px;height:15px;transform:rotate(90deg);transition:transform .15s}.plan-archive[open] .archive-action .icon{transform:rotate(-90deg)}.plan-archive>.plan-grid{padding:0 20px 20px}.plan-archive .plan-card{background:#fbfcfe}
/* Settings, notifications and integration */
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}.settings-form{padding:23px}.settings-form>p{font-size:12px;color:#8898af;margin:12px 0 23px}.field{display:grid;gap:8px;margin-bottom:18px;color:#5e7392;font-size:12px;line-height:1.6}.field input,.field select,.field textarea{width:100%;max-width:none;min-width:0;height:auto;min-height:40px;border:1px solid #dce5f1;border-radius:7px;padding:10px 12px;background:#fcfdff;color:#365174;font-size:13px;line-height:1.5}.field input[readonly]{background:#f3f6fb;color:#8a99ad}.field textarea{min-height:100px;resize:vertical;line-height:1.8}.field small{font-size:11px;color:#93a1b5;line-height:1.7}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.field-hint{margin:-7px 0 0;font-size:11px}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#637a9a;line-height:1.7;margin-bottom:14px;cursor:pointer}.check input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--blue)}.settings-form form>.group{padding-top:8px;flex-wrap:wrap}
.notice-list{padding:5px 22px 16px;max-height:585px;overflow-y:auto}.notice-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.notice-row:last-child{border:0}.notice-row strong{display:block;font-size:12px;color:#4f6b91;font-weight:550}.notice-row p{font-size:11px;color:#8699b4;margin:5px 0}.notice-row small{font-size:10px;color:#9aa8bd}.notice-row>.pill{flex:none;margin-top:1px}
.integration{padding:24px}.integration>p{font-size:12px;color:#7f93af}.integration>h3{margin-top:27px;margin-bottom:14px}.integration>.table-wrap{padding:0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.step{padding:19px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}.step b{display:block;font-size:11px;color:#6389c8;margin-bottom:12px}.step p{font-size:12px;color:#8b9eb9;margin:9px 0 0}pre{padding:18px;border:1px solid #e2eaf5;border-radius:8px;background:#f5f8fd;color:#607da6;overflow:auto;font:11px/1.9 ui-monospace,SFMono-Regular,monospace}.integration code{font-family:ui-monospace,SFMono-Regular,monospace}
/* Dialogs keep the title and save button in view. */
dialog{width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #dde6f3;border-radius:14px;background:#fff;color:#304967;box-shadow:0 24px 90px #18335829;overflow:hidden}dialog::backdrop{background:#21365055;backdrop-filter:blur(3px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);background:#fff}dialog header h2{font-size:16px}#editorForm{display:flex;flex-direction:column;max-height:calc(100dvh - 118px);margin:0}.editor-body{padding:23px 24px;overflow-y:auto;overscroll-behavior:contain}.editor-body>.form-error{margin-bottom:0}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;flex:none;gap:10px;margin:0;padding:15px 23px;border-top:1px solid var(--line);background:#fbfcfe}.dialog-actions .button{min-width:80px}.form-section{min-width:0;margin:23px 0;padding:18px 0 0;border:0;border-top:1px solid var(--line)}.form-section legend{padding:0 10px 0 0;color:#415e86;font-size:12px;font-weight:600}.form-section .field:last-child,.form-section .check:last-child{margin-bottom:0}.form-advanced{margin:19px 0;border:1px solid #e4ebf4;border-radius:8px;background:#fbfcfe}.form-advanced>summary{padding:13px 14px;color:#8394ad;font-size:11px;cursor:pointer}.form-advanced>.field{margin:0;padding:0 14px 14px}.form-advanced textarea{font:11px/1.7 ui-monospace,monospace;min-height:150px}.form-error{color:#b9635c;font-size:12px;line-height:1.7}.form-error:empty{display:none}
#resultContent{padding:23px 24px;overflow:auto;max-height:calc(100dvh - 118px)}#resultContent p{font-size:12px;color:#8394ae;overflow-wrap:anywhere}#resultContent textarea{width:100%;resize:vertical;min-height:110px;padding:14px;border:1px solid #dce7f7;border-radius:8px;background:#f7faff;color:#416392;font:12px/1.9 ui-monospace,monospace}.code-format-preview{margin:-3px 0 20px;padding:13px 14px;border:1px solid #e2eafa;border-radius:8px;background:#f5f8ff;overflow-wrap:anywhere}.code-format-preview code{display:block;font:600 15px/1.6 ui-monospace,monospace;color:#4a72b2;letter-spacing:.04em}.code-format-preview small{display:block;color:#92a3be;font-size:11px;margin-top:6px}
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 40px);padding:12px 20px;border-radius:9px;background:#2d4263;color:#fff;font-size:12px;line-height:1.6;box-shadow:0 8px 24px #203e5f22}.login-card{max-width:390px;margin:12vh auto;padding:34px;border:1px solid var(--line);border-radius:14px;background:#fff}.login-card h1{font-size:21px;margin:23px 0 27px}.login-card label{display:grid;gap:10px;color:#7a8ca6;font-size:12px}.login-card input{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px}.login-card button{width:100%;margin-top:22px;min-height:42px}.login-card p{font-size:12px;color:#b96c61}
/* Responsive */
@media(min-width:1500px){main{padding-top:34px}.stats{gap:20px}.stat-value{font-size:32px}.plan-card{padding:24px}.plan-price{font-size:33px}.project-grid,.plan-grid{gap:20px}}
@media(max-width:1190px){.sidebar{width:190px;padding:26px 13px 20px}.brand{font-size:17px;gap:9px}.main-shell{margin-left:190px}main{padding:26px 25px}.topbar{padding:0 25px}.page-header{align-items:flex-start}.page-tools{gap:8px}.page-tools select{max-width:140px}.scope-switch button{padding:6px 8px}.project-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}.stat{padding:17px}.stat-value{font-size:26px}.stat-note{font-size:10px}.table-wrap{padding-left:14px;padding-right:14px}.project-card,.plan-card{padding:21px}}
@media(max-width:900px){.sidebar{width:72px;padding:24px 11px}.brand{padding:0 6px;margin-bottom:29px}.brand span,.nav-button span,.sidebar-bottom{display:none}.nav-button{justify-content:center;padding:13px}.main-shell{margin-left:72px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overview-grid,.settings-grid{grid-template-columns:1fr}.ranking{max-height:280px}.steps{grid-template-columns:1fr}.page-tools select{max-width:160px}.page-header{gap:15px}.topbar-actions{gap:8px}.breadcrumb{font-size:11px}}
@media(max-width:650px){main{padding:22px 17px}.topbar{height:60px;padding:0 17px}.topbar .tag{display:none}.page-header{flex-direction:column;margin-bottom:22px}.page-tools{justify-content:space-between;width:100%;gap:8px}.page-tools select{max-width:145px}.scope-switch button{font-size:10px;padding:6px 8px}.project-grid,.plan-grid{grid-template-columns:1fr}.project-card,.plan-card{padding:21px}.toolbar{flex-wrap:wrap;gap:12px}.toolbar .group{flex-wrap:wrap}.search-form{flex:1;min-width:200px}.search{min-width:0;width:100%;flex:1}.stats{gap:12px}.stat{padding:15px}.stat-value{font-size:24px}.stat-top{font-size:11px}.stat-note{font-size:10px}.stat-icon{width:25px;height:25px}.table-wrap{padding-left:10px;padding-right:10px}.card-head,.list-heading{padding-left:17px;padding-right:17px}.chart svg{height:210px}.settings-form,.integration{padding:20px 17px}.field-row{grid-template-columns:1fr;gap:0}.form-section .field-row>.field:last-child{margin-bottom:18px}.plan-archive>summary{padding:15px 17px;font-size:12px}.plan-archive>.plan-grid{padding:0 14px 14px}.main-shell>footer{padding:20px 17px;font-size:10px;flex-wrap:wrap}.demo-notice{align-items:flex-start;font-size:10px}h1{font-size:23px}.breadcrumb span{margin:0 8px}.notice-list{padding-left:17px;padding-right:17px}.notice-row{gap:9px}.notice-row p{overflow-wrap:anywhere}.editor-body,#resultContent{padding:21px 19px}dialog header{padding:14px 18px}.dialog-actions{padding:14px 18px}.login-card{margin:10vh 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Commerce: contained spacing, readable configuration rows and separate actions. */
.commerce-page{display:grid;gap:24px;min-width:0}
.commerce-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.commerce-service{display:flex;flex-direction:column;overflow:hidden}
.commerce-service-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 24px 0}
.commerce-service-title{display:flex;align-items:center;gap:12px;min-width:0}
.commerce-service-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;background:#edf3ff;color:#356be8;border-radius:12px}
.commerce-service-icon svg{width:23px;height:23px}
.commerce-service-title h2{font-size:16px;color:#283b58}
.commerce-service-title p{margin:4px 0 0;font-size:11px;line-height:1.6;color:#8190a6}
.commerce-switch{border:0;background:none;display:inline-flex;align-items:center;gap:8px;flex:none;padding:7px 0;color:#8591a4;font-size:11px;min-height:36px;white-space:nowrap}
.commerce-switch.is-on{color:#238368}
.commerce-switch i{display:block;width:34px;height:20px;border-radius:20px;background:#dbe2ec;position:relative;transition:background .15s}
.commerce-switch i:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;background:white;border-radius:50%;box-shadow:0 1px 3px #263c5e20;transition:transform .15s}
.commerce-switch.is-on i{background:#329d7b}.commerce-switch.is-on i:after{transform:translateX(14px)}
.commerce-service-body{padding:25px 24px 22px;display:flex;flex-direction:column;flex:1}
.commerce-metadata{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px 14px;align-items:start;margin:0;font-size:12px;line-height:1.7}
.commerce-metadata dt{color:#8a98ad}.commerce-metadata dd{margin:0;color:#435975;min-width:0;overflow-wrap:anywhere}
.commerce-identifier{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}
.commerce-connection{display:inline-flex;align-items:center;gap:7px}.commerce-connection:before{content:"";width:6px;height:6px;border-radius:50%;background:#bdc7d5;flex:none}.commerce-connection.ready:before{background:#35a884}
.commerce-technical{margin:19px 0 22px;border-top:1px solid #edf0f5;padding-top:13px;font-size:11px;color:#7e90a9}
.commerce-technical summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:25px;gap:10px}.commerce-technical summary::-webkit-details-marker{display:none}.commerce-technical summary span{transition:transform .15s}.commerce-technical[open] summary span{transform:rotate(180deg)}
.commerce-technical .commerce-metadata{margin-top:17px;font-size:11px}.commerce-technical code{font:11px/1.8 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}
.commerce-copy{display:block;padding:3px 0;border:0;background:none;color:#356be8;font-size:11px;margin-top:4px}
.commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}
.commerce-actions .button{min-height:36px;font-size:12px;padding:8px 14px;color:#57708f;border-color:#dce5f1}
.commerce-service-note{display:block;padding:14px 24px;margin:0;border-top:1px solid #edf0f5;background:#fbfcfe;font-size:11px;line-height:1.7;color:#8a98ad}
.commerce-order-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px 15px}
.commerce-order-head h2{font-size:16px;color:#283b58}.commerce-order-head p{font-size:11px;color:#8a98ad;margin:5px 0 0}
.commerce-order-summary{display:flex;align-items:center;gap:20px;font-size:11px;color:#8393aa;white-space:nowrap}.commerce-order-summary b{font-size:16px;font-weight:600;color:#476385;margin-left:5px;font-variant-numeric:tabular-nums}
.commerce-orders .table-wrap{padding:0 20px 8px}.commerce-orders table{font-size:12px;min-width:730px}.commerce-orders th{font-size:11px;padding-top:13px;padding-bottom:13px}.commerce-orders td{padding-top:17px;padding-bottom:17px;color:#5d7390}.commerce-orders td small{font-size:10px}.commerce-orders .button{font-size:11px}.commerce-orders .pill{font-size:10px}
@media(max-width:1190px){.commerce-status-grid{grid-template-columns:1fr}.commerce-service-head{padding:22px 24px 0}.commerce-service-body{padding-top:23px}.commerce-metadata{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:650px){.commerce-page{gap:18px}.commerce-status-grid{gap:18px}.commerce-service-head{padding:19px 18px 0;gap:10px}.commerce-service-title{gap:10px}.commerce-service-icon{width:36px;height:36px;border-radius:10px}.commerce-service-icon svg{width:20px;height:20px}.commerce-service-title h2{font-size:15px}.commerce-service-title p{font-size:10px;max-width:190px}.commerce-service-body{padding:22px 18px 19px}.commerce-service-note{padding:12px 18px;font-size:10px}.commerce-metadata{grid-template-columns:72px minmax(0,1fr);gap:13px 10px}.commerce-technical{margin-bottom:18px}.commerce-order-head{padding:20px 18px 15px;align-items:flex-start;flex-direction:column;gap:14px}.commerce-order-summary{gap:22px}.commerce-orders .table-wrap{padding:0 12px 8px}.commerce-switch{gap:5px;font-size:10px}}
@media(max-width:420px){.commerce-service-title p{display:none}.commerce-service-head{align-items:center}.commerce-switch i{width:30px}.commerce-switch.is-on i:after{transform:translateX(10px)}.commerce-service-title h2{font-size:14px}}
/* Align commerce with the shared controls and text sizes. */
.commerce-page{gap:20px}.commerce-service-head{padding:22px 22px 0}.commerce-service-body{padding:23px 22px 20px}.commerce-service-note{padding:13px 22px;display:block;line-height:1.8;font-size:11px}.commerce-service-title p{font-size:11px}.commerce-orders td:first-child small{max-width:220px}.commerce-orders td:nth-child(4){max-width:190px;overflow-wrap:anywhere;white-space:normal}.commerce-order-head{padding:22px 22px 15px}.commerce-switch{font-size:11px}.commerce-actions .button{min-height:36px}.commerce-technical code{font-size:11px}.commerce-metadata{font-size:12px}
@media(max-width:650px){.commerce-service-head{padding:19px 18px 0}.commerce-service-body{padding:21px 18px 19px}.commerce-service-note{padding:12px 18px}.commerce-order-head{padding:20px 18px 15px}}

.archive-open{display:none}.plan-archive[open] .archive-closed{display:none}.plan-archive[open] .archive-open{display:inline}
.project-card-head>div{min-width:0}.project-card-head h3,.project-card-head p{overflow-wrap:anywhere}.project-card-head>.pill{flex:none}
@media(max-width:650px){.page-tools{flex-wrap:wrap}.page-tools select{min-width:0;flex:1}.scope-switch{flex:none}.toolbar>.group{gap:7px}.search-form{min-width:0;width:100%}}
/* Multiple Bark recipients */
.bark-page{display:grid;gap:24px}.bark-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px}.bark-overview p{margin:6px 0 0;font-size:12px;color:#8596ae}.bark-recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bark-recipient{padding:22px}.bark-recipient-head{display:flex;align-items:center;gap:10px}.bark-recipient-head h3{overflow-wrap:anywhere}.bark-recipient-head>.pill{margin-left:auto;flex:none}.bark-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#edf3ff;color:#6084c7;font-weight:600}.bark-projects{margin:17px 0 12px;color:#7e91ad;font-size:12px}.bark-events{display:flex;gap:7px;flex-wrap:wrap}.bark-recipient-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.bark-recipient-actions>.button:last-child{margin-left:auto;color:#a36560}.bark-history{max-height:600px;padding-top:12px}.bark-history .notice-row>div{flex:1;min-width:0}.bark-delivery{margin-top:12px;max-width:480px;font-size:11px;color:#8a9bb3}.bark-delivery summary{cursor:pointer;line-height:1.8}.bark-delivery>div{display:flex;gap:12px;align-items:center;padding-top:10px}.bark-delivery>div>span:first-child{min-width:80px}.bark-delivery small{margin:0}
@media(max-width:1050px){.bark-recipient-grid{grid-template-columns:1fr}}@media(max-width:650px){.bark-overview{padding:19px;gap:12px;flex-wrap:wrap}.bark-recipient{padding:19px}.bark-recipient-actions{gap:7px}.bark-delivery>div{flex-wrap:wrap;gap:8px}}