/* Shared site treatment, scoped to the remaining pages. Commerce layouts stay independent. */
.home-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; padding:34px 0 32px; }
.home-intro-copy h1 { font-size:24px; }
.home-intro-copy .page-description { max-width:500px; line-height:1.9; margin-top:13px; }
.home-intro-copy .button-row { margin-top:24px; flex-wrap:wrap; gap:10px; }
.home-specs { display:flex; flex-wrap:wrap; gap:10px 16px; color:var(--muted); font-size:10px; margin-top:22px; }
.home-specs span + span { border-left:1px solid var(--line); padding-left:16px; }
.home-workflow { background:var(--paper); border:1px solid var(--line); border-radius:7px; padding:22px 24px; }
.home-workflow h2 { font-size:13px; }
.home-workflow ol { list-style:none; margin:0; padding:0; }
.home-workflow li { display:flex; gap:14px; padding:14px 0; border-top:1px solid var(--line); }
.home-workflow li:last-child { padding-bottom:0; }
.home-workflow li > span { font:11px/2 "SFMono-Regular",monospace; color:var(--green); }
.home-workflow strong { font-size:12px; }
.home-workflow p { color:var(--muted); font-size:11px; margin-top:3px; line-height:1.8; }
.home-services { margin-top:18px; }
.home-service-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.home-service { display:flex; align-items:flex-start; gap:15px; padding:23px; background:var(--paper); border:1px solid var(--line); border-radius:7px; }
.home-service .small-icon { padding:9px; }
.home-service h3 { font-size:14px; }
.home-service p { font-size:12px; color:var(--muted); line-height:1.9; margin-top:7px; max-width:390px; }
.output-tags { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.output-tags span { font-size:10px; border:1px solid var(--line); border-radius:3px; color:var(--muted); padding:2px 7px; }
.home-service .text-link { font-size:11px; }
.home-delivery { display:grid; grid-template-columns:1fr 1.1fr; gap:60px; margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
.home-delivery p:not(.overline) { color:var(--muted); font-size:12px; line-height:1.9; margin-top:9px; }
.home-shortcuts { display:grid; }
.home-shortcuts a { display:grid; grid-template-columns:90px 1fr 15px; gap:18px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; }
.home-shortcuts a:hover { color:var(--green); }
.home-shortcuts small { color:var(--muted); font-size:11px; }
.home-shortcuts a:last-child { border:0; }
.auth-layout { display:grid; grid-template-columns:1fr 420px; gap:90px; max-width:950px; margin:55px auto 75px; align-items:center; }
.auth-introduction .page-description { margin-top:12px; }
.auth-benefits { list-style:none; padding:0; margin:30px 0; display:grid; gap:22px; }
.auth-benefits li { display:flex; align-items:flex-start; gap:12px; }
.auth-benefits .icon { color:var(--green); margin-top:2px; }
.auth-benefits strong { font-size:12px; }
.auth-benefits p { color:var(--muted); font-size:11px; margin-top:5px; line-height:1.8; }
.auth-card { border:1px solid var(--line); border-top:3px solid var(--green); background:var(--paper); border-radius:7px; padding:28px; }
.auth-card h2 { font-size:15px; }
.auth-hint { font-size:11px; color:var(--muted); line-height:1.8; margin:12px 0 22px; }
.auth-card .error-text { color:var(--red); }
.site-auth-form { display:grid; gap:17px; }
.site-auth-form label { font-size:11px; color:var(--ink); }
.site-auth-form input { display:block; width:100%; min-height:37px; border:1px solid var(--line); border-radius:5px; background:var(--paper); padding:8px 11px; font-size:12px; margin-top:6px; }
.site-auth-form input::placeholder { color:var(--muted); }
.field-optional { float:right; font-size:10px; color:var(--muted); }
.auth-submit-actions { display:flex; gap:10px; margin-top:5px; }
.auth-submit-actions > .button { flex:1; }
.auth-footnote { padding-top:18px; margin-top:20px; border-top:1px solid var(--line); font-size:10px; color:var(--muted); line-height:1.8; }
/* Keep the workspace and admin structure while replacing their legacy visual tokens. */
.workspace-page, .admin-page { --bg:var(--canvas); --panel:var(--paper); --surface:#f5f8f5; --blue:var(--green); --blue-deep:var(--green-dark); font-family:inherit; background:var(--canvas); }
.workspace-page .shell, .admin-page .admin-shell { width:100%; margin:0; padding:0; gap:20px; }
.workspace-page .shell { grid-template-columns:minmax(0,1fr) 320px; }
.workspace-page :is(.panel,.monitor,.account-panel,.admin-panel),
.admin-page :is(.admin-sidebar,.admin-hero,.admin-metrics article,.admin-toolbar,.admin-table-panel,.admin-editor,.admin-insight,.admin-setting-section) { box-shadow:none; border-radius:7px; border-color:var(--line); }
.workspace-page :is(.panel,.monitor,.account-panel) { padding:20px; }
.workspace-page h2, .admin-page h2 { font-size:14px; }
.workspace-page .eyebrow, .admin-page .eyebrow { color:var(--muted); font-size:10px; font-weight:400; letter-spacing:.6px; }
.workspace-health { display:flex; flex-wrap:wrap; gap:8px; }
:is(.workspace-page,.admin-page) .health-pill { min-height:26px; border-radius:4px; padding:4px 8px; font-size:10px; font-weight:500; box-shadow:none; gap:6px; }
:is(.workspace-page,.admin-page) .health-pill::before { width:5px; height:5px; box-shadow:none; }
:is(.workspace-page,.admin-page) :is(.primary,.secondary) { width:auto; min-height:34px; padding:7px 12px; border-radius:5px; font-size:12px; font-weight:500; box-shadow:none; position:static; line-height:1.5; }
:is(.workspace-page,.admin-page) .primary { background:var(--green); border:1px solid var(--green); color:white; }
:is(.workspace-page,.admin-page) .primary:hover { background:var(--green-dark); }
:is(.workspace-page,.admin-page) .secondary:hover { background:var(--surface); }
:is(.workspace-page,.admin-page) label { font-size:11px; gap:5px; }
:is(.workspace-page,.admin-page) input:not([type="checkbox"]):not([type="file"]),
:is(.workspace-page,.admin-page) select { border-radius:5px; min-height:34px; padding:7px 9px; font-size:12px; line-height:1.5; }
:is(.workspace-page,.admin-page) input[type="checkbox"] { accent-color:var(--green); width:14px; height:14px; flex-basis:14px; }
.workspace-dashboard { margin-bottom:18px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.workspace-page .dashboard-metric { padding:13px 16px; border-radius:5px; background:var(--paper); gap:3px; }
.workspace-page .dashboard-metric :is(span,small) { font-size:10px; font-weight:400; }
.workspace-page .dashboard-metric strong { font-size:18px; font-weight:500; }
.workspace-page .account-head { gap:12px; align-items:center; }
.workspace-orders-link { margin-left:auto; }
.workspace-page .account-head p { font-size:11px; overflow-wrap:anywhere; }
.workspace-page .account-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.workspace-page .account-metric { background:transparent; border:0; border-left:1px solid var(--line); border-radius:0; padding:0 13px; }
.workspace-page .account-metric:first-child { border:0; padding-left:0; }
.workspace-page .account-metric strong { font-size:16px; }
.workspace-page .account-metric span { font-size:10px; }
.workspace-page .step-title { gap:10px; margin-bottom:14px; }
.workspace-page .step-title > span { width:23px; height:23px; flex-basis:23px; background:var(--green-tint); border:1px solid #d8e4db; color:var(--green); border-radius:5px; font-size:11px; font-weight:500; }
.workspace-page .step-title p { font-size:11px; margin-top:3px; }
.workspace-page .dropzone { position:relative; min-height:108px; border:1px dashed #b5c9bc; padding:18px; border-radius:5px; margin-bottom:24px; background:#f8faf8; }
.workspace-page .dropzone input { display:block; position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.workspace-page .dropzone:focus-within { outline:2px solid var(--green); outline-offset:3px; }
.workspace-page .dropzone strong { font-size:13px; font-weight:500; }
.workspace-page .dropzone span { font-size:11px; margin-top:4px; }
.workspace-page .mode-grid { gap:9px; }
.workspace-page .mode { min-height:68px; padding:12px 13px; border-radius:5px; background:#fff; font-size:12px; font-weight:500; }
.workspace-page .mode span { font-size:10px; font-weight:400; margin-top:5px; line-height:1.7; }
.workspace-page .mode.active { border-color:#789c87; background:#f3f8f3; box-shadow:none; color:var(--green-dark); }
.workspace-page .switches { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.workspace-page .switches label { min-height:53px; padding:10px; border-radius:5px; font-size:11px; background:#fff; }
.workspace-page .switches strong { font-weight:500; }
.workspace-page .switches small { font-size:10px; }
.workspace-page .advanced { background:var(--paper); border-radius:5px; }
.workspace-page .advanced summary, .workspace-page .log-panel summary { padding:11px 13px; font-size:11px; font-weight:500; }
.workspace-page .grid { gap:13px; padding:14px; grid-template-columns:1fr 1fr; }
.workspace-page .field-note { font-size:10px; line-height:1.8; }
.workspace-page #jobForm > .primary { margin-top:18px; }
.workspace-page .summary { font-size:11px; margin-top:9px; }
.workspace-page .monitor { top:20px; }
.workspace-page .task { font-size:11px; padding:13px; border-radius:5px; margin-bottom:14px; }
.workspace-page .task strong { font-size:13px; }
.workspace-page .task .status-help { font-size:11px; }
.workspace-page .progress-track { height:5px; background:#e3ece5; }
.workspace-page .progress-bar { background:var(--green); }
.workspace-page .actions .secondary { width:100%; font-size:11px; }
.workspace-page .downloads { background:#f6f9f6; border-color:var(--line); border-radius:5px; padding:12px; }
.workspace-page :is(.download-head,.download-empty) strong { font-size:13px; }
.workspace-page :is(.download-head,.download-empty) span { font-size:11px; line-height:1.8; }
.workspace-page .download-link { padding:10px; border-radius:5px; box-shadow:none; }
.workspace-page .download-link.primary-download { background:#fff; border-color:#b9ccbe; }
.workspace-page .download-title { font-size:12px; font-weight:500; }
.workspace-page :is(.download-desc,.download-meta,.download-action) { font-size:10px; }
.workspace-page .download-action { background:var(--green-tint); font-weight:500; border-radius:3px; }
.workspace-page .service-details { margin-bottom:12px; }
.workspace-page .system-status { font-size:10px; border:0; margin:0; background:#fff; line-height:1.8; overflow-wrap:anywhere; }
.workspace-page .log-panel { border-radius:5px; }
.workspace-page .history-item { border-left-width:3px; border-radius:5px; font-size:11px; }
.workspace-page :is(.history-item span,.history-item small,.history-empty,.logs,.admin-message) { font-size:10px; }
.workspace-page .error-text { font-size:11px; font-weight:500; }
.admin-page .admin-shell { grid-template-columns:150px minmax(0,1fr); }
.admin-page .admin-sidebar { top:20px; padding:15px 12px; gap:20px; }
.admin-page .admin-sidebar h2 { font-size:13px; }
.admin-page .admin-tabs { gap:5px; }
.admin-page .admin-tabs button { padding:8px 10px; border-radius:4px; font-size:12px; font-weight:500; }
.admin-page .admin-tabs button.active { background:var(--green-tint); border-color:#d5e2d8; color:var(--green); }
.admin-page .admin-operator { padding:10px; border-radius:4px; background:#f7f9f7; }
.admin-page .admin-operator :is(span,strong) { font-size:10px; }
.admin-page .admin-hero { padding:17px 19px; }
.admin-page .admin-hero h2 { font-size:17px; margin:3px 0 5px; }
.admin-page .admin-hero p:not(.eyebrow) { font-size:11px; }
.admin-page .admin-metrics { gap:10px; }
.admin-page .admin-metrics article { padding:13px 15px; gap:4px; }
.admin-page .admin-metrics :is(span,small) { font-size:10px; }
.admin-page .admin-metrics strong { font-size:20px; font-weight:500; }
.admin-page .admin-toolbar { padding:13px 16px; grid-template-columns:minmax(160px,1fr) 130px 130px; gap:12px; }
.admin-page .admin-workbench { grid-template-columns:minmax(0,1fr) 260px; gap:14px; }
.admin-page .admin-table { min-width:510px; font-size:11px; }
.admin-page .admin-table :is(th,td) { padding:9px 11px; }
.admin-page .admin-table th { font-size:10px; font-weight:500; }
.admin-page .admin-table td small { font-size:10px; }
.admin-page .admin-table tr:hover, .admin-page .admin-table tr.selected { background:#f0f6f1; }
.admin-page .admin-table strong { font-weight:500; }
.admin-page .admin-editor { padding:15px; gap:12px; }
.admin-page .admin-editor-head h2 { font-size:14px; }
.admin-page .admin-editor-actions { gap:6px; }
.admin-page .admin-editor-actions button { font-size:11px; padding:7px 9px; }
.admin-page .admin-status { font-size:10px; font-weight:500; min-height:22px; padding:2px 6px; border-radius:4px; }
.admin-page .admin-insight { padding:17px; }
.admin-page .section-head h2 { font-size:13px; }
.admin-page .section-head p { font-size:10px; }
.admin-page .admin-todo-list button { padding:11px; border-radius:5px; font-weight:500; font-size:12px; }
.admin-page .admin-todo-list span { font-size:10px; font-weight:400; }
.admin-page .admin-feed li { padding:10px 12px; border-radius:5px; font-size:11px; }
.admin-page .admin-feed span { font-size:10px; }
.admin-page .admin-config-item { padding:12px; border-radius:5px; }
.admin-page .admin-config-item :is(span,strong) { font-size:10px; overflow-wrap:anywhere; }
.admin-page .admin-form-grid { gap:11px; }
.admin-page .admin-note { font-size:10px; }
.admin-page .admin-setting-section { padding:17px; }
@media (max-width:1100px) {
  .home-intro { gap:32px; }
  .auth-layout { gap:45px; grid-template-columns:1fr 380px; }
  .admin-page .admin-workbench { grid-template-columns:minmax(0,1fr); }
  .admin-page .admin-editor .admin-form-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  .workspace-page .shell { grid-template-columns:minmax(0,1fr); }
  .workspace-page .monitor { position:static; }
  .workspace-page .dashboard-panel { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .admin-page .admin-shell { grid-template-columns:minmax(0,1fr); }
  .admin-page .admin-sidebar { position:static; display:flex; align-items:center; gap:20px; }
  .admin-page .admin-sidebar-head { display:none; }
  .admin-page .admin-tabs { display:flex; flex-wrap:wrap; flex:1; }
  .admin-page .admin-tabs button { width:auto; min-width:55px; }
  .admin-page .admin-operator { display:none; }
  .admin-page .admin-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .home-intro { gap:24px; }
  .home-delivery { gap:30px; }
  .auth-layout { grid-template-columns:1fr 360px; gap:32px; }
}
@media (max-width:720px) {
  .home-intro { grid-template-columns:1fr; padding-top:25px; }
  .home-intro-copy .page-description { max-width:100%; }
  .home-services { margin-top:10px; }
  .home-delivery { grid-template-columns:1fr; gap:16px; }
  .auth-layout { grid-template-columns:1fr; gap:28px; max-width:440px; margin:28px auto 35px; }
  .auth-benefits { display:none; }
  .auth-introduction > .text-link { margin-top:14px; }
  .admin-page .admin-toolbar { grid-template-columns:1fr 1fr; }
  .admin-page .admin-search { grid-column:1/-1; }
}
@media (max-width:580px) {
  .home-intro-copy h1, .auth-introduction h1 { font-size:21px; }
  .home-intro-copy .button-row { margin-top:19px; }
  .home-service-grid { grid-template-columns:1fr; gap:12px; }
  .home-service { padding:18px; gap:12px; }
  .home-service h3 { font-size:13px; }
  .home-service p { font-size:11px; }
  .home-workflow { padding:19px; }
  .home-workflow p { font-size:11px; }
  .home-specs { font-size:9px; gap:8px; }
  .home-specs span + span { padding-left:8px; }
  .home-shortcuts a { grid-template-columns:80px 1fr 12px; gap:10px; }
  .home-shortcuts small { font-size:10px; }
  .auth-card { padding:22px; }
  .workspace-page :is(.panel,.monitor,.account-panel) { padding:16px; }
  .workspace-page .dashboard-panel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .workspace-page .dashboard-metric { padding:11px 13px; }
  .workspace-page .dashboard-metric strong { font-size:16px; }
  .workspace-page .mode-grid { grid-template-columns:1fr; }
  .workspace-page .mode { min-height:57px; }
  .workspace-page .grid { grid-template-columns:1fr; padding:12px; }
  .workspace-page .switches { grid-template-columns:1fr 1fr; }
  .workspace-page .switches label { padding:9px; }
  .workspace-page .account-head { flex-wrap:wrap; }
  .workspace-page .account-head > div { width:100%; }
  .workspace-orders-link { margin-left:0; margin-right:auto; }
  .workspace-page .account-metric strong { font-size:14px; }
  .workspace-page .account-metric { padding:0 9px; }
  .workspace-health { gap:6px; }
  .admin-page .admin-sidebar { padding:9px; }
  .admin-page .admin-tabs { gap:2px; }
  .admin-page .admin-tabs button { padding:8px 9px; min-width:44px; font-size:11px; }
  .admin-page .admin-metrics { grid-template-columns:1fr 1fr; gap:9px; }
  .admin-page .admin-metrics article { padding:12px; }
  .admin-page .admin-hero { display:flex; flex-wrap:wrap; padding:15px; }
  .admin-page .admin-actions { justify-content:flex-start; }
  .admin-page .admin-actions :is(.primary,.secondary) { width:auto; font-size:11px; }
  .admin-page .admin-editor .admin-form-grid { grid-template-columns:1fr; }
  .admin-page .admin-config-grid { grid-template-columns:1fr 1fr; }
  .admin-page .admin-table { min-width:510px; }
}
.workspace-page #accountHint a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }
@media (min-width:1101px) {
  .admin-page .admin-table-panel, .admin-page .admin-editor { max-height:640px; overflow:auto; }
  .admin-page .admin-editor { align-content:start; }
}

/* qian.asia: warm neutral surfaces, deep ocean blue controls and a restrained copper accent. */
body.theme-qian {
  --canvas:#f4f3f0;
  --paper:#fffefa;
  --ink:#202c34;
  --muted:#66747b;
  --faint:#77838a;
  --line:#dde1df;
  --green:#315f78;
  --green-dark:#244a61;
  --green-tint:#eaf1f4;
  --brand-accent:#a66c3f;
  --red:#a9473f;
  background:var(--canvas);
}
.theme-qian .brand b,
.theme-qian .overline { color:var(--brand-accent); }
.theme-qian .brand-mark { border-color:#7894a4; background:#f8fbfc; color:var(--green-dark); }
.theme-qian .site-header { border-top:2px solid var(--green-dark); }
.theme-qian ::selection { background:#dce8ed; }
.theme-qian.workspace-page,
.theme-qian.admin-page { --surface:#f0f3f4; }
.theme-qian.workspace-page .step-title > span { border-color:#cfdee5; }
.theme-qian.workspace-page .dropzone { border-color:#aabfc9; background:#f7fafb; }
.theme-qian.workspace-page .mode.active { border-color:#789bac; background:#eef4f7; }
.theme-qian.workspace-page .progress-track { background:#dce7eb; }
.theme-qian.workspace-page .downloads { background:#f3f7f8; }
.theme-qian.workspace-page .download-link.primary-download { border-color:#afc5cf; }
.theme-qian.admin-page .admin-tabs button.active { border-color:#cfdee5; }
.theme-qian.admin-page .admin-table tr:hover,
.theme-qian.admin-page .admin-table tr.selected { background:#edf3f5; }
.theme-qian .auth-card { border-top-color:var(--brand-accent); }
.theme-qian .plan-card:hover { border-color:#aabfc9; box-shadow:0 3px 12px #243f4d08; }
.theme-qian .plan-card.is-recommended { border-color:#789bac; background:#fbfdfd; }
.theme-qian .button-secondary { border-color:#d7dedf; background:#fffefa; }
.theme-qian .button-secondary:hover { border-color:#abbcc4; background:#f1f5f6; }
.theme-qian .checkout-steps .is-complete span { border-color:#aac0ca; }
.theme-qian .payment-option:has(input:checked) { border-color:#789bac; background:#f0f5f7; }