/* Operator UI v3 — dark glassmorphism variant with turquoise & violet accents */

html[data-ui="v3"] {
  --bg:#0b1018;
  --panel:rgba(15,21,32,.75);
  --panel-2:rgba(16,26,40,.68);
  --panel-3:rgba(12,18,28,.75);
  --border:rgba(90,110,150,.35);
  --text:#e8ebf6;
  --text-2:#c7d0e5;
  --muted:rgba(156,170,205,.7);
  --accent:#18caca;
  --accent-2:#8269f8;
  --success:#38e1c3;
  --warning:#f6c657;
  --danger:#ff7a9c;
  --bubble-operator:rgba(24,202,202,.18);
  --bubble-bot:rgba(24,38,58,.82);
  --bubble-client:rgba(22,30,46,.78);
  --shadow:0 14px 36px rgba(7,12,20,.45);
  --motion-fast:140ms;
  --motion-mid:220ms;
  --motion-slow:320ms;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in-out:cubic-bezier(0.4,0,0.2,1);
}

html[data-ui="v3"] body{
  background: radial-gradient(1200px 800px at 10% -20%, rgba(130,105,248,.22), transparent),
              radial-gradient(900px 700px at 85% 110%, rgba(24,202,202,.16), transparent),
              linear-gradient(160deg, rgba(10,16,24,.94), rgba(10,14,20,.94));
  color:var(--text);
}

html[data-ui="v3"] .panel{background:var(--panel);border:1px solid rgba(130,105,248,.18);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
html[data-ui="v3"] .panel-header{background:linear-gradient(180deg,rgba(18,26,42,.92),rgba(14,22,34,.72));border-bottom-color:rgba(130,105,248,.22)}
html[data-ui="v3"] .btn{background:rgba(18,30,46,.78);border:1px solid rgba(130,105,248,.22);color:var(--text);backdrop-filter:blur(8px);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-mid) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out)}
html[data-ui="v3"] .btn:hover{border-color:rgba(24,202,202,.45);box-shadow:0 10px 20px rgba(24,202,202,.25)}
html[data-ui="v3"] .btn:active{transform:translateY(1px) scale(.98)}
html[data-ui="v3"] .btn-primary, html[data-ui="v3"] .btn.active{background:var(--accent-2);color:#f8f8ff;border-color:rgba(130,105,248,.6);box-shadow:0 12px 24px rgba(130,105,248,.32)}
html[data-ui="v3"] .btn-primary{background:var(--accent);color:#062a2a;border:none}
html[data-ui="v3"] .btn-created{background:rgba(32,173,104,.16);border:1px solid rgba(32,173,104,.65);color:#9af3c4;box-shadow:0 8px 18px rgba(32,173,104,.28)}
html[data-ui="v3"] .btn-created:hover{border-color:rgba(32,173,104,.9);color:#c5ffe2}
html[data-ui="v3"] .btn-created:disabled{opacity:0.9;cursor:default}
html[data-ui="v3"] .btn-danger{background:rgba(255,122,156,.12);border:1px solid rgba(255,122,156,.6);color:#ffc2d1;box-shadow:0 8px 18px rgba(255,122,156,.18)}
html[data-ui="v3"] .btn-danger:hover{border-color:rgba(255,122,156,.85);color:#ffe5ec}
html[data-ui="v3"] .btn-danger:active{transform:translateY(1px) scale(.98)}
html[data-ui="v3"] .config-order-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(32,173,104,.14);border:1px solid rgba(32,173,104,.45);color:#b6f3d4;font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.2;box-shadow:0 6px 16px rgba(32,173,104,.2)}
html[data-ui="v3"] .config-order-badge:before{content:"\\2713";font-size:13px;line-height:1;color:#9af3c4}
html[data-ui="v3"] .input,html[data-ui="v3"] .select{background:rgba(16,28,42,.82);border:1px solid rgba(130,105,248,.28);color:var(--text)}
html[data-ui="v3"] .chips .chip{background:rgba(15,26,40,.78);border:1px solid rgba(130,105,248,.24);color:var(--muted)}
html[data-ui="v3"] .chip.active{background:rgba(130,105,248,.22);border-color:rgba(130,105,248,.42);color:#efeefe}
html[data-ui="v3"] .chip,
html[data-ui="v3"] .icon-btn,
html[data-ui="v3"] .status-tab,
html[data-ui="v3"] .scenario-btn,
html[data-ui="v3"] .quick-btn,
html[data-ui="v3"] .config-build-tab,
html[data-ui="v3"] .config-build-add,
html[data-ui="v3"] .orders-month-title,
html[data-ui="v3"] .orders-group-title,
html[data-ui="v3"] .config-back{
  transition:transform var(--motion-fast) var(--ease-out),
             box-shadow var(--motion-mid) var(--ease-out),
             border-color var(--motion-fast) var(--ease-out),
             background-color var(--motion-fast) var(--ease-out),
             color var(--motion-fast) var(--ease-out);
}
html[data-ui="v3"] .chip:active,
html[data-ui="v3"] .icon-btn:active,
html[data-ui="v3"] .status-tab:active,
html[data-ui="v3"] .scenario-btn:active,
html[data-ui="v3"] .quick-btn:active,
html[data-ui="v3"] .config-build-tab:active,
html[data-ui="v3"] .config-build-add:active,
html[data-ui="v3"] .orders-month-title:active,
html[data-ui="v3"] .orders-group-title:active,
html[data-ui="v3"] .config-back:active{
  transform:translateY(1px) scale(.98);
}

/* list */
html[data-ui="v3"] .client-item{background:rgba(17,28,44,.75);border-color:rgba(130,105,248,.24)}
html[data-ui="v3"] .client-item:hover{background:rgba(21,34,52,.85)}
html[data-ui="v3"] .badge{background:rgba(17,25,40,.86);border-color:rgba(53,70,92,.6);color:#d5def0}
html[data-ui="v3"] .badge.waiting{background:rgba(251,192,45,.18);color:#fbc02d;border-color:rgba(251,192,45,.45)}
html[data-ui="v3"] .badge.inproc{background:rgba(14,159,110,.18);color:#6ee7b7;border-color:rgba(14,159,110,.5)}
html[data-ui="v3"] .badge.processed{background:rgba(239,68,68,.18);color:#ff6b6b;border-color:rgba(239,68,68,.45)}
html[data-ui="v3"] .badge.unread{background:rgba(130,105,248,.24);color:#dacfff}

/* chat */
html[data-ui="v3"] .chat-window{padding:18px 16px;gap:8px}
html[data-ui="v3"] .row{position:relative;align-items:flex-start}
html[data-ui="v3"] .row.new-sender{margin-top:12px}
html[data-ui="v3"] .row.date-divider{justify-content:center;margin:12px 0;gap:0;pointer-events:none}
html[data-ui="v3"] .row.date-divider .date-divider-label{padding:6px 12px;border-radius:999px;background:rgba(14,20,34,.85);border:1px solid rgba(148,163,184,.22);color:rgba(226,232,240,.9);font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:0 10px 18px rgba(6,12,24,.32)}
html[data-ui="v3"] .chat-day-float{position:absolute;top:14px;left:50%;transform:translateX(-50%) translateY(-4px);padding:6px 12px;border-radius:999px;background:rgba(13,19,32,.7);border:1px solid rgba(148,163,184,.22);color:rgba(226,232,240,.9);font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:0 12px 22px rgba(6,12,24,.38);opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;z-index:6;backdrop-filter:blur(10px)}
html[data-ui="v3"] .chat-day-float.show{opacity:1;transform:translateX(-50%) translateY(0)}
html[data-ui="v3"] .config-total-edit{max-width:160px;text-align:right}
html[data-ui="v3"] .bubble{background:linear-gradient(135deg,rgba(30,40,60,.92),rgba(22,28,42,.92));border:1px solid rgba(108,126,168,.4);color:#ecf1ff;backdrop-filter:blur(14px);transition:box-shadow .18s ease, transform .18s ease;border-radius:18px;box-shadow:0 10px 24px rgba(6,12,26,.3)}
html[data-ui="v3"] .bubble.operator{background:linear-gradient(140deg,rgba(40,188,214,.9),rgba(72,144,255,.95));color:#041623;border-color:rgba(82,186,238,.68);box-shadow:none}
html[data-ui="v3"] .bubble.bot{background:rgba(30,36,54,.6);color:#d7deef;border:1px solid rgba(146,154,182,.55);box-shadow:0 10px 24px rgba(8,12,24,.28)}
html[data-ui="v3"] .bubble.client{background:linear-gradient(140deg,rgba(82,98,138,.94),rgba(64,78,118,.94));border-color:rgba(138,156,196,.48);color:#f4f6ff}
html[data-ui="v3"] .bubble.template,html[data-ui="v3"] .row.ready-reply .bubble{background:rgba(30,36,54,.6);color:#d7deef;border:1px solid rgba(146,154,182,.55);box-shadow:0 10px 24px rgba(8,12,24,.28)}
html[data-ui="v3"] .row.ready .bubble{background:rgba(30,36,54,.6);color:#d7deef;border:1px solid rgba(146,154,182,.55);box-shadow:0 10px 24px rgba(8,12,24,.28)}
html[data-ui="v3"] .bubble.pinned{border-color:rgba(130,105,248,.55);box-shadow:0 0 0 2px rgba(130,105,248,.25)}
html[data-ui="v3"] .bubble:hover{box-shadow:0 16px 30px rgba(130,105,248,.28);transform:translateY(-2px)}
html[data-ui="v3"] .bubble-text{white-space:inherit;display:block;word-break:inherit;overflow-wrap:inherit}
html[data-ui="v3"] .meta{color:rgba(173,186,220,.7)}
html[data-ui="v3"] .row.has-avatar.client .bubble-wrap{margin-left:0}
html[data-ui="v3"] .row.has-avatar.operator .bubble-wrap,html[data-ui="v3"] .row.has-avatar.bot .bubble-wrap{margin-right:0}
html[data-ui="v3"] .row .avatar{position:relative;width:40px;height:40px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;box-shadow:0 16px 28px rgba(6,12,24,.4)}
html[data-ui="v3"] .avatar-client{background:linear-gradient(145deg,rgba(88,214,160,.95),rgba(34,138,92,.95));color:#052217;border:1px solid rgba(88,214,160,.6)}
html[data-ui="v3"] .avatar-operator{background:linear-gradient(145deg,rgba(56,184,255,.95),rgba(36,208,208,.92));color:#041a28;border:1px solid rgba(60,192,240,.65)}
html[data-ui="v3"] .avatar-bot{background:linear-gradient(145deg,rgba(152,124,255,.94),rgba(104,72,212,.92));color:#f7f1ff;border:1px solid rgba(152,124,255,.55)}
html[data-ui="v3"] .avatar-ready{background:linear-gradient(145deg,rgba(255,170,72,.95),rgba(255,118,0,.92));color:#2f1400;border:1px solid rgba(255,168,72,.65);box-shadow:0 20px 34px rgba(255,140,0,.38)}
html[data-ui="v3"] .avatar-placeholder{visibility:hidden;background:none;border-color:transparent;box-shadow:none}
html[data-ui="v3"] .bubble-wrap{align-items:flex-start}
html[data-ui="v3"] .row.operator .bubble-wrap,html[data-ui="v3"] .row.bot .bubble-wrap,html[data-ui="v3"] .row.ready .bubble-wrap{align-items:flex-end}
html[data-ui="v3"] .bubble-wrap .bubble{display:inline-block;max-width:100%}
html[data-ui="v3"] .bubble-wrap .meta-time{background:none;border:none;color:rgba(176,188,214,.78);box-shadow:none;padding:0;margin-top:4px;font-weight:500;text-align:right;align-self:flex-end}
html[data-ui="v3"] .row.client .bubble-wrap .meta-time{text-align:left;align-self:flex-start}
html[data-ui="v3"] .row.ready .bubble-wrap .meta-time{color:rgba(255,210,154,.82)}
html[data-ui="v3"] .bubble .scenario-msg-controls{margin-top:6px}

/* scenarios & quick replies */
html[data-ui="v3"] .scenario-col{background:rgba(16,26,42,.85);border:1px solid rgba(130,105,248,.25);box-shadow:0 16px 30px rgba(6,12,24,.4)}
html[data-ui="v3"] .scenario-chip{background:rgba(18,30,48,.78);border-color:rgba(130,105,248,.22);color:#dbe4ff}
html[data-ui="v3"] .scenario-chip.active{background:rgba(130,105,248,.22);border-color:rgba(130,105,248,.42);color:#f8f8ff;box-shadow:0 18px 30px rgba(130,105,248,.32)}
html[data-ui="v3"] .scenario-item{background:rgba(20,30,48,.82);border-color:rgba(130,105,248,.22);color:#f2f6ff}
html[data-ui="v3"] .scenario-item.active{background:rgba(130,105,248,.24);border-color:rgba(130,105,248,.45)}
html[data-ui="v3"] .scenario-step{background:rgba(16,26,44,.78);border-color:rgba(130,105,248,.22)}
html[data-ui="v3"] .scenario-step.done{background:rgba(20,48,40,.72);border-color:rgba(50,200,140,.48)}
html[data-ui="v3"] .scenario-step.failed{background:rgba(60,24,32,.72);border-color:rgba(255,110,128,.52)}
html[data-ui="v3"] .scenario-btn{background:rgba(16,28,46,.85);border:1px solid rgba(130,105,248,.28);color:#e4eaff;box-shadow:0 12px 24px rgba(8,12,24,.35)}
html[data-ui="v3"] .scenario-btn-send{background:rgba(255,140,0,.24);border-color:rgba(255,168,72,.5);color:#2c1402;box-shadow:0 14px 28px rgba(255,140,0,.32)}
html[data-ui="v3"] .scenario-btn-insert{background:rgba(130,105,248,.22);border-color:rgba(130,105,248,.42);color:#f2f4ff;box-shadow:0 14px 28px rgba(130,105,248,.32)}
html[data-ui="v3"] .scenario-reset{background:rgba(18,30,48,.9);border-color:rgba(130,105,248,.35);color:#dbe4ff}
html[data-ui="v3"] .quick-item{background:rgba(18,28,46,.85);border-color:rgba(130,105,248,.24);box-shadow:0 16px 28px rgba(6,12,24,.38)}
html[data-ui="v3"] .quick-btn{background:rgba(16,28,46,.85);border:1px solid rgba(130,105,248,.28);color:#e4eaff;box-shadow:0 12px 24px rgba(8,12,24,.32)}
html[data-ui="v3"] .quick-btn-send{background:#c86c00;border-color:#d87b1a;color:#2c1402;box-shadow:0 10px 20px rgba(200,108,0,.28),0 0 12px rgba(200,108,0,.25)}
html[data-ui="v3"] .quick-btn-insert{background:rgba(130,105,248,.22);border-color:rgba(130,105,248,.42);color:#f2f4ff}
html[data-ui="v3"] .quick-cat{background:rgba(18,30,48,.78);border-color:rgba(130,105,248,.24);color:#dbe4ff}
html[data-ui="v3"] .quick-cat.active{background:rgba(130,105,248,.24);border-color:rgba(130,105,248,.42);color:#f8f8ff}
html[data-ui="v3"] .scenario-msg-controls button.active{box-shadow:0 0 0 2px rgba(255,255,255,.18) inset}

/* pins */
html[data-ui="v3"] .pin-bar{display:flex;gap:10px;align-items:center;padding:10px 16px;border-bottom:none;background:linear-gradient(120deg,rgba(130,105,248,.18),rgba(24,202,202,.14));border-radius:0 0 16px 16px;box-shadow:0 18px 32px rgba(6,10,18,.45)}
html[data-ui="v3"] .pin-bar .nav{gap:10px}
html[data-ui="v3"] .pin-bar .btnx{padding:4px 10px;border-radius:10px;border:1px solid rgba(130,105,248,.32);background:rgba(18,30,46,.82);color:#f1f3ff;cursor:pointer;transition:background .2s ease,border-color .2s ease}
html[data-ui="v3"] .pin-bar .btnx:hover{background:rgba(24,202,202,.22);border-color:rgba(24,202,202,.4)}
html[data-ui="v3"] .pin-bar .preview .txt{color:#f0f3ff}

/* history */
html[data-ui="v3"] .left-history #statusHistoryLeft{background:linear-gradient(180deg,rgba(18,30,48,.82),rgba(14,24,38,.72));border:none;border-radius:14px;padding:12px 14px;box-shadow:0 18px 32px rgba(4,8,16,.45)}
html[data-ui="v3"] .left-history .hitem{background:rgba(18,30,44,.65);border:none;color:#e4e9ff;box-shadow:0 12px 24px rgba(4,8,16,.35)}
html[data-ui="v3"] .hist{padding:14px 14px 14px 30px;border-bottom:1px solid rgba(130,105,248,.14)}
html[data-ui="v3"] .hist-time{color:rgba(130,105,248,.65)}
html[data-ui="v3"] .hist-line{gap:10px}
html[data-ui="v3"] .hist-op{color:rgba(173,186,220,.8)}
html[data-ui="v3"] .orders-history-action{font-weight:700}
html[data-ui="v3"] .orders-history-action.created{color:var(--success)}
html[data-ui="v3"] .orders-history-action.deleted{color:var(--danger)}
html[data-ui="v3"] .pill{border:1px solid rgba(130,105,248,.25);background:rgba(30,42,68,.8);color:#f8f6ff}
html[data-ui="v3"] .pill-waiting{background:rgba(251,192,45,.18);color:#fbc02d;border-color:rgba(251,192,45,.38)}
html[data-ui="v3"] .pill-inproc{background:rgba(14,159,110,.18);color:#6ee7b7;border-color:rgba(26,58,51,.8)}
html[data-ui="v3"] .pill-proc{background:rgba(239,68,68,.18);color:#ff6b6b;border-color:rgba(239,68,68,.4)}

/* search buttons visible */
html[data-ui="v3"] #chatSearchBtn, html[data-ui="v3"] #globalSearchBtn{display:inline-flex}

/* search panels glass */
html[data-ui="v3"] .chat-search-panel, html[data-ui="v3"] .global-search-panel{background:rgba(16,28,46,.92);border:1px solid rgba(130,105,248,.24);border-radius:14px;box-shadow:0 18px 32px rgba(5,10,18,.45)}
html[data-ui="v3"] .chat-search-panel input, html[data-ui="v3"] .global-search-panel input{background:rgba(12,22,36,.88);border:1px solid rgba(130,105,248,.28);color:#f2f6ff}
html[data-ui="v3"] .chat-search-panel .result, html[data-ui="v3"] .global-search-panel .result{background:rgba(130,105,248,.18)}
html[data-ui="v3"] .chat-search-panel .result:hover, html[data-ui="v3"] .global-search-panel .result:hover{background:rgba(24,202,202,.22)}

/* scrollbars */
html[data-ui="v3"] *::-webkit-scrollbar{width:10px;height:10px}
html[data-ui="v3"] *::-webkit-scrollbar-thumb{background:rgba(130,105,248,.24);border-radius:10px}

/* toast notifications */
html[data-ui="v3"] .toast-stack{
  position:fixed;
  top:14px;
  right:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:5000;
  pointer-events:none;
}
html[data-ui="v3"] .toast{
  pointer-events:auto;
  min-width:240px;
  max-width:360px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(16,26,42,.92);
  border:1px solid rgba(130,105,248,.28);
  box-shadow:0 14px 28px rgba(6,12,24,.42);
  color:var(--text);
  font-weight:700;
  font-size:13px;
  line-height:1.4;
  transform:translateY(-6px);
  opacity:0;
  transition:opacity var(--motion-mid) var(--ease-out), transform var(--motion-mid) var(--ease-out);
}
html[data-ui="v3"] .toast.show{opacity:1;transform:none}
html[data-ui="v3"] .toast .toast-text{margin:0}
html[data-ui="v3"] .toast.info{border-color:rgba(130,105,248,.5)}
html[data-ui="v3"] .toast.success{border-color:rgba(52,211,153,.6);box-shadow:0 14px 28px rgba(52,211,153,.25)}
html[data-ui="v3"] .toast.warn{border-color:rgba(246,198,87,.65);box-shadow:0 14px 28px rgba(246,198,87,.22)}
html[data-ui="v3"] .toast.error{border-color:rgba(255,122,156,.7);box-shadow:0 14px 28px rgba(255,122,156,.25)}

/* Ensure readable text on dark attachment cards inside bright operator bubble */
html[data-ui="v3"] .row.operator .bubble .media-preview,
html[data-ui="v3"] .row.operator .bubble .file-chip,
html[data-ui="v3"] .row.operator .bubble .file-chip .name,
html[data-ui="v3"] .row.operator .bubble .audio-card,
html[data-ui="v3"] .row.operator .bubble .audio-card .name,
html[data-ui="v3"] .row.operator .bubble .media-loading {
  color: var(--text);
}

/* Download/action links keep accent color */
html[data-ui="v3"] .row.operator .bubble .media-preview a,
html[data-ui="v3"] .row.operator .bubble .file-chip a,
html[data-ui="v3"] .row.operator .bubble .audio-card a {
  color: #8fd9ff;
}

/* File extension tag styling for visibility */
html[data-ui="v3"] .file-chip .ext{
  margin-right: 6px;
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid rgba(143,124,255,.28);
  background: rgba(143,124,255,.12);
  color: #cfe6ff;
  font-weight: 700;
  font-size: 11px;
}

.right-panel-footer{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:120;
  display:flex;
  justify-content:flex-end;
  padding:0;
  border:none;
  background:transparent;
  pointer-events:none;
}

.right-panel-footer .btn{
  pointer-events:auto;
  background:var(--accent);
  color:#062a2a;
  border:1px solid rgba(24,202,202,.6);
  border-radius:999px;
  padding:8px 14px;
  font-weight:700;
  box-shadow:0 12px 24px rgba(24,202,202,.35);
}

.right-panel-footer .btn:hover{
  box-shadow:0 14px 28px rgba(24,202,202,.45);
  border-color:rgba(24,202,202,.9);
}

.orders-card{
  max-width:1280px;
  width:min(1280px, calc(100vw - 32px));
  height:min(90vh, 940px);
}

.orders-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.orders-shell{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}
.orders-layout{display:flex;gap:14px;align-items:stretch;flex:1;min-height:0;min-width:0;overflow:hidden}
.orders-history{position:relative;width:260px;min-width:240px;background:rgba(16,26,42,.85);border:1px solid rgba(130,105,248,.22);border-radius:12px;box-shadow:0 16px 30px rgba(6,12,24,.4);padding:10px;min-height:min(72vh,720px);max-height:min(72vh,720px);overflow:auto;overflow-x:hidden;scrollbar-gutter:stable}
.orders-history-floating{display:none;position:fixed;left:max(12px, calc((100vw - 1280px)/2 - 272px));top:200px;z-index:2000;margin-right:8px}
#ordersModal.open + .orders-history-floating{display:block}
.orders-history-title{font-weight:700;color:#e8ebf6;margin-bottom:8px}
.orders-history-list{position:relative;min-height:120px}
.orders-history-item{padding:8px 10px;border-radius:10px;background:rgba(18,30,44,.78);border:1px solid rgba(130,105,248,.18);margin-bottom:8px}
.orders-history-line{color:#dbe4ff;font-size:13px}
.orders-history-meta{color:rgba(156,170,205,.8);font-size:12px;margin-top:2px}
.orders-history-month{margin-bottom:10px}
.orders-history-month-title{font-weight:700;color:#e8ebf6;margin:6px 0}
.orders-history-month-title,
.orders-history-day-title{
  background:transparent;
  border:none;
  padding:4px 18px 4px 0;
  width:100%;
  text-align:left;
  color:#e8ebf6;
  font-weight:700;
  cursor:pointer;
  display:block;
  appearance:none;
  position:relative;
}
.orders-history-month-title::after,
.orders-history-day-title::after{
  content:"\25BE";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  color:rgba(231,235,255,.75);
  font-size:11px;
  transition:transform var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);
}
.orders-history-month.collapsed .orders-history-month-title::after,
.orders-history-day.collapsed .orders-history-day-title::after{
  transform:translateY(-50%) rotate(-90deg);
  color:rgba(231,235,255,.55);
}
.orders-history-month.collapsed .orders-history-month-body{display:none}
.orders-history-month-title{cursor:pointer}
.orders-history-day{margin:6px 0 10px}
.orders-history-day-title{color:#c7d0e5;margin-bottom:4px;font-size:13px}
.orders-history-day.collapsed .orders-history-day-body{display:none}
.orders-history-day-title{cursor:pointer}
.orders-list{flex:1;min-width:0}

.orders-toolbar{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.orders-toolbar .input{
  flex:1 1 260px;
  min-width:220px;
}

.orders-toolbar .orders-sort{
  flex:0 0 200px;
  min-width:180px;
}

.orders-toolbar .orders-operator{
  flex:0 0 190px;
  min-width:170px;
}

.orders-toolbar .orders-date{
  flex:0 0 160px;
  min-width:150px;
}

.orders-list{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
  min-width:0;
  min-height:min(72vh,720px);
  max-height:min(72vh,720px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}

.orders-list.is-loading::after,
.orders-history.is-loading::after{
  content:attr(data-loading-text);
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  text-align:center;
  color:rgba(232,235,246,.92);
  font-weight:700;
  font-size:13px;
  letter-spacing:.02em;
  background:rgba(11,16,24,.82);
  backdrop-filter:blur(8px);
  border-radius:inherit;
  z-index:3;
  pointer-events:none;
}

.orders-month{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px;
  border:1px solid rgba(130,105,248,.18);
  border-radius:14px;
  background:rgba(12,18,28,.55);
}

.orders-month-title,
.orders-group-title{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  border:0;
  padding:2px 4px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.orders-month-title{
  font-weight:700;
  font-size:13px;
  color:var(--text);
}

.orders-toggle{
  width:10px;
  height:10px;
  border-right:2px solid var(--text-2);
  border-bottom:2px solid var(--text-2);
  transform:rotate(45deg);
  transition:transform .18s ease, opacity .18s ease;
  opacity:.8;
  flex:0 0 auto;
}

.orders-month.is-collapsed .orders-toggle,
.orders-day.is-collapsed .orders-toggle{
  transform:rotate(-45deg);
}

.orders-month-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:6000px;
  opacity:1;
  transform:translateY(0);
  transition:max-height var(--motion-slow) var(--ease-out),
             opacity var(--motion-fast) var(--ease-out),
             transform var(--motion-fast) var(--ease-out);
  overflow:hidden;
}

.orders-month.is-collapsed .orders-month-body{
  max-height:0;
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
}

.orders-day-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:4000px;
  opacity:1;
  transform:translateY(0);
  transition:max-height var(--motion-slow) var(--ease-out),
             opacity var(--motion-fast) var(--ease-out),
             transform var(--motion-fast) var(--ease-out);
  overflow:hidden;
}

.orders-day.is-collapsed .orders-day-body{
  max-height:0;
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
}

.orders-empty{
  text-align:center;
  color:var(--muted);
  padding:18px 0;
  border:1px dashed rgba(130,105,248,.25);
  border-radius:12px;
}

@keyframes ordersRowFocusPulse{
  0%{transform:translateY(0);box-shadow:0 0 0 0 rgba(56,189,248,.1)}
  30%{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(56,189,248,.3),0 18px 34px rgba(6,12,24,.42)}
  100%{transform:translateY(0);box-shadow:0 0 0 1px rgba(56,189,248,.16),0 14px 26px rgba(6,12,24,.34)}
}

.orders-table{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.orders-table-row{
  display:grid;
  grid-template-columns:40px repeat(7, minmax(0, 1fr));
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:12px;
  background:rgba(16,26,42,.82);
  border:1px solid rgba(130,105,248,.22);
  position:relative;
  transition:transform var(--motion-fast) var(--ease-out),
             box-shadow var(--motion-mid) var(--ease-out),
             border-color var(--motion-fast) var(--ease-out);
}
.orders-table-row:hover{
  transform:translateY(-1px);
  border-color:rgba(130,105,248,.45);
  box-shadow:0 14px 26px rgba(6,12,24,.35);
}
.orders-table-row.is-focus-target{
  border-color:rgba(56,189,248,.72);
  box-shadow:0 0 0 1px rgba(56,189,248,.28), 0 18px 34px rgba(6,12,24,.42);
  animation:ordersRowFocusPulse 1.8s ease;
}
.orders-table-head{
  background:rgba(20,30,48,.9);
  border-color:rgba(130,105,248,.35);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(186,200,230,.9);
  font-weight:700;
}
.orders-table-head:hover{
  transform:none;
  box-shadow:none;
  border-color:rgba(130,105,248,.35);
}
.orders-cell{min-width:0;}
.orders-cell-num{font-weight:700;color:#b8c3dd;}
.orders-client-main{font-weight:700;color:#e6ebff;}
.orders-client-sub{font-size:11px;color:rgba(156,170,205,.8);margin-top:2px;}
.orders-config{font-size:11.5px;color:#d9e2fb;line-height:1.2;cursor:pointer;}
.orders-config-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.orders-config-more{font-size:10.5px;color:rgba(130,150,200,.8);margin-top:2px;}
.orders-status .badge{font-size:11px;padding:3px 8px;}
.orders-operator{font-size:12px;color:#d9e2fb;font-weight:600;}
.orders-date{font-size:11.5px;color:rgba(180,190,220,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.orders-totals{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;color:rgba(200,210,235,.85);}
.orders-totals .value{color:#e9efff;font-weight:700;}
.orders-total-line{display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:start;column-gap:8px;min-width:0;}
.orders-total-line .label{
  color:rgba(180,190,220,.75);
  font-size:10.5px;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
}
.orders-total-line .value{
  white-space:nowrap;
  font-weight:700;
  text-align:left;
}
.orders-actions{display:flex;gap:6px;justify-content:flex-start;}
.orders-table-row > .orders-actions{padding-left:12px;}
.orders-table-head > .orders-cell:last-child{padding-left:12px;}
.orders-action-btn{padding:4px 8px;font-size:11px;border-radius:8px;}
.orders-action-btn.btn-danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35);color:#ffb3b3;}

@media (max-width: 1660px){
  .orders-history-floating{display:none !important}
}

.order-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.order-client{
  font-weight:600;
  color:var(--text);
}

.order-date{
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
}

.order-config{
  margin-top:6px;
  font-size:12px;
  color:var(--text-2);
  white-space:pre-line;
}

.order-config{
  cursor:pointer;
}

.order-config:hover{
  color:var(--text);
}

.order-totals{
  margin-top:8px;
  padding-top:6px;
  border-top:1px dashed rgba(130,105,248,.18);
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
}

.order-total{
  display:inline-grid;
  grid-template-columns:max-content max-content;
  align-items:center;
  column-gap:6px;
}

.order-total-label{
  color:var(--muted);
}

.order-total-value{
  color:var(--text);
  font-weight:600;
  white-space:nowrap;
}

.order-total-value--profit{
  color:var(--success);
}

.order-actions{
  margin-top:8px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.orders-group{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px;
  border:1px solid rgba(130,105,248,.18);
  border-radius:14px;
  background:rgba(12,18,28,.6);
  transition:transform var(--motion-fast) var(--ease-out),
             border-color var(--motion-fast) var(--ease-out);
}

.orders-group-title{
  font-weight:700;
  font-size:12px;
  color:var(--text-2);
  letter-spacing:.02em;
}

.orders-group:hover{
  transform:translateY(-1px);
  border-color:rgba(130,105,248,.35);
}

@media (prefers-reduced-motion: reduce){
  html[data-ui="v3"] *,html[data-ui="v3"] *::before,html[data-ui="v3"] *::after{
    animation-duration:0.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.001ms !important;
  }
}