:root { --paper:#fffdf9; --panel:#f7f0e7; --line:#dfd1c1; --text:#241b14; --muted:#786554; --accent:#b8572f; --accent-dark:#8f3f1c; --danger:#9d3737; --green:#2f6b4f; --shadow:0 24px 70px rgba(71,40,18,.12); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at top left,rgba(184,87,47,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(47,107,79,.16),transparent 25%),linear-gradient(135deg,#efe5d7,#f7f2ea 52%,#ebe3d6); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
.app-shell { display:grid; grid-template-columns:280px 1fr; min-height:100vh; }
.sidebar { display:flex; flex-direction:column; border-right:1px solid rgba(120,101,84,.16); background:rgba(255,253,249,.9); backdrop-filter:blur(18px); padding:28px 20px 20px; }
.brand { padding:0 8px 28px; }
.brand h1,.page-heading h2,.chat-header h3,.card h3 { margin:0; font-family:Georgia,"Times New Roman",serif; }
.brand h1 { font-size:30px; letter-spacing:-.04em; }
.brand-note,.helper,.guide-card p { color:var(--muted); line-height:1.7; }
.eyebrow { margin:0 0 8px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase; font-size:12px; }
.main-nav { display:grid; gap:8px; }
.nav-item { display:flex; align-items:center; gap:14px; width:100%; border:1px solid transparent; border-radius:16px; background:transparent; color:var(--muted); padding:14px 14px; text-align:left; transition:180ms ease; }
.nav-item span { color:#ae9983; font-size:12px; }
.nav-item:hover,.nav-item.active { border-color:rgba(184,87,47,.2); background:#fff4e8; color:var(--accent-dark); transform:translateX(3px); }
.sidebar-footer { display:flex; align-items:center; gap:8px; margin-top:auto; padding:16px 8px 0; color:var(--muted); font-size:13px; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#4e9b6c; box-shadow:0 0 0 5px rgba(78,155,108,.12); }
.icon-button { margin-left:auto; border:0; background:transparent; color:var(--accent); font-size:20px; }
.workspace { padding:28px; overflow:auto; }
.page { display:none; max-width:1500px; margin:0 auto; animation:rise .24s ease both; }
.page.active { display:block; }
@keyframes rise { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.page-heading { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:22px; }
.page-heading h2 { font-size:38px; letter-spacing:-.05em; }
.heading-actions,.form-columns { display:flex; gap:10px; }
.card { background:rgba(255,253,249,.88); border:1px solid rgba(220,207,191,.95); border-radius:24px; box-shadow:var(--shadow); }
.session-layout { display:grid; grid-template-columns:230px minmax(0,1fr) 330px; gap:16px; min-height:calc(100vh - 135px); }
.conversation-panel { padding:12px; overflow:auto; }
.conversation-list { display:flex; flex-direction:column; gap:8px; }
.conversation-item { border:1px solid transparent; border-radius:17px; background:var(--panel); padding:13px; text-align:left; color:var(--text); transition:180ms ease; }
.conversation-item:hover,.conversation-item.active { border-color:rgba(184,87,47,.3); background:#fff6ef; transform:translateY(-1px); }
.conversation-top,.panel-title-row,.composer-actions,.switch-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.conversation-item p,.conversation-item span { display:block; margin:6px 0 0; color:var(--muted); font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-panel { display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; min-height:600px; }
.chat-header,.composer,.order-panel,.form-card,.guide-card,.table-card { padding:20px; }
.message-list { overflow:auto; padding:0 20px 20px; }
.message { display:flex; margin-top:14px; }.message.customer { justify-content:flex-start; }.message.assistant { justify-content:flex-end; }
.message-bubble { max-width:78%; border-radius:20px; padding:13px 15px; line-height:1.65; background:#f0e6d8; }.message.assistant .message-bubble { background:linear-gradient(135deg,#c96336,#a64d28); color:#fff; }.message-bubble p,.message-bubble span { margin:0; }.message-bubble span { display:block; margin-top:7px; font-size:11px; opacity:.7; }
.composer textarea,.code-editor,.text-input { width:100%; border:1px solid var(--line); border-radius:15px; background:#fffdfa; color:var(--text); padding:12px 13px; }.composer textarea { min-height:100px; resize:vertical; }.code-editor { min-height:150px; resize:vertical; }.large-editor { min-height:480px; }
.composer-actions { justify-content:flex-end; margin-top:10px; }.primary-button,.ghost-button,.danger-button { border-radius:999px; padding:10px 16px; transition:180ms ease; }.primary-button { border:1px solid var(--accent); background:var(--accent); color:#fff; }.primary-button:hover { background:var(--accent-dark); }.ghost-button { border:1px solid rgba(184,87,47,.25); background:#fff; color:var(--accent-dark); }.ghost-button:hover { background:#fff4e8; }.danger-button { border:1px solid rgba(157,55,55,.25); background:#fff3f2; color:var(--danger); }.full-button { width:100%; margin-top:10px; }
.badge,.tag,.section-mark { display:inline-flex; align-items:center; border-radius:999px; padding:5px 10px; font-size:12px; }.badge { background:rgba(184,87,47,.12); color:var(--accent-dark); }.tag.danger { background:rgba(157,55,55,.12); color:var(--danger); }.tag.success { background:rgba(47,107,79,.12); color:var(--green); }.tag.muted { background:#eee8df; color:var(--muted); }.section-mark { color:var(--muted); background:var(--panel); letter-spacing:.08em; }
.detail-grid { display:grid; gap:12px; }.detail-grid div { display:flex; justify-content:space-between; gap:10px; font-size:13px; }.detail-grid span,.stat-line,label { color:var(--muted); }
.settings-grid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; }.wide-card { grid-column:span 1; }.form-card { display:flex; flex-direction:column; gap:9px; }.guide-card { align-self:start; }.form-columns { align-items:end; }.form-columns > div { flex:1; }.switch-row { justify-content:flex-start; padding:8px 0; color:var(--muted); }.switch-row input { accent-color:var(--accent); }
.stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }.stat-card { padding:18px 20px; border:1px solid var(--line); border-radius:18px; background:rgba(255,253,249,.7); }.stat-card span { display:block; color:var(--muted); font-size:13px; }.stat-card strong { display:block; margin-top:7px; font-size:28px; font-family:Georgia,"Times New Roman",serif; }
.result-box { min-height:44px; margin-top:12px; padding:12px; border-radius:14px; background:#f7f0e7; color:var(--green); white-space:pre-wrap; word-break:break-all; }.cards-table { margin-top:16px; }.cards-table .panel-title-row { margin-bottom:10px; }.table-row { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:10px; padding:12px 0; border-top:1px solid #eee5da; font-size:13px; }.card-code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }.available { color:var(--green); }.used { color:var(--muted); }
.shop-list { display:grid; gap:9px; }.shop-item { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; border:1px solid transparent; border-radius:15px; background:var(--panel); padding:13px; text-align:left; color:var(--text); }.shop-item:hover,.shop-item.active { border-color:rgba(184,87,47,.3); background:#fff6ef; }.shop-item strong,.shop-item span { display:block; }.shop-item span { margin-top:4px; color:var(--muted); font-size:12px; }.shop-item .tag { display:inline-flex; white-space:nowrap; }
.empty-state { display:grid; place-items:center; min-height:100%; color:var(--muted); }
@media (max-width:1100px) { .app-shell { grid-template-columns:220px 1fr; }.session-layout { grid-template-columns:220px minmax(0,1fr); }.order-panel { grid-column:span 2; }.settings-grid { grid-template-columns:1fr; }.form-columns { flex-direction:column; align-items:stretch; } }
@media (max-width:720px) { .app-shell { display:block; }.sidebar { position:sticky; top:0; z-index:5; padding:16px; }.brand { padding-bottom:14px; }.brand-note { display:none; }.main-nav { grid-template-columns:repeat(3,1fr); }.nav-item { justify-content:center; padding:10px 5px; font-size:12px; }.nav-item span { display:none; }.sidebar-footer { display:none; }.workspace { padding:16px; }.page-heading h2 { font-size:30px; }.session-layout { grid-template-columns:1fr; }.order-panel { grid-column:auto; }.stats-row { grid-template-columns:1fr; }.heading-actions { flex-wrap:wrap; } }

.conversation-panel { padding:8px; }
.conversation-list { gap:5px; }
.conversation-item { border-radius:13px; padding:9px 10px; }
.conversation-item strong { font-size:13px; }
.conversation-item p,.conversation-item span { margin-top:3px; font-size:11px; }
.conversation-item span { max-width:190px; }
.chat-header { padding:14px 18px; }
.chat-header h3 { font-size:19px; }
.message-list { padding:0 18px 14px; }
.message { margin-top:10px; }
.message-bubble { max-width:70%; border-radius:16px; padding:9px 12px; font-size:13px; line-height:1.5; }
.message-bubble span { margin-top:5px; font-size:10px; }
.composer { padding:12px 16px 16px; }
.composer textarea { min-height:76px; }
.composer-toolbar { display:flex; align-items:center; gap:7px; margin-top:8px; }
.tool-button { border:0; border-radius:9px; background:#f5eee5; color:var(--accent-dark); padding:7px 10px; font-size:12px; }
.tool-button:hover { background:#fff0df; }
.attachment-name { color:var(--green); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.emoji-picker { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:7px; padding:7px; border:1px solid var(--line); border-radius:12px; background:#fffdfa; }
.emoji-picker button { border:0; border-radius:7px; background:transparent; padding:5px 7px; font-size:18px; }
.emoji-picker button:hover { background:#f5eee5; }
.hidden { display:none !important; }
.order-actions { display:flex; gap:8px; margin-top:16px; }
.order-actions button { flex:1; padding:8px 9px; font-size:12px; }
.detail-block { display:block !important; padding-top:3px; }
.order-product { display:flex; justify-content:space-between; gap:8px; padding-top:6px; }
.order-product span,.muted-text { color:var(--muted); font-weight:400; }
.logistics-track { margin-top:7px; border-left:2px solid var(--line); padding-left:9px; }
.logistics-track p { margin:5px 0; line-height:1.4; }
.logistics-track p span { display:block; color:var(--muted); font-size:11px; }
.message-media { display:block; max-width:220px; max-height:180px; margin-bottom:7px; border-radius:11px; object-fit:cover; }
.knowledge-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.knowledge-toolbar .helper { margin:0; }
.knowledge-list { display:grid; gap:13px; }
.knowledge-item { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:13px; padding:17px; }
.knowledge-number { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#fff0df; color:var(--accent-dark); font-size:13px; }
.knowledge-fields { display:grid; gap:6px; }
.knowledge-fields label { margin-top:2px; font-size:12px; }
.knowledge-fields .text-input { margin-bottom:3px; }
.delete-knowledge { align-self:start; padding:8px 11px; }

.knowledge-compose { display:grid; grid-template-columns:280px minmax(0,1fr) auto; align-items:end; gap:12px; padding:15px; }
.knowledge-compose > div { display:grid; gap:6px; }
.knowledge-compose .text-input { margin:0; }
.compact-editor { width:100%; min-height:44px; max-height:90px; resize:vertical; border:1px solid var(--line); border-radius:14px; background:#fffdfa; color:var(--text); padding:10px 12px; }
.knowledge-hint { margin:9px 3px 13px; font-size:12px; }
.knowledge-list { gap:8px; }
.knowledge-item { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 14px; }
.knowledge-summary { min-width:0; }
.knowledge-summary p { margin:6px 0 0; color:var(--text); font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.keyword-chips { display:flex; flex-wrap:wrap; gap:5px; }
.keyword-chips span { border-radius:999px; background:#fff0df; color:var(--accent-dark); padding:3px 8px; font-size:11px; }
.knowledge-actions { display:flex; flex-shrink:0; gap:6px; }
.knowledge-actions button { padding:7px 10px; font-size:12px; }
.compact-empty { min-height:100px; border:1px dashed var(--line); border-radius:16px; }
@media (max-width:900px) { .knowledge-compose { grid-template-columns:1fr; align-items:stretch; } }

/* Keep long conversation lists inside the workspace instead of stretching the page. */
@media (min-width: 1101px) {
  .session-layout {
    height: calc(100vh - 135px);
    min-height: 620px;
  }

  .conversation-panel {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .chat-panel,
  .order-panel {
    height: 100%;
    min-height: 0;
  }
}

.conversation-panel {
  scrollbar-width: thin;
  scrollbar-color: rgba(184, 87, 47, 0.45) transparent;
}

.conversation-panel::-webkit-scrollbar {
  width: 7px;
}

.conversation-panel::-webkit-scrollbar-track {
  background: transparent;
}

.conversation-panel::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(184, 87, 47, 0.42);
  background-clip: padding-box;
}

.conversation-panel::-webkit-scrollbar-thumb:hover {
  background: rgba(143, 63, 28, 0.68);
  background-clip: padding-box;
}
.sound-settings { display:grid; gap:15px; margin-bottom:8px; padding:15px; border:1px solid var(--line); border-radius:17px; background:#fffaf4; }
.sound-volume-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; }
.volume-setting,.sound-tone-setting { display:grid; gap:8px; }
.sound-tone-setting select { appearance:auto; min-height:44px; }
.volume-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.volume-heading strong { color:var(--accent-dark); font-size:13px; }
.volume-slider { width:100%; height:7px; margin:7px 0 10px; border-radius:999px; accent-color:var(--accent); cursor:pointer; }
@media (max-width:720px) { .sound-volume-row { grid-template-columns:1fr; align-items:stretch; }.sound-volume-row .ghost-button { width:100%; } }
.logout-button { margin-left:auto; border:1px solid rgba(157,55,55,.2); border-radius:999px; background:#fff7f5; color:var(--danger); padding:7px 10px; font-size:12px; white-space:nowrap; }
.logout-button:hover { background:#fff0ed; }
.login-page { overflow-x:hidden; }
.login-shell { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr); align-items:center; gap:clamp(42px,8vw,120px); width:min(1120px,calc(100% - 48px)); min-height:100vh; margin:0 auto; padding:52px 0; }
.login-intro { position:relative; padding:42px 0 42px 38px; }
.login-intro::before { content:""; position:absolute; inset:0 auto 0 0; width:7px; border-radius:999px; background:linear-gradient(180deg,var(--accent),#d69a69 58%,var(--green)); }
.login-intro h1 { max-width:650px; margin:0; font:700 clamp(48px,7vw,88px)/.98 Georgia,"Times New Roman",serif; letter-spacing:-.055em; }
.login-intro > p:not(.eyebrow) { max-width:520px; margin:28px 0; color:var(--muted); font-size:17px; line-height:1.85; }
.login-security-note { display:inline-flex; align-items:center; gap:10px; padding:9px 14px; border:1px solid rgba(47,107,79,.18); border-radius:999px; background:rgba(255,253,249,.6); color:var(--green); font-size:13px; }
.login-security-note span { width:8px; height:8px; border-radius:50%; background:#4e9b6c; box-shadow:0 0 0 5px rgba(78,155,108,.12); }
.login-card { padding:clamp(30px,4vw,48px); border:1px solid rgba(120,101,84,.18); border-radius:30px; background:rgba(255,253,249,.9); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.login-card-heading h2 { margin:0; font:700 42px/1.1 Georgia,"Times New Roman",serif; letter-spacing:-.04em; }
.login-card-heading > p:last-child { margin:12px 0 28px; color:var(--muted); line-height:1.7; }
.login-form { display:grid; gap:10px; }
.login-form label { margin-top:6px; font-size:13px; }
.password-field { position:relative; }
.password-field .text-input { padding-right:66px; }
.password-field button { position:absolute; top:50%; right:10px; transform:translateY(-50%); border:0; background:transparent; color:var(--accent-dark); padding:7px; font-size:12px; }
.login-error { min-height:22px; margin:2px 0 0; color:var(--danger); font-size:13px; line-height:1.55; }
.login-submit { width:100%; min-height:48px; margin-top:2px; }
.login-submit:disabled { cursor:wait; opacity:.68; }
.login-footnote { margin:18px 0 0; color:var(--muted); font-size:12px; text-align:center; }
@media (max-width:820px) { .login-shell { grid-template-columns:1fr; gap:20px; width:min(560px,calc(100% - 30px)); padding:28px 0; }.login-intro { padding:18px 0 18px 24px; }.login-intro h1 { font-size:clamp(42px,13vw,62px); }.login-intro > p:not(.eyebrow) { margin:18px 0; font-size:15px; }.login-card { padding:28px 22px; border-radius:24px; } }
@media (max-width:720px) { .sidebar-footer { display:flex; justify-content:flex-end; margin-top:8px; padding:8px 0 0; }.sidebar-footer .status-dot,.sidebar-footer #runtimeStatus,.sidebar-footer #scanOrdersBtn { display:none; }.logout-button { margin-left:0; } }
.chat-header { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.chat-customer-heading { min-width:0; }
.mobile-back-button { display:none; }
@media (max-width:720px) {
  [data-page-view="sessions"] .session-layout { display:block; min-height:0; }
  [data-page-view="sessions"] .conversation-panel { max-height:calc(100dvh - 255px); min-height:360px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; }
  [data-page-view="sessions"] .chat-panel,
  [data-page-view="sessions"] .order-panel { display:none; }
  [data-page-view="sessions"] .session-layout.mobile-chat-open .conversation-panel { display:none; }
  [data-page-view="sessions"] .session-layout.mobile-chat-open .chat-panel { display:grid; height:calc(100dvh - 185px); min-height:500px; }
  [data-page-view="sessions"] .session-layout.mobile-chat-open .order-panel { display:block; margin-top:12px; }
  body.mobile-chat-active [data-page-view="sessions"] > .page-heading { display:none; }
  .chat-header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px 12px; padding:12px 14px; }
  .mobile-back-button { display:inline-flex; grid-column:1 / -1; justify-self:start; border:0; background:transparent; color:var(--accent-dark); padding:2px 0 4px; font-size:13px; }
  .chat-customer-heading { grid-column:1; }
  .chat-header #toggleHumanBtn { grid-column:2; padding:8px 11px; font-size:12px; }
  .message-list { min-height:0; }
  .composer-actions { flex-wrap:wrap; }
  .composer-actions button { flex:1 1 150px; }
}
.conversation-top time { color:var(--muted); font-size:10px; white-space:nowrap; }
.conversation-item.needs-human { border-color:rgba(157,55,55,.45); border-left:5px solid var(--danger); background:linear-gradient(135deg,#fff0ed,#fff8f1); box-shadow:0 9px 22px rgba(157,55,55,.11); }
.human-intervention { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:7px; border-radius:9px; background:var(--danger); color:#fff; padding:6px 8px; }
.conversation-item .human-intervention strong { font-size:11px; letter-spacing:.04em; }
.conversation-item .human-intervention span { display:block; max-width:125px; margin:0; color:#fff; font-size:10px; text-align:right; }
.compact-select { min-height:41px; border:1px solid var(--line); border-radius:999px; background:#fffdfa; color:var(--text); padding:0 14px; }
.aftersale-note { margin:-8px 0 18px; border-left:4px solid #d49a48; border-radius:0 12px 12px 0; background:#fff7e8; color:#745326; padding:11px 14px; font-size:13px; line-height:1.6; }
.aftersale-stats { margin-bottom:16px; }
.aftersale-list { display:grid; gap:13px; }
.aftersale-card { padding:18px 20px; border-left:5px solid var(--line); }
.aftersale-card.stage-pending { border-left-color:#d49a48; }
.aftersale-card.stage-returning,.aftersale-card.stage-refund { border-left-color:var(--accent); }
.aftersale-card.stage-completed { border-left-color:var(--green); }
.aftersale-card.stage-error { border-left-color:var(--danger); }
.aftersale-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:15px; }
.aftersale-card-head h3 { margin-top:8px; font-size:19px; }
.refund-amount { color:var(--accent-dark); font:700 24px/1 Georgia,"Times New Roman",serif; white-space:nowrap; }
.aftersale-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px 18px; }
.aftersale-details > div { min-width:0; border-top:1px solid rgba(223,209,193,.7); padding-top:9px; }
.aftersale-details span,.aftersale-details strong { display:block; }
.aftersale-details span { margin-bottom:5px; color:var(--muted); font-size:11px; }
.aftersale-details strong { overflow-wrap:anywhere; font-size:13px; line-height:1.55; }
.aftersale-details .wide-detail { grid-column:1/-1; }
.error-detail strong { color:var(--danger); }
.aftersale-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:15px; }
.form-divider { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:12px 0 2px; border-top:1px solid var(--line); padding-top:16px; }
.form-divider span { color:var(--muted); font-size:11px; text-align:right; }
.warning-switch { border-radius:13px; background:#fff7e8; padding:10px 12px; }
.shop-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.shop-tags .tag { margin:0; }

@media (max-width:900px) {
  .aftersale-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:720px) {
  .page-heading { align-items:flex-start; }
  .page-heading .heading-actions { justify-content:flex-end; }
  .aftersale-details { grid-template-columns:1fr; }
  .aftersale-details .wide-detail { grid-column:auto; }
  .aftersale-card { padding:15px; }
  .aftersale-card-head h3 { font-size:16px; }
  .refund-amount { font-size:20px; }
  .aftersale-actions { flex-direction:column; }
  .aftersale-actions button { width:100%; }
  .form-divider { align-items:flex-start; flex-direction:column; }
  .form-divider span { text-align:left; }
}
.recent-empty { min-height:150px; border:1px dashed var(--line); border-radius:14px; padding:16px; text-align:center; font-size:12px; }
.quick-card-panel { margin-top:12px; border-top:1px solid var(--line); padding-top:11px; }
.quick-card-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; }
.quick-card-heading strong { font-size:13px; }
.quick-card-status { min-height:16px; color:var(--green); font-size:11px; text-align:right; }
.quick-card-panel .compact-editor { min-height:48px; max-height:72px; padding:8px 10px; border-radius:11px; font-size:12px; line-height:1.45; }
.quick-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:6px; }
.quick-card-actions button { min-width:0; padding:7px 5px; font-size:11px; white-space:nowrap; }
.card-import-grid { grid-template-columns:minmax(0,720px); }
.ai-switch-row { margin-bottom:16px; border:1px solid rgba(47,107,79,.2); border-radius:16px; background:#f1f8f3; padding:12px 14px; }
.ai-switch-row span { display:grid; gap:4px; }
.ai-switch-row small { color:var(--muted); font-size:11px; font-weight:400; }
.ai-switch-row input { width:20px; height:20px; accent-color:var(--green); }

@media (max-width:720px) {
  .quick-card-heading { align-items:center; flex-direction:row; }
  .quick-card-status { text-align:right; }
}
.message-media-button { display:block; margin:0 0 7px; border:0; border-radius:11px; background:transparent; padding:0; line-height:0; cursor:zoom-in; }
.message-media-button:focus-visible { outline:3px solid rgba(184,87,47,.38); outline-offset:3px; }
.message-media-button .message-media { margin:0; transition:transform 180ms ease,filter 180ms ease; }
.message-media-button:hover .message-media { transform:scale(1.025); filter:brightness(.96); }
.media-preview-open { overflow:hidden; }
.media-preview { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; overflow:auto; background:rgba(20,15,12,.88); padding:54px 24px 24px; backdrop-filter:blur(8px); }
.media-preview img { display:block; max-width:92vw; max-height:86vh; border-radius:12px; box-shadow:0 24px 80px rgba(0,0,0,.45); object-fit:contain; cursor:zoom-in; }
.media-preview img.zoomed { max-width:none; max-height:none; border-radius:4px; cursor:zoom-out; }
.media-preview-close { position:fixed; top:16px; right:18px; z-index:1; width:38px; height:38px; border:1px solid rgba(255,255,255,.32); border-radius:50%; background:rgba(0,0,0,.45); color:#fff; font-size:28px; line-height:1; }
.media-preview-close:hover { background:rgba(184,87,47,.9); }

@media (max-width:720px) {
  .media-preview { align-items:flex-start; padding:68px 10px 18px; }
  .media-preview img { max-width:96vw; max-height:82vh; }
}
.tracking-ledger { margin-top:18px; padding:17px 19px; box-shadow:none; }
.tracking-ledger-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.tracking-ledger-head h3 { margin:0; font-size:18px; }
.tracking-ledger-head p { margin:5px 0 0; color:var(--muted); font-size:11px; }
.tracking-ledger-actions { display:flex; gap:7px; }
.tracking-ledger-actions button { padding:7px 12px; font-size:11px; }
.tracking-ledger-actions button:disabled { cursor:not-allowed; opacity:.42; }
.return-tracking-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:7px; margin-top:13px; }
.return-tracking-row { border:1px solid var(--line); border-radius:11px; background:#fffaf4; padding:9px 11px; }
.return-tracking-row code { color:var(--text); font:600 13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; word-break:break-all; }
.tracking-empty { border:1px dashed var(--line); border-radius:11px; color:var(--muted); padding:13px; text-align:center; font-size:12px; }

@media (max-width:720px) {
  .tracking-ledger-head { align-items:flex-start; flex-direction:column; }
  .tracking-ledger-actions { width:100%; }
  .tracking-ledger-actions button { flex:1; }
  .return-tracking-list { grid-template-columns:1fr; }
}
.trial-switch { align-items:flex-start; border:1px solid rgba(184,87,47,.22); border-radius:14px; background:#fff6e9; padding:11px 12px; }
.trial-switch span { display:grid; gap:4px; }
.trial-switch small { color:var(--muted); font-size:11px; font-weight:400; line-height:1.5; }
.trial-switch input { flex-shrink:0; width:19px; height:19px; accent-color:var(--accent); }.unread-dot { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(184,87,47,.12); vertical-align:1px; }
.load-more-conversations { width:100%; margin-top:9px; border:1px solid var(--line); border-radius:12px; background:#fffaf4; color:var(--accent-dark); padding:9px 12px; font-size:12px; }
.load-more-conversations:hover { border-color:rgba(184,87,47,.4); background:#fff4e8; }
.history-hint { position:sticky; top:0; z-index:2; width:max-content; margin:0 auto 12px; border:1px solid var(--line); border-radius:999px; background:rgba(255,253,249,.92); color:var(--muted); padding:5px 11px; font-size:11px; backdrop-filter:blur(8px); }.tag.warning { background:#fff0cf; color:#8a5a00; }
.danger-text { color:var(--danger); }
.refund-only-ledger { border-color:rgba(184,87,47,.28); background:linear-gradient(135deg,#fffdf9,#fff7e8); }
.return-tracking-row span { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.aftersale-card.stage-refundOnly { border-left:4px solid #d9972f; }/* Keep aftersales operational: active items stay visible while history scrolls inside the panel. */
.aftersale-list { max-height:calc(100vh - 330px); overflow-y:auto; padding-right:6px; scrollbar-gutter:stable; }
.aftersale-card { padding:12px 14px; }
.aftersale-card-head { margin-bottom:8px; }
.aftersale-card-head h3 { margin-top:5px; font-size:16px; }
.refund-amount { font-size:20px; }
.aftersale-details { gap:6px 12px; }
.aftersale-details > div { padding-top:6px; }
.aftersale-details span { margin-bottom:3px; font-size:10px; }
.aftersale-details strong { font-size:12px; line-height:1.4; }
.aftersale-actions { margin-top:9px; }
.aftersale-card.stage-platform { border-left-color:#9b8b75; opacity:.82; }
@media (max-width:720px) {
  .aftersale-list { max-height:62vh; padding-right:3px; }
  .aftersale-card { padding:11px 12px; }
}

/* Keep order context readable when a customer has several orders. */
.order-panel { overflow:auto; }
#orderDetails { min-width:0; }
.order-count-line { display:flex; justify-content:space-between; gap:8px; margin-bottom:5px; color:var(--muted); font-size:11px; }
.order-compact-row { min-width:0; border-bottom:1px solid var(--line); padding:10px 0; }
.order-compact-row.current { margin:0 -8px; border-left:3px solid var(--accent); background:#fff7ef; padding:10px 8px 10px 9px; }
.order-compact-head,.order-compact-meta,.order-compact-logistics,.order-compact-foot { display:flex; align-items:center; gap:7px; min-width:0; }
.order-compact-head strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.order-compact-head .tag { flex-shrink:0; padding:3px 7px; font-size:10px; }
.order-compact-head b { margin-left:auto; flex-shrink:0; color:var(--accent-dark); font-size:13px; }
.order-compact-meta,.order-compact-logistics,.order-compact-foot { justify-content:space-between; margin-top:5px; color:var(--muted); font-size:10px; }
.order-compact-products,.order-compact-track { margin:6px 0 0; overflow:hidden; color:var(--text); font-size:11px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.order-compact-logistics span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.order-compact-track { color:var(--green); }
.order-compact-foot span:last-child { min-width:0; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Dense aftersales rows leave more of the queue visible at once. */
[data-page-view="aftersales"] .page-heading { margin-bottom:12px; }
[data-page-view="aftersales"] .aftersale-note { margin:-2px 0 10px; padding:8px 10px; font-size:11px; line-height:1.45; }
[data-page-view="aftersales"] .aftersale-stats { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
[data-page-view="aftersales"] .aftersale-stats .stat-card { padding:10px 12px; border-radius:12px; }
[data-page-view="aftersales"] .aftersale-stats .stat-card span { font-size:11px; }
[data-page-view="aftersales"] .aftersale-stats .stat-card strong { margin-top:4px; font-size:20px; }
[data-page-view="aftersales"] .aftersale-list { gap:7px; max-height:calc(100vh - 275px); }
[data-page-view="aftersales"] .aftersale-card { border-radius:12px; padding:9px 11px; }
[data-page-view="aftersales"] .aftersale-card-head { margin-bottom:5px; }
[data-page-view="aftersales"] .aftersale-card-head h3 { margin-top:3px; font-size:14px; }
[data-page-view="aftersales"] .refund-amount { font-size:17px; }
[data-page-view="aftersales"] .aftersale-details { gap:4px 10px; }
[data-page-view="aftersales"] .aftersale-details > div { padding-top:4px; }
[data-page-view="aftersales"] .aftersale-details span { margin-bottom:2px; font-size:9px; }
[data-page-view="aftersales"] .aftersale-details strong { font-size:11px; line-height:1.3; }
[data-page-view="aftersales"] .aftersale-actions { margin-top:6px; }
[data-page-view="aftersales"] .tracking-ledger { margin-top:10px; padding:11px 12px; border-radius:12px; }
[data-page-view="aftersales"] .tracking-ledger-head h3 { font-size:14px; }
[data-page-view="aftersales"] .tracking-ledger-head p { margin-top:3px; font-size:10px; }

@media (max-width:900px) {
  [data-page-view="aftersales"] .aftersale-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:720px) {
  [data-page-view="aftersales"] .aftersale-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-page-view="aftersales"] .aftersale-list { max-height:58vh; }
}