/* Heluma workspace · purple, graphite and clear operational surfaces. */
:root {
  color-scheme: light;
  --purple:#7047d6; --purple-dark:#5832b9; --purple-light:#eee8fc;
  --ink:#262638; --muted:#6d7085; --line:#e5e5ee; --bg:#f5f5f9;
  --surface:#fff; --surface-soft:#f8f8fc; --surface-hover:#f2effa;
  --green:#168267; --green-bg:#e6f5ee; --red:#bb4058; --red-bg:#fcecf0;
  --orange:#a96b14; --orange-bg:#fff4df; --blue:#396bc3; --blue-bg:#eaf0fc;
  --focus:#926bf0; --shadow:0 8px 28px #22213d06; --radius:14px; --sidebar:248px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --purple:#b49af7; --purple-dark:#d2bfff; --purple-light:#342a4f;
  --ink:#eeedf5; --muted:#aaa8bf; --line:#363344; --bg:#1b1923;
  --surface:#24212e; --surface-soft:#2a2736; --surface-hover:#302b40;
  --green:#68d2ad; --green-bg:#203c34; --red:#f28fa1; --red-bg:#472b37;
  --orange:#eac080; --orange-bg:#453a29; --blue:#9dbbfd; --blue-bg:#2a3550;
  --shadow:0 8px 28px #00000012;
}
body { font-size:14px; letter-spacing:-.12px; background:var(--bg); color:var(--ink); }
button { min-height:39px; border-radius:8px; background:var(--surface); color:var(--ink); font-weight:550; }
button:hover { background:var(--surface-hover); border-color:var(--purple); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.primary { background:#7047d6; color:#fff; border-color:#7047d6; box-shadow:0 3px 7px #7047d61c; }
.primary:hover { color:#fff; background:#5c35bf; border-color:#5c35bf; }
.icon { stroke-width:1.8; }
.icon-button { min-height:36px; width:36px; height:36px; background:transparent; }
.skip-link { position:fixed; top:8px; left:270px; z-index:300; padding:12px 20px; background:var(--surface); border:2px solid var(--purple); border-radius:8px; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
#sidebar { background:#242131; border:0; color:#fff; padding:28px 16px 0; z-index:80; }
.brand { color:#fff; padding:0 12px; gap:11px; font-size:30px; letter-spacing:-1.2px; }
.brand strong span { color:#aaa2be; font-size:11px; border:1px solid #51485f; border-radius:4px; padding:2px 4px; margin-left:8px; }
.brand-symbol { border-radius:11px; background:#8c65e6; width:37px; height:37px; font-size:30px; }
.workspace { background:#302c3e; border:1px solid #443b56; margin:30px 0 25px; border-radius:10px; padding:12px 10px; }
.workspace-icon { width:33px; height:35px; background:#4b3a68; color:#d8c4ff; }
.workspace strong { color:#f4f0fa; font-size:12px; max-width:144px; }
.workspace small { color:#b2a8c5; font-size:10px; margin-top:2px; }
.workspace .workspace-status { color:#84c7a3; font-size:9px; }
.nav-label { font-size:9px; color:#a59bb7; margin:0 12px 10px; padding:0; letter-spacing:1.6px; }
#nav { overflow:auto; scrollbar-width:thin; scrollbar-color:#514860 transparent; }
.nav-item { font-size:12px; padding:11px 13px; min-height:42px; margin-bottom:4px; color:#c6bfd4; border-radius:8px; font-weight:450; gap:12px; }
.nav-item .icon { width:18px; height:18px; opacity:.85; }
.nav-item:hover { background:#393247; color:#fff; }
.nav-item.active { background:#7850ce; color:#fff; font-weight:600; box-shadow:0 4px 14px #09071420; }
.nav-item .nav-count { color:#fff; background:#ffffff20; border-radius:5px; font-size:10px; }
.nav-separator { height:21px; }
.sidebar-bottom { padding-top:20px; }
.store-shortcut { display:flex; gap:10px; align-items:center; padding:14px 10px; margin:0 0 16px; color:#e3dbf1; border-top:1px solid #42394f; font-size:11px; }
.store-shortcut>span:last-child { margin-left:auto; color:#b098d8; }
.store-shortcut small { display:block; color:#aaa0bd; font-size:10px; margin-top:3px; }
.store-shortcut .icon { color:#bca0ed; }
.profile { border-top-color:#42394f; padding:18px 3px; margin-top:14px; }
.profile strong { color:#eeebf5; font-size:12px; }
.profile small { color:#b1a5c3; font-size:10px; }
.profile .avatar { background:#4c3b67; color:#dfd0f6; border-radius:10px; }
.profile button { color:#c7b9db; }
.profile button:hover { background:#393247; border-color:#53465f; }
.topbar { height:75px; padding:0 32px; background:var(--surface); border-color:var(--line); }
.breadcrumbs { font-size:12px; gap:12px; }.breadcrumbs strong { color:var(--ink); font-weight:550; }
.top-actions { gap:12px; }.global-search { background:var(--surface-soft); min-width:255px; height:37px; color:var(--muted); font-size:12px; }
.global-search kbd { font-size:10px; background:var(--surface); padding:2px 5px; }
.global-search .icon { width:16px; }.branch { color:var(--muted); font-size:11px; }
.workspace-tabs { display:flex; align-items:stretch; gap:4px; padding:0 32px; min-height:49px; background:var(--surface); border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }
.workspace-tabs button { border:0; border-bottom:2px solid transparent; border-radius:0; min-height:49px; padding:0 14px; font-size:11px; color:var(--muted); background:transparent; white-space:nowrap; }
.workspace-tabs .icon { width:15px; height:15px; }
.workspace-tabs button.active { color:var(--purple); border-bottom-color:var(--purple); background:linear-gradient(0deg,var(--purple-light),transparent); }
.workspace-tabs button:hover { background:var(--surface-hover); color:var(--purple); }
main { padding:30px 32px 24px; max-width:1760px; }
.page-heading { margin-bottom:26px; align-items:center; }.eyebrow { font-size:9px; letter-spacing:1.8px; color:var(--muted); font-weight:650; }
h1 { font-size:29px; letter-spacing:-1px; line-height:1.25; font-weight:650; margin-bottom:8px; }
.page-heading p { font-size:12px; line-height:1.7; max-width:600px; color:var(--muted); }
.heading-actions { gap:10px; }.heading-actions button { min-height:40px; font-size:12px; padding:10px 15px; white-space:nowrap; }
.panel,.kpi { border:1px solid var(--line); background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow); }
.panel-header { padding:23px 24px 19px; }.panel-header h2 { font-size:14px; letter-spacing:-.2px; font-weight:650; }
.panel-header p { font-size:11px; margin-top:5px; line-height:1.5; }.panel-header button { font-size:11px; min-height:32px; }
.kpis { gap:16px; margin-bottom:24px; }.kpi { padding:21px; }.kpi-top { font-size:12px; color:var(--muted); margin-bottom:15px; }
.kpi-icon { background:var(--purple-light); color:var(--purple); width:33px; height:33px; border-radius:9px; }
.kpi-value { font-size:28px; color:var(--ink); letter-spacing:-1px; font-weight:650; font-variant-numeric:tabular-nums; }
.kpi-foot { font-size:11px; color:var(--muted); line-height:1.5; margin-top:10px; }
.dashboard-toolbar { border:0; background:transparent; padding:0; margin:0 0 27px; gap:12px; box-shadow:none; }
.dashboard-filter-tabs { background:var(--surface); padding:4px; border-radius:9px; }.dashboard-filter-tabs button { font-size:11px; height:35px; }
.dashboard-calendar-trigger { min-height:46px; border-radius:9px; }.dashboard-filter-note { font-size:10px; }
.dashboard-section-heading { margin-bottom:14px; }.dashboard-section-heading .eyebrow { font-size:8px; letter-spacing:1.5px; color:var(--muted); }
.dashboard-section-heading h2 { font-size:16px; }.dashboard-financials .kpi { border-radius:12px; padding:20px; }
.dashboard-financials .kpi:first-child { background:#7047d6; border-color:#7047d6; box-shadow:0 8px 22px #7047d61f; }
.dashboard-financials .kpi:first-child .kpi-top,.dashboard-financials .kpi:first-child .kpi-foot { color:#e3d8fa; }
.dashboard-financials .kpi:first-child .kpi-value span { color:#fff; }.dashboard-financials .kpi:first-child .kpi-icon { color:#fff; background:#ffffff20; }
.dashboard-financials .kpi-value { font-size:clamp(22px,2.15vw,32px); margin:10px 0; }.dashboard-financials .kpi-foot { font-size:10px; min-height:29px; }
.dashboard-base-card { border-radius:12px; padding:18px 20px; box-shadow:var(--shadow); }.dashboard-base-card>strong { font-size:27px; }.dashboard-base-card>small { font-size:10px; }
.dashboard-insight-grid,.dashboard-bottom-grid { gap:20px; }.dashboard-insight-grid { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); }
.dashboard-insight-grid .panel,.dashboard-bottom-grid .panel { border-radius:13px; }.dashboard-result-panel .result-total { padding:2px 24px 12px; }
.result-total>span,.result-total>small { display:block; color:var(--muted); font-size:11px; }.result-total>strong { display:block; margin:8px 0 5px; font-size:32px; font-weight:650; letter-spacing:-1px; }
.dashboard-status { padding:3px 24px 22px; gap:18px; }.status-donut { width:162px; height:162px; }.status-legend { gap:10px; }
.registration-track { height:8px; background:var(--surface-soft); }.dashboard-recent-order:hover { background:var(--surface-hover); }
.number-positive,.positive { color:var(--green); }.number-negative { color:var(--red); }
.demo-bar { border-color:var(--line); background:var(--surface); color:var(--muted); font-size:10px; padding:9px 12px; margin:0 0 24px; }
.toolbar { padding:19px 21px; gap:10px; }.toolbar input,.toolbar select,.toolbar button { font-size:12px; min-height:38px; }
.search-field { max-width:350px; }.search-field .icon { color:var(--muted); }.toolbar input[type=date] { max-width:145px; }
input,select,textarea { background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:11px 12px; font-size:13px; min-height:42px; }
input::placeholder { color:var(--muted); opacity:.8; }input:disabled,input[readonly] { background:var(--surface-soft); color:var(--muted); }
input:focus,select:focus,textarea:focus { border-color:var(--purple); outline:2px solid var(--purple-light); outline-offset:1px; }
table { font-size:12px; }th { font-size:10px; letter-spacing:.25px; font-weight:600; padding:13px 19px; background:var(--surface-soft); color:var(--muted); }
td { padding:16px 19px; border-bottom:1px solid var(--line); }tbody tr:hover { background:var(--surface-hover); }td strong { font-weight:550; }
.link-button { font-size:12px; font-weight:600; }.cell-main small { font-size:10px; }.cell-main .avatar { width:31px; height:31px; font-size:10px; background:var(--purple-light); color:var(--purple); border-radius:9px; }
.pill { font-size:10px; padding:4px 9px; border-radius:5px; background:var(--purple-light); color:var(--purple); font-weight:550; }.pill.green { color:var(--green); background:var(--green-bg); }.pill.red { color:var(--red); background:var(--red-bg); }.pill.orange { color:var(--orange); background:var(--orange-bg); }.pill.blue { color:var(--blue); background:var(--blue-bg); }
.table-bottom { padding:15px 21px; font-size:11px; color:var(--muted); }.pagination button { min-height:30px; font-size:11px; }
.pagination .current { color:var(--purple); border-color:var(--line); }.view-tabs { gap:25px; margin-top:4px; }.view-tabs button { font-size:12px; padding:15px 0; }
.sub-kpis { padding:18px 22px; gap:35px; background:var(--surface-soft); }.sub-kpis span { font-size:11px; }.sub-kpis strong { color:var(--ink); font-size:21px; margin-top:4px; }
.empty { color:var(--muted); padding:45px 25px; }.empty h3 { color:var(--ink); }.empty .icon { color:var(--purple); }
.overlay { background:#17112099; backdrop-filter:blur(5px); padding:30px; }.dialog { background:var(--surface); border:1px solid var(--line); border-radius:16px; max-height:90dvh; width:900px; box-shadow:0 30px 100px #100a2850; }
.dialog-header { padding:23px 28px; background:var(--surface); position:sticky; top:0; z-index:3; }.dialog-header h2 { font-size:21px; }.dialog-header .eyebrow { color:var(--purple); font-size:8px; }
.dialog form,.detail-body { padding:25px 28px; }.dialog form form { padding:0; }.form-grid { gap:20px; }label { font-size:12px; color:var(--muted); font-weight:550; }
.form-divider { margin:25px 0 19px; padding-top:20px; }.form-divider h3 { font-size:13px; color:var(--ink); }.form-divider small { display:block; margin-top:5px; font-size:11px; }
.form-actions { flex-wrap:wrap; gap:9px; padding-top:20px; margin-top:24px; }.form-actions button,.button-link { font-size:12px; min-height:40px; }
.button-link { display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.item-row { grid-template-columns:minmax(0,1fr) 80px 115px 38px; gap:10px; }.item-row button { height:42px; min-height:42px; }.item-row label { font-size:11px; }
.order-totals { background:var(--purple-light); padding:19px 20px; border-radius:10px; font-size:13px; }.order-totals strong { color:var(--purple); font-size:25px; }
.info-box { color:var(--purple); background:var(--purple-light); font-size:12px; line-height:1.7; border-radius:9px; }.error-box { color:var(--red); background:var(--red-bg); border-color:var(--red); }
.detail-meta { gap:22px; margin:25px 0; }.detail-meta span { font-size:11px; margin-bottom:4px; }.detail-meta strong { font-size:13px; }.detail-meta .pill { display:inline-flex; font-size:10px; }
.stepper { background:var(--surface-soft); padding:18px; gap:12px; }.stepper div { font-size:11px; color:var(--muted); }.stepper b { background:var(--line); color:var(--muted); }.stepper .done b { background:var(--purple); color:var(--surface); }
.stepper .done { color:var(--purple); }.notice { color:var(--muted); font-size:11px; line-height:1.8; }.settings-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:22px; margin-bottom:22px; }
.settings-form { max-width:none; padding:5px 24px 24px; }.settings-form>.form-actions { margin-top:6px; }.appearance-panel { align-self:start; }
.appearance-options { padding:0 22px 22px; display:grid; gap:10px; }.appearance-option { display:flex; align-items:center; gap:11px; border:1px solid var(--line); border-radius:10px; padding:15px; cursor:pointer; }.appearance-option:has(:checked) { background:var(--purple-light); border-color:var(--purple); }
.appearance-option input { width:16px; height:16px; min-height:0; margin:0; accent-color:var(--purple); }.appearance-option strong { font-size:12px; color:var(--ink); }.appearance-option small { display:block; font-size:10px; margin-top:4px; }
.theme-preview { margin-left:auto; width:35px; height:28px; border-radius:5px; border:1px solid #bcb4ce; background:linear-gradient(90deg,#302b3f 28%,#f4f2fa 28%); }.theme-preview.dark { background:linear-gradient(90deg,#17141f 28%,#383042 28%); }.theme-preview.system { background:linear-gradient(110deg,#302b3f 50%,#f4f2fa 50%); }
.integration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:22px; }.integration-card { border:1px solid var(--line); background:var(--surface-soft); border-radius:10px; padding:17px; margin:12px 0; overflow-wrap:anywhere; }.integration-card h3 { color:var(--ink); font-size:13px; }.integration-card p { font-size:11px; color:var(--muted); }.integration-card small { font-size:11px; line-height:1.7; }.fiscal-key { word-break:break-all; }
.shipping-block { background:var(--surface-soft); border:1px solid var(--line); padding:20px; margin-top:22px; border-radius:12px; }.shipping-block .form-divider { border:0; padding-top:0; margin-top:0; }
.checkbox-field { display:flex; gap:10px; align-items:flex-start; margin:18px 0; }.checkbox-field input { width:16px; height:16px; min-height:0; margin-top:3px; }
.footer { color:var(--muted); padding:17px 32px; font-size:10px; background:var(--surface); margin-top:10px; }.footer b { color:var(--line); }
#connection { font-size:10px; }.history-list { padding:2px 24px 15px; }.history-item { padding:18px 0; }.history-item strong { font-size:13px; }.history-item p { font-size:11px; }
.report-grid .panel { padding:24px; }.rank-row { font-size:12px; gap:16px; }.stock-alert { background:var(--surface); }.stock-alert strong { font-size:12px; }.product-tile { background:var(--purple-light); color:var(--purple); }
#toast { background:#30253f; border:1px solid #6e577f; color:#fff; border-radius:11px; padding:15px 22px; font-size:12px; box-shadow:0 12px 35px #19102633; }
.auth-body { background:radial-gradient(ellipse at 20% 0%,#7047d622,transparent 60%),var(--bg); }.auth-card { background:var(--surface); padding:44px; border-radius:20px; border-color:var(--line); box-shadow:0 20px 80px #30204810; }.auth-card .brand { color:var(--ink); }.auth-card h1 { font-size:33px; }.auth-card p { font-size:13px; }.auth-card small { font-size:11px; }.auth-card label { margin:22px 0; }
.sidebar-backdrop { display:none; }.option-quick-add { font-size:11px; padding:0 8px; min-height:24px; color:var(--purple); border:0; margin-top:5px; }.option-quick-add:hover { background:var(--purple-light); }
.settings-links { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; }.settings-links button { font-size:12px; padding:12px 16px; }
.integration-title { display:flex; gap:9px; align-items:center; color:var(--purple); }.integration-pending { margin-top:16px; color:var(--muted); font-size:11px; }.integration-pending summary { cursor:pointer; color:var(--purple); }.integration-pending ul { padding-left:18px; line-height:1.9; }.integration-grid { margin-top:0; }.auth-theme { position:fixed; top:18px; right:18px; }
.integration-card .form-actions { justify-content:flex-start; flex-wrap:wrap; margin-top:18px; gap:8px; }
.integration-settings-form { display:grid; gap:16px; min-width:0; }
.integration-settings-form .form-grid { min-width:0; }
.integration-settings-form label { min-width:0; }
.integration-settings-form small { color:var(--muted); font-weight:400; font-size:11px; line-height:1.6; }
.integration-settings-form textarea { width:100%; min-width:0; box-sizing:border-box; resize:vertical; }
.integration-settings-form input[type="file"] { max-width:100%; padding:9px; }
.integration-json { font-family:monospace; font-size:12px; line-height:1.6; }
.integration-webhook { overflow-wrap:anywhere; }
@media(min-width:1600px) { main { padding:35px 44px; }.topbar,.workspace-tabs { padding-left:44px; padding-right:44px; } }
@media(max-width:1200px) { :root { --sidebar:224px; }.topbar,.workspace-tabs { padding-left:24px; padding-right:24px; }main { padding:26px 24px; }.global-search { min-width:210px; }.kpi-value { font-size:24px; }.dashboard-financials .kpi { padding:17px; }.kpi-top { font-size:11px; }.dashboard-financials .kpi-value { font-size:24px; }.dashboard-base-card { padding:17px; }.dashboard-base-card>small { font-size:9px; }.workspace strong { max-width:125px; } }
@media(max-width:1000px) { .branch,.top-actions .divider { display:none; }.settings-layout { grid-template-columns:1fr; }.appearance-options { grid-template-columns:repeat(3,minmax(0,1fr)); }.appearance-option { padding:12px; }.theme-preview { display:none; }.dashboard-filter-note { display:none; }.dashboard-insight-grid { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }.status-donut { width:140px; height:140px; }.integration-grid { grid-template-columns:1fr; gap:0; } }
@media(max-width:850px) { :root { --sidebar:0px; }#sidebar { width:260px; box-shadow:none; transform:translateX(-100%); transition:transform .2s; }#sidebar.open { transform:none; box-shadow:12px 0 35px #0003; }.sidebar-backdrop { display:block; position:fixed; inset:0; background:#16102099; border:0; border-radius:0; z-index:70; padding:0; }.sidebar-backdrop:hover { background:#16102099; }.topbar { padding:0 18px; height:65px; }.breadcrumbs { gap:9px; }.global-search { min-width:0; width:36px; padding:8px; border-color:transparent; background:transparent; }.global-search>span,.global-search kbd { display:none; }.top-actions { gap:5px; }.mobile-menu { display:inline-flex; }.workspace-tabs { padding:0 17px; min-height:45px; }.workspace-tabs button { min-height:45px; }.skip-link { left:20px; }main { padding:25px 20px; }.page-heading { gap:15px; }.page-heading h1 { font-size:27px; }.dashboard-insight-grid,.dashboard-bottom-grid { grid-template-columns:1fr; }.dashboard-status { flex-direction:row; padding:15px 24px 26px; }.dashboard-status .status-donut { width:165px; height:165px; }.dashboard-financials .kpi-value { font-size:27px; }.dashboard-base-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-base-card>small { font-size:10px; }.dialog { max-height:93dvh; }.footer { padding:17px 20px; }.kpis { gap:12px; } }
@media(max-width:550px) { body { font-size:14px; }.breadcrumb-root { display:none; }.breadcrumbs>.muted { display:none; }.breadcrumbs strong { font-size:12px; }.topbar { padding:0 12px; }.workspace-tabs { padding:0 10px; }.workspace-tabs button { font-size:10px; padding:0 11px; gap:7px; }main { padding:23px 16px; }.page-heading { align-items:flex-start; flex-direction:column; margin-bottom:22px; gap:17px; }.eyebrow { font-size:8px; }.page-heading h1 { font-size:27px; }.page-heading p { font-size:12px; }.heading-actions { width:100%; justify-content:flex-start; }.heading-actions button { font-size:11px; min-height:40px; padding:9px 12px; }.dashboard-toolbar { padding:0; margin-bottom:23px; }.dashboard-filter-tabs { width:100%; }.dashboard-calendar-trigger { min-height:44px; }.dashboard-section-heading h2 { font-size:15px; }.dashboard-section { margin-bottom:24px; }.dashboard-financials .kpi { padding:15px 13px; }.dashboard-financials .kpi-value { font-size:22px; letter-spacing:-.8px; }.dashboard-financials .kpi-top { font-size:10px; margin-bottom:8px; gap:3px; }.kpi-icon { width:26px; height:26px; }.dashboard-financials .kpi-foot { font-size:10px; min-height:34px; }.dashboard-base-card { padding:15px; }.dashboard-base-card>small { font-size:9px; }.panel-header { padding:20px 18px 16px; }.panel-header h2 { font-size:13px; }.dashboard-result-panel .result-total { padding:5px 18px 10px; }.dashboard-status { gap:20px; padding:12px 18px 23px; }.dashboard-status .status-donut { width:126px; height:126px; }.toolbar { padding:15px; gap:9px; }.search-field { max-width:none; flex-basis:100%; }.toolbar input,.toolbar select { margin-top:0; }.toolbar select { max-width:none; flex:1; }.toolbar input[type=date] { width:calc(50% - 5px); max-width:none; flex:1; }.toolbar-spacer { display:none; }.toolbar button { flex:1; }.sub-kpis { padding:16px; gap:22px; }.sub-kpis strong { font-size:18px; }.view-tabs { padding:0 16px; gap:20px; }.view-tabs button { white-space:nowrap; font-size:11px; }.table-wrap { scrollbar-width:thin; }table { font-size:12px; }th,td { padding:13px 15px; }.table-bottom { font-size:10px; padding:14px 16px; }.pagination { gap:5px; }.pagination button { min-width:28px; }.overlay { padding:0; align-items:flex-end; }.dialog { border-radius:18px 18px 0 0; width:100%; max-height:94dvh; border-bottom:0; padding-bottom:env(safe-area-inset-bottom); }.dialog-header { padding:21px 19px 18px; }.dialog-header h2 { font-size:19px; }.dialog form,.detail-body { padding:21px 18px; }.form-grid { gap:18px; }input,select,textarea { font-size:16px; min-height:44px; }.item-row { grid-template-columns:minmax(0,1fr) 110px 35px; gap:9px; border:1px solid var(--line); border-radius:10px; padding:14px; margin-bottom:12px; background:var(--surface-soft); }.item-row>label:first-child { grid-column:1/-1; }.item-row label { font-size:11px; }.item-row input,.item-row select { font-size:16px; padding:10px; }.item-row button { height:44px; }.form-divider { align-items:flex-start; gap:12px; }.form-divider button { font-size:11px; }.form-actions { justify-content:stretch; }.form-actions button { flex:1; min-height:44px; }.order-totals strong { font-size:24px; }.shipping-block { padding:16px; }.settings-form { padding:0 18px 20px; }.appearance-options { grid-template-columns:1fr; padding:0 18px 18px; }.theme-preview { display:block; }.settings-layout { gap:18px; }.detail-meta { gap:18px; }.detail-meta strong { font-size:12px; }.stepper { overflow-x:auto; flex-wrap:nowrap; padding:14px; gap:15px; }.stepper div { flex-direction:column; gap:7px; white-space:nowrap; font-size:9px; flex:1; }.stepper b { width:25px; height:25px; }.info-box { font-size:11px; }.footer { padding:15px 16px; font-size:9px; gap:12px; }#connection { font-size:9px; }.auth-card { padding:32px 25px; }.auth-card h1 { font-size:31px; }.auth-card .brand { margin-bottom:30px; }.auth-card label { font-size:12px; }.auth-card { width:420px; }.auth-body { padding:20px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; animation:none!important; } }
@media print { :root { --ink:#222; --muted:#555; --surface:#fff; --surface-soft:#fff; --line:#ddd; --purple:#513286; }.workspace-tabs,.skip-link,.sidebar-backdrop { display:none!important; }.dialog-header { position:static; }.dialog { max-height:none; background:#fff; }.overlay { background:#fff; }.dialog-header h2 { color:#222; } }

.paper-options input{min-height:16px}.form-error{padding:12px;color:var(--red);background:var(--red-bg);border:1px solid var(--red);border-radius:8px}