:root {
  --crm-bg:#f5f3f2;
  --crm-card:#fff;
  --crm-dark:#1a2026;
  --crm-text:#202326;
  --crm-muted:#777b80;
  --crm-line:#e6e2df;
  --crm-soft:#f8f6f5;
  --crm-accent:#8e1733;
  --crm-accent-soft:#f7e9ed;
  --crm-ok:#2f8a5a;
  --crm-warn:#9a650a;
  --crm-danger:#a52642;
  --crm-shadow:0 16px 46px rgba(26,32,38,.08);
}

* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { min-width:320px;background:var(--crm-bg); }
body { min-height:100vh;margin:0;background:var(--crm-bg);color:var(--crm-text);font-family:TildaSans,Arial,sans-serif;-webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }

.crm-login { display:grid;min-height:100dvh;padding:28px;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(142,23,51,.13),transparent 34%),linear-gradient(145deg,#11171d,#242d35); }
.crm-login-card { width:min(100%,430px);padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(0,0,0,.28); }
.crm-logo { display:inline-flex;align-items:baseline;color:#fff;font-size:23px;font-style:normal;font-weight:800;letter-spacing:-.04em;text-decoration:none; }
.crm-logo b { margin-left:2px;color:#c0274a; }
.crm-logo em { margin-left:10px;color:#aeb4ba;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.12em; }
.crm-logo-login { color:var(--crm-dark);font-size:29px; }
.crm-kicker,.crm-page-heading p,.crm-card-heading p { margin:0;color:var(--crm-accent);font-size:11px;line-height:1.2;font-weight:750;letter-spacing:.09em;text-transform:uppercase; }
.crm-login h1 { margin:17px 0 8px;color:var(--crm-dark);font-size:28px;line-height:1.12;letter-spacing:-.03em; }
.crm-login-copy { margin:0 0 24px;color:var(--crm-muted);font-size:14px;line-height:1.5; }
.crm-login-form { display:grid;gap:10px; }
.crm-login-form label { color:#3d4247;font-size:12px;font-weight:700; }
.crm-password-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px; }
.crm-login-form input,.crm-toolbar input,.crm-toolbar select,.crm-order-actions input,.crm-order-actions select,.crm-chat-head select,.crm-chat-composer textarea {
  min-width:0;border:1px solid #d9d5d2;border-radius:10px;background:#fff;color:var(--crm-text);outline:0;
}
.crm-login-form input { height:46px;padding:0 13px; }
.crm-login-form input:focus,.crm-toolbar input:focus,.crm-toolbar select:focus,.crm-order-actions input:focus,.crm-order-actions select:focus,.crm-chat-head select:focus,.crm-chat-composer textarea:focus { border-color:var(--crm-accent);box-shadow:0 0 0 3px rgba(142,23,51,.09); }
.crm-login-form > .crm-button { width:100%;margin-top:5px; }
.crm-login-note { margin:18px 0 0;color:#8c8f93;font-size:11px;line-height:1.45; }
.crm-alert,.crm-global-alert { border:1px solid #edc0ca;border-radius:10px;background:#fff3f6;color:var(--crm-danger);font-size:12px;line-height:1.45; }
.crm-alert { margin-top:14px;padding:10px 12px; }
.crm-global-alert { margin-bottom:14px;padding:11px 13px; }

.crm-button,.crm-icon-button,.crm-card-heading button { display:inline-flex;min-height:38px;padding:0 13px;align-items:center;justify-content:center;border:1px solid #d8d4d1;border-radius:9px;background:#fff;color:#303438;font-size:12px;font-weight:700; }
.crm-button:hover,.crm-icon-button:hover,.crm-card-heading button:hover { border-color:var(--crm-accent);color:var(--crm-accent); }
.crm-button-primary { min-height:46px;border-color:var(--crm-accent);background:var(--crm-accent);color:#fff; }
.crm-button-primary:hover { border-color:#761129;background:#761129;color:#fff; }
.crm-button:disabled,.crm-icon-button:disabled { opacity:.48;cursor:default; }

.crm-app { min-height:100dvh; }
.crm-topbar { position:sticky;z-index:100;top:0;display:flex;height:64px;padding:0 20px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(26,32,38,.98);box-shadow:0 4px 18px rgba(16,20,24,.12); }
.crm-topbar-actions { display:flex;align-items:center;gap:8px; }
.crm-topbar .crm-icon-button { border-color:rgba(255,255,255,.2);background:transparent;color:#f3f3f3; }
.crm-topbar .crm-icon-button:hover { border-color:#fff;color:#fff; }
.crm-mobile-menu { display:none;width:40px;height:40px;padding:0;border:0;background:transparent;color:#fff;font-size:22px; }
.crm-sync { display:inline-flex;align-items:center;gap:8px;margin-right:5px;color:#c9ced2;font-size:11px;font-weight:650; }
.crm-sync i { width:8px;height:8px;border-radius:50%;background:#49b77a;box-shadow:0 0 0 4px rgba(73,183,122,.12); }
.crm-sync.is-loading i { background:#d5a23d;animation:crm-pulse 1s infinite; }
.crm-sync.is-error i { background:#bf3c58; }
@keyframes crm-pulse { 50% { opacity:.35; } }

.crm-layout { display:grid;min-height:calc(100dvh - 64px);grid-template-columns:224px minmax(0,1fr); }
.crm-sidebar { position:sticky;top:64px;display:flex;height:calc(100dvh - 64px);padding:18px 12px 14px;flex-direction:column;justify-content:space-between;border-right:1px solid #30383f;background:var(--crm-dark);color:#fff; }
.crm-sidebar nav { display:grid;gap:6px; }
.crm-nav-button { display:grid;width:100%;min-height:46px;padding:0 12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:#d9dcdf;text-align:left;font-size:13px;font-weight:650; }
.crm-nav-button:hover { background:rgba(255,255,255,.07);color:#fff; }
.crm-nav-button.is-active { background:var(--crm-accent);color:#fff;box-shadow:0 9px 24px rgba(142,23,51,.28); }
.crm-nav-icon { display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:7px;font-size:15px; }
.crm-nav-count { display:grid;min-width:24px;height:22px;padding:0 6px;place-items:center;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font-size:10px; }
.crm-nav-count-accent:not(:empty) { background:#fff;color:var(--crm-accent); }
.crm-sidebar-footer { display:grid;padding:12px;color:#d3d6d8;font-size:12px;font-weight:700; }
.crm-sidebar-footer small { margin-top:3px;color:#818991;font-size:10px;font-weight:600; }
.crm-sidebar-backdrop { display:none; }

.crm-content { min-width:0;padding:24px; }
.crm-view { width:100%;max-width:1600px;margin:0 auto; }
.crm-page-heading { display:flex;margin-bottom:18px;align-items:flex-end;justify-content:space-between;gap:16px; }
.crm-page-heading h1 { margin:3px 0 0;color:var(--crm-dark);font-size:27px;line-height:1.1;letter-spacing:-.035em; }
.crm-page-heading > span { color:var(--crm-muted);font-size:11px; }

.crm-stat-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.crm-stat-card { min-height:132px;padding:17px;border:1px solid var(--crm-line);border-radius:14px;background:var(--crm-card);box-shadow:0 8px 24px rgba(26,32,38,.035); }
.crm-stat-card > span { color:var(--crm-muted);font-size:12px;font-weight:650; }
.crm-stat-card strong { display:block;margin-top:14px;color:var(--crm-dark);font-size:31px;line-height:1;font-weight:750;letter-spacing:-.04em; }
.crm-stat-card small { display:block;margin-top:10px;color:#999a9b;font-size:10px; }
.crm-stat-card-accent { border-color:var(--crm-accent);background:var(--crm-accent); }
.crm-stat-card-accent span,.crm-stat-card-accent strong,.crm-stat-card-accent small { color:#fff; }
.crm-overview-grid { display:grid;margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.crm-card { min-width:0;overflow:hidden;border:1px solid var(--crm-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(26,32,38,.035); }
.crm-card-heading { display:flex;padding:16px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--crm-line); }
.crm-card-heading h2 { margin:3px 0 0;font-size:17px;line-height:1.2; }
.crm-card-heading button { min-height:34px; }
.crm-compact-list { min-height:220px; }
.crm-compact-item { display:grid;width:100%;min-height:69px;padding:11px 15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:0;border-bottom:1px solid #efedeb;background:#fff;color:inherit;text-align:left; }
.crm-compact-item:last-child { border-bottom:0; }
.crm-compact-item:hover { background:#fbf9f8; }
.crm-compact-item strong { display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.crm-compact-item small { display:block;margin-top:4px;overflow:hidden;color:var(--crm-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap; }

.crm-toolbar { display:flex;margin-bottom:12px;padding:10px;align-items:center;gap:8px;border:1px solid var(--crm-line);border-radius:12px;background:#fff; }
.crm-search { display:grid;min-width:250px;flex:1;grid-template-columns:24px minmax(0,1fr);align-items:center;color:#929598; }
.crm-search input { width:100%;height:40px;padding:0 9px;border:0;box-shadow:none!important; }
.crm-toolbar select { height:40px;padding:0 34px 0 11px; }
.crm-workspace { display:grid;min-height:650px;overflow:hidden;grid-template-columns:360px minmax(0,1fr);border:1px solid var(--crm-line);border-radius:14px;background:#fff;box-shadow:var(--crm-shadow); }
.crm-record-list { min-width:0;max-height:calc(100dvh - 190px);overflow:auto;border-right:1px solid var(--crm-line);scrollbar-gutter:stable; }
.crm-record-button { display:block;width:100%;padding:14px;border:0;border-bottom:1px solid #efedeb;background:#fff;color:inherit;text-align:left; }
.crm-record-button:hover { background:#fbf9f8; }
.crm-record-button.is-active { background:var(--crm-accent-soft);box-shadow:inset 3px 0 0 var(--crm-accent); }
.crm-record-title { display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }
.crm-record-title strong { min-width:0;overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap; }
.crm-record-meta { margin-top:6px;color:var(--crm-muted);font-size:10px;line-height:1.45; }
.crm-record-preview { margin-top:6px;overflow:hidden;color:#555a5f;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.crm-record-detail { min-width:0;max-height:calc(100dvh - 190px);padding:20px;overflow:auto;scrollbar-gutter:stable; }
.crm-empty { display:grid;min-height:120px;padding:20px;place-items:center;color:#95989b;font-size:12px;text-align:center; }
.crm-empty-large { min-height:450px; }

.crm-pill { display:inline-flex;min-height:25px;padding:0 8px;align-items:center;border-radius:999px;background:#f0f1f2;color:#555a5e;font-size:9px;font-weight:750;white-space:nowrap; }
.crm-pill.is-ok { background:#e8f5ed;color:#27774f; }
.crm-pill.is-warn { background:#fff3dc;color:#8b5c0a; }
.crm-pill.is-danger { background:#fae9ed;color:#9c2942; }
.crm-pill.is-accent { background:var(--crm-accent-soft);color:var(--crm-accent); }
.crm-pill.is-blue { background:#e9f0fa;color:#35629a; }

.crm-detail-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.crm-detail-heading h2 { margin:0;font-size:22px;line-height:1.15;letter-spacing:-.025em; }
.crm-detail-heading p { margin:5px 0 0;color:var(--crm-muted);font-size:10px; }
.crm-info-grid { display:grid;margin-top:15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
.crm-info-tile { min-width:0;padding:11px;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-soft); }
.crm-info-tile span { display:block;color:var(--crm-muted);font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase; }
.crm-info-tile strong,.crm-info-tile a { display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--crm-text);font-size:12px;font-weight:700;text-decoration:none; }
.crm-info-tile a:hover { color:var(--crm-accent);text-decoration:underline; }
.crm-order-actions { display:grid;margin-top:14px;padding:11px;grid-template-columns:210px minmax(180px,1fr) auto;gap:8px;border:1px solid var(--crm-line);border-radius:11px;background:#fff; }
.crm-order-actions select,.crm-order-actions input { height:40px;padding:0 11px; }
.crm-section-title { margin:20px 0 8px;font-size:14px; }
.crm-order-item { display:grid;padding:10px 0;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #efedeb; }
.crm-order-item:last-child { border-bottom:0; }
.crm-order-item img { width:58px;height:58px;border:1px solid var(--crm-line);border-radius:9px;background:#fff;object-fit:contain; }
.crm-order-item strong { display:block;font-size:12px;line-height:1.35; }
.crm-order-item small { display:block;margin-top:4px;color:var(--crm-muted);font-size:10px; }
.crm-order-item > b { font-size:12px;white-space:nowrap; }
.crm-payment-list,.crm-history { display:grid;gap:7px; }
.crm-history-row { display:grid;grid-template-columns:15px minmax(0,1fr);gap:8px; }
.crm-history-dot { width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--crm-accent);box-shadow:0 0 0 3px var(--crm-accent-soft); }
.crm-history-row strong { font-size:11px; }
.crm-history-row p { margin:3px 0 0;color:var(--crm-muted);font-size:10px;line-height:1.4; }
.crm-note { padding:12px;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-soft);white-space:pre-wrap;color:#555a5f;font-size:11px;line-height:1.5; }

.crm-support-workspace { height:clamp(520px,calc(100dvh - 190px),720px);min-height:0;grid-template-columns:340px minmax(0,1fr); }
.crm-support-workspace > .crm-record-list,.crm-support-workspace > .crm-chat-detail { height:100%;max-height:none; }
.crm-chat-detail { display:flex;padding:0;overflow:hidden; }
.crm-chat-shell { display:flex;min-width:0;min-height:0;height:100%;flex:1;flex-direction:column; }
.crm-chat-head { padding:15px;border-bottom:1px solid var(--crm-line);background:#fff; }
.crm-chat-head-top { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
.crm-chat-head h2 { margin:0;font-size:16px; }
.crm-chat-head p { margin:4px 0 0;color:var(--crm-muted);font-size:10px; }
.crm-chat-head-actions { display:flex;margin-top:10px;align-items:center;gap:7px;flex-wrap:wrap; }
.crm-chat-head select { height:36px;padding:0 30px 0 10px;font-size:11px; }
.crm-chat-messages { min-height:0;padding:16px;overflow:auto;flex:1;background:linear-gradient(180deg,#fbfaf9,#f6f3f1); }
.crm-message { width:min(76%,650px);margin:0 0 10px; }
.crm-message.is-support { margin-left:auto; }
.crm-message-bubble { padding:10px 12px;border:1px solid #e1ddda;border-radius:13px 13px 13px 4px;background:#fff;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere; }
.crm-message.is-support .crm-message-bubble { border-color:var(--crm-dark);border-radius:13px 13px 4px 13px;background:var(--crm-dark);color:#fff; }
.crm-message-meta { margin-top:4px;padding:0 3px;color:#8d8f91;font-size:9px; }
.crm-message.is-support .crm-message-meta { text-align:right; }
.crm-attachment { display:grid;margin-bottom:8px;padding:7px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(142,23,51,.17);border-radius:9px;background:#faf6f7;color:var(--crm-text);text-decoration:none; }
.crm-attachment img { width:52px;height:52px;border-radius:7px;background:#fff;object-fit:contain; }
.crm-attachment strong { display:block;font-size:11px;line-height:1.3; }
.crm-attachment small { display:block;margin-top:3px;color:var(--crm-muted);font-size:9px; }
.crm-chat-composer { padding:12px;border-top:1px solid var(--crm-line);background:#fff;flex:0 0 auto; }
.crm-chat-composer textarea { width:100%;min-height:76px;max-height:180px;padding:11px;resize:vertical;font-size:12px;line-height:1.45; }
.crm-composer-row { display:flex;margin-top:8px;align-items:center;justify-content:space-between;gap:10px; }
.crm-composer-row small { color:var(--crm-muted);font-size:9px; }

.crm-merch-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.crm-merch-card { overflow:visible; }
.crm-merch-body { padding:16px; }
.crm-merch-body h3,.crm-collection-form h3 { margin:18px 0 8px;font-size:13px; }
.crm-field { display:grid;gap:6px;color:#454a4f;font-size:11px;font-weight:700; }
.crm-field input,.crm-field select { width:100%;height:42px;padding:0 11px;border:1px solid #d9d5d2;border-radius:9px;background:#fff;color:var(--crm-text);outline:0; }
.crm-field input:focus,.crm-field select:focus { border-color:var(--crm-accent);box-shadow:0 0 0 3px rgba(142,23,51,.09); }
.crm-help { margin:8px 0 13px;color:var(--crm-muted);font-size:10px;line-height:1.5; }
.crm-merch-search { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px; }
.crm-merch-search input { min-width:0;height:40px;padding:0 11px;border:1px solid #d9d5d2;border-radius:9px;outline:0; }
.crm-merch-results { display:grid;max-height:260px;margin-top:8px;overflow:auto;border-radius:10px; }
.crm-search-result { display:grid;width:100%;min-height:58px;padding:7px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--crm-line);background:#faf9f8;color:inherit;text-align:left; }
.crm-search-result:hover { background:var(--crm-accent-soft); }
.crm-search-result img { width:44px;height:44px;border-radius:7px;background:#fff;object-fit:contain; }
.crm-result-placeholder { display:grid;width:44px;height:44px;place-items:center;border-radius:7px;background:var(--crm-dark);color:#fff;font-size:10px;font-weight:800; }
.crm-search-result strong,.crm-search-result small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.crm-search-result strong { font-size:11px; }.crm-search-result small { margin-top:3px;color:var(--crm-muted);font-size:9px; }
.crm-search-result b { color:var(--crm-accent);font-size:10px; }
.crm-sort-list { display:grid;max-height:390px;overflow:auto;border:1px solid var(--crm-line);border-radius:10px;background:#fff; }
.crm-sort-row { display:grid;min-height:58px;padding:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--crm-line); }
.crm-sort-row:last-child { border-bottom:0; }
.crm-sort-row > img { width:42px;height:42px;border-radius:7px;background:#fff;object-fit:contain; }
.crm-sort-index { display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--crm-soft);color:var(--crm-accent);font-size:10px;font-weight:800; }
.crm-sort-copy { min-width:0; }.crm-sort-copy strong,.crm-sort-copy small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.crm-sort-copy strong { font-size:11px; }.crm-sort-copy small { margin-top:3px;color:var(--crm-muted);font-size:9px; }
.crm-sort-actions { display:flex;gap:4px; }.crm-sort-actions button { width:29px;height:29px;padding:0;border:1px solid var(--crm-line);border-radius:7px;background:#fff;color:#3e4348; }
.crm-sort-actions button:hover { border-color:var(--crm-accent);color:var(--crm-accent); }.crm-sort-actions button:disabled { opacity:.3;cursor:default; }
.crm-empty-small { min-height:78px; }
.crm-collections-card { margin-top:14px; }
.crm-collections-layout { display:grid;min-height:560px;grid-template-columns:300px minmax(0,1fr); }
.crm-collection-list { border-right:1px solid var(--crm-line);background:#faf9f8; }
.crm-collection-button { display:grid;width:100%;min-height:67px;padding:11px 13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--crm-line);background:transparent;color:inherit;text-align:left; }
.crm-collection-button:hover { background:#fff; }.crm-collection-button.is-active { background:var(--crm-accent-soft);box-shadow:inset 3px 0 0 var(--crm-accent); }
.crm-collection-button strong,.crm-collection-button small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.crm-collection-button strong { font-size:12px; }.crm-collection-button small { margin-top:4px;color:var(--crm-muted);font-size:9px; }.crm-collection-button b { color:var(--crm-accent);font-size:10px; }
.crm-collection-editor { min-width:0;padding:18px; }.crm-collection-form-head { display:flex;align-items:center;justify-content:space-between;gap:10px; }.crm-collection-form-head h3 { margin:0; }
.crm-form-grid { display:grid;margin:14px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.crm-image-row { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px; }.crm-image-row > img { width:68px;height:52px;border:1px solid var(--crm-line);border-radius:8px;object-fit:cover; }
.crm-upload-button { cursor:pointer; }.crm-check { display:flex;margin:12px 0;align-items:center;gap:8px;color:#454a4f;font-size:11px;font-weight:650; }
.crm-save-strip { position:sticky;z-index:20;bottom:10px;display:flex;margin-top:14px;padding:10px 12px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--crm-line);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(26,32,38,.12);backdrop-filter:blur(8px); }
.crm-save-strip span { color:var(--crm-muted);font-size:10px; }

.crm-system-banner { display:flex;margin-bottom:14px;padding:14px 16px;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid rgba(142,23,51,.2);border-radius:12px;background:var(--crm-accent-soft); }
.crm-system-banner strong { color:var(--crm-accent);font-size:13px;line-height:1.35; }
.crm-system-banner span { max-width:620px;color:#575b5f;font-size:11px;line-height:1.45;text-align:right; }
.crm-system-details { margin-top:14px; }
.crm-system-detail-body { display:grid;padding:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.crm-system-row { min-width:0;padding:12px;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-soft); }
.crm-system-row span { display:block;color:var(--crm-muted);font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase; }
.crm-system-row strong { display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--crm-text);font-size:12px;line-height:1.4; }

@media (max-width:1180px) {
  .crm-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .crm-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .crm-workspace { grid-template-columns:310px minmax(0,1fr); }
  .crm-merch-grid { grid-template-columns:1fr; }
}

@media (max-width:860px) {
  .crm-topbar { padding:0 10px; }
  .crm-mobile-menu { display:block; }
  .crm-topbar > .crm-logo { margin-right:auto; }
  .crm-sync { display:none; }
  .crm-layout { grid-template-columns:1fr; }
  .crm-sidebar { position:fixed;z-index:220;top:64px;bottom:0;left:0;width:230px;height:auto;transform:translateX(-105%);transition:transform .22s ease; }
  .crm-sidebar.is-open { transform:translateX(0); }
  .crm-sidebar-backdrop { position:fixed;z-index:210;inset:64px 0 0;display:block;background:rgba(9,12,15,.45);opacity:0;pointer-events:none;transition:opacity .22s ease; }
  .crm-sidebar-backdrop.is-open { opacity:1;pointer-events:auto; }
  .crm-content { padding:16px 12px; }
  .crm-overview-grid { grid-template-columns:1fr; }
  .crm-workspace,.crm-support-workspace { min-height:0;grid-template-columns:1fr; }
  .crm-support-workspace { height:auto; }
  .crm-support-workspace > .crm-record-list { height:auto;max-height:340px; }
  .crm-support-workspace > .crm-chat-detail { height:auto;max-height:none; }
  .crm-record-list { max-height:340px;border-right:0;border-bottom:1px solid var(--crm-line); }
  .crm-record-detail { max-height:none;min-height:500px; }
  .crm-chat-shell { min-height:620px; }
  .crm-collections-layout { grid-template-columns:1fr; }
  .crm-collection-list { display:flex;max-width:100%;overflow-x:auto;border-right:0;border-bottom:1px solid var(--crm-line); }
  .crm-collection-button { min-width:230px;border-right:1px solid var(--crm-line); }
}

@media (max-width:560px) {
  .crm-login { padding:12px; }
  .crm-login-card { padding:25px 20px;border-radius:17px; }
  .crm-topbar { height:58px; }
  .crm-topbar .crm-icon-button { min-height:34px;padding:0 9px;font-size:10px; }
  .crm-logo { font-size:20px; }
  .crm-layout { min-height:calc(100dvh - 58px); }
  .crm-sidebar { top:58px; }
  .crm-sidebar-backdrop { inset:58px 0 0; }
  .crm-page-heading { align-items:flex-start; }
  .crm-page-heading h1 { font-size:23px; }
  .crm-page-heading > span { display:none; }
  .crm-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
  .crm-stat-card { min-height:110px;padding:13px; }
  .crm-stat-card strong { margin-top:11px;font-size:26px; }
  .crm-toolbar { align-items:stretch;flex-direction:column; }
  .crm-search { min-width:0;width:100%; }
  .crm-toolbar select { width:100%; }
  .crm-record-detail { padding:13px; }
  .crm-info-grid { grid-template-columns:1fr 1fr;gap:6px; }
  .crm-order-actions { grid-template-columns:1fr; }
  .crm-order-item { grid-template-columns:52px minmax(0,1fr); }
  .crm-order-item img { width:52px;height:52px; }
  .crm-order-item > b { grid-column:2; }
  .crm-chat-detail { padding:0; }
  .crm-message { width:88%; }
  .crm-composer-row { align-items:flex-end;flex-direction:column; }
  .crm-composer-row .crm-button { width:100%; }
  .crm-form-grid { grid-template-columns:1fr; }
  .crm-image-row { grid-template-columns:1fr auto; }.crm-image-row > img { grid-column:1 / -1;width:100%;height:130px; }
  .crm-save-strip { align-items:stretch;flex-direction:column; }.crm-save-strip .crm-button { width:100%; }
  .crm-page-heading #crmSaveShowcase { display:none; }
  .crm-system-banner { flex-direction:column; }
  .crm-system-banner span { text-align:left; }
  .crm-system-detail-body { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .crm-sidebar,.crm-sidebar-backdrop,.crm-sync.is-loading i { transition:none;animation:none; }
}