/* DigiVet Marketplace V0.3 · Warm Orange Operations Theme
   A self-contained theme layer; underlying V0.2 workflows stay unchanged.
   This is an interpretation, not a pixel-perfect copy of resi.digivet.id. */
.theme-resi-orange {
  --navy: #fff;
  --navy-2: #fffaf6;
  --navy-soft: #fff1e8;
  --blue: #ec6515;
  --blue-dark: #c24a06;
  --blue-tint: #fff4ea;
  --teal: #14998c;
  --ink: #26313e;
  --secondary: #606e7d;
  --muted: #8a98a8;
  --line: #e9e9eb;
  --bg: #f7f8fa;
  --card: #fff;
  --radius: 15px;
  --shadow: 0 8px 30px rgba(37, 45, 59, .038);
  --focus: 0 0 0 3px rgba(236, 101, 21, .23);
  color: var(--ink);
  background: var(--bg);
}
.theme-resi-orange button:focus-visible,
.theme-resi-orange input:focus-visible,
.theme-resi-orange select:focus-visible,
.theme-resi-orange textarea:focus-visible {
  outline-color: #f97316;
}
.theme-resi-orange .eyebrow {color: #d4682b; font-weight: 790; letter-spacing: .105em;}
/* Navigation is deliberately light to match a clean operational workspace. */
.theme-resi-orange .sidebar {
  background: #fff;
  color: #5d6c7a;
  border-right: 1px solid #e9e9eb;
  box-shadow: 4px 0 26px rgba(30, 41, 59, .025);
  scrollbar-color: #e9d2c2 transparent;
}
.theme-resi-orange .brand-area {padding-top: 26px; padding-bottom: 22px;}
.theme-resi-orange .brand-symbol {
  background: linear-gradient(142deg, #ff9a3c 0%, #f4711c 50%, #db4b09 100%);
  box-shadow: 0 8px 19px rgba(235, 98, 18, .18);
  border-radius: 14px;
}
.theme-resi-orange .brand-copy strong {color: #273446; letter-spacing: -.8px;}
.theme-resi-orange .brand-copy small {color: #e16418; font-size: 9px; letter-spacing: .19em;}
.theme-resi-orange .sidebar-collapse {color: #a1a9b4;}
.theme-resi-orange .sidebar-collapse:hover {color: #c4500e;}
.theme-resi-orange .workspace-chip {
  background: #fff7f1;
  border-color: #ffe5d3;
  border-radius: 12px;
  margin-bottom: 24px;
}
.theme-resi-orange .workspace-icon {background: #ffeadb; color: #db5a11;}
.theme-resi-orange .workspace-chip .nav-text b {color: #994317;}
.theme-resi-orange .workspace-chip .nav-text span {color: #bd815e;}
.theme-resi-orange .workspace-chip>.lucide {color: #cb946f;}
.theme-resi-orange .nav-group-label {color: #adb4bc; font-size: 9px; letter-spacing: .155em; padding-bottom: 10px;}
.theme-resi-orange .nav-item {color: #667483; font-size: 12px; border-radius: 10px; min-height: 43px; margin-bottom: 3px;}
.theme-resi-orange .nav-item .nav-icon {color: #8896a5;}
.theme-resi-orange .nav-item:hover {background: #fff7f0; color: #a74712;}
.theme-resi-orange .nav-item:hover .nav-icon {color: #d45b17;}
.theme-resi-orange .nav-item.active {background: #fff0e3; color: #bd4c0a; font-weight: 760;}
.theme-resi-orange .nav-item.active .nav-icon {color: #df641b;}
.theme-resi-orange .nav-active-rail {right: auto; left: 0; top: 9px; bottom: 9px; background: #f07320; width: 3px;}
.theme-resi-orange .sidebar-help {color: #a1aab5;}
.theme-resi-orange .profile {border-top: 1px solid #ededed;}
.theme-resi-orange .avatar {background: #fff0e3; color: #b94a12; border: 1px solid #ffe0c7;}
.theme-resi-orange .profile-copy strong {color: #435063;}
.theme-resi-orange .profile-copy span {color: #98a1ae;}
.theme-resi-orange .logout-btn {color: #9a9ca6;}
.theme-resi-orange .logout-btn:hover {color: #d95c15;}
.theme-resi-orange .is-collapsed .nav-group {border-color: #eee9e6;}
/* Header, filters, and actions */
.theme-resi-orange .topbar {
  background: #fff;
  border-bottom: 1px solid #eceef0;
  box-shadow: 0 4px 14px rgba(47, 48, 54, .015);
  height: 76px;
  min-height: 76px;
}
.theme-resi-orange .top-left {color: #9aa4b0;}
.theme-resi-orange .top-left strong {color: #38465b;}
.theme-resi-orange .top-search {background: #fafafa; border-color: #ededed; color: #98a1ac;}
.theme-resi-orange .top-search:hover {background: #fff6ee; color: #ca5516;}
.theme-resi-orange .store-select {background: #fff; border-color: #e6e8ea; color: #d76a2b;}
.theme-resi-orange .store-select select {color: #3b485b;}
.theme-resi-orange .top-avatar {color: #bb510e; background: #fff0e3;}
.theme-resi-orange .icon-button {border-color: #e9e9ec; color: #718093;}
.theme-resi-orange .icon-button:hover {background: #fff4e9; border-color: #fed7b6; color: #c25514;}
.theme-resi-orange .env-tag {background: #fff8e9; border-color: #f8e4b8; color: #9e6c1c;}
.theme-resi-orange .content {max-width: 1740px; padding-top: 33px;}
.theme-resi-orange .page-heading h1 {color: #29384a; font-size: 29px; letter-spacing: -.9px;}
.theme-resi-orange .page-heading p {color: #8793a0; font-size: 12px;}
.theme-resi-orange .heading-chip, .theme-resi-orange .soft-tag {background: #fff7f1; color: #ba5a23; border-color: #fce7d9;}
.theme-resi-orange .btn {border-radius: 9px; border-color: #e4e6e9; color: #556274; font-size: 11px; min-height: 36px;}
.theme-resi-orange .btn:hover {background: #fff8f2; border-color: #f6d4be;}
.theme-resi-orange .btn-primary {
  background: linear-gradient(125deg, #fa8330, #ed6619);
  border-color: #e96a20;
  box-shadow: 0 3px 9px rgba(231, 92, 14, .16);
  color: #fff;
}
.theme-resi-orange .btn-primary:hover {background: linear-gradient(125deg, #ef7421, #c94b09); border-color: #d75410; color: #fff;}
.theme-resi-orange .btn-outline-primary {background: #fff5ec; color: #bc500c; border-color: #ffd6ba;}
.theme-resi-orange .btn-subtle {background: #fafafa;}
.theme-resi-orange .text-link, .theme-resi-orange .table-primary-link {color: #be4f11;}
.theme-resi-orange .text-link:hover, .theme-resi-orange .table-primary-link:hover {color: #8e3906;}
.theme-resi-orange .field {border-color: #e3e6e8; color: #37475a; background: #fff;}
.theme-resi-orange .field:focus, .theme-resi-orange .search-field:focus-within {border-color: #ef974f; box-shadow: var(--focus);}
.theme-resi-orange .search-field {background: #fff; border-color: #e5e8eb;}
.theme-resi-orange .filter-toolbar {background: #fff;}
/* KPIs and panels */
.theme-resi-orange .panel, .theme-resi-orange .metric, .theme-resi-orange .summary-card, .theme-resi-orange .mobile-data-card {
  border-color: #e9eaed;
  box-shadow: 0 8px 26px rgba(33, 43, 55, .035);
}
.theme-resi-orange .panel {border-radius: 16px;}
.theme-resi-orange .metric {position: relative; overflow: hidden; padding-top: 22px; border-radius: 15px;}
.theme-resi-orange .metric::before {
  content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, #ff9b52, #ffe7d6 85%);
  opacity: .92;
}
.theme-resi-orange .metric-top {color: #7d8a98;}
.theme-resi-orange .metric-value {color: #29394b; font-weight: 800;}
.theme-resi-orange .metric-bottom {color: #99a5b1;}
.theme-resi-orange .tone-blue, .theme-resi-orange .tone-indigo {background: #fff1e4; color: #e06919;}
.theme-resi-orange .tone-teal {background: #e7f8f2; color: #198f7f;}
.theme-resi-orange .tone-amber {background: #fff4df; color: #b77a1e;}
.theme-resi-orange .panel-heading h2, .theme-resi-orange .table-panel-head h2 {color: #2c3a4d;}
.theme-resi-orange .panel-heading p, .theme-resi-orange .table-panel-head p {color: #91a0aa;}
.theme-resi-orange .track {background: #fff0e7;}
.theme-resi-orange .track-fill {background: linear-gradient(90deg, #ff9f4c, #ee6a1d);}
.theme-resi-orange .bar-store {color: #52677b;}
.theme-resi-orange .bar-rank {color: #b6b9c4;}
.theme-resi-orange .priority:hover {background: #fffbf7;}
.theme-resi-orange .integration-tiles>div {border-color: #f0efed;}
.theme-resi-orange .mini-metrics strong {color: #324457;}
/* Order flow: obvious selected state, stronger contrast, clean tables. */
.theme-resi-orange .summary-card {border-radius: 13px;}
.theme-resi-orange .summary-card.selected {border-color: #f29b62; background: #fff8f2; box-shadow: 0 0 0 1px #f9b68633;}
.theme-resi-orange .summary-card:hover {border-color: #f7cbb0;}
.theme-resi-orange .summary-card>div {color: #7b8994;}
.theme-resi-orange .summary-card.selected>div, .theme-resi-orange .summary-card.selected strong {color: #bb4b0f;}
.theme-resi-orange .bulk-bar {background: #fff5ed; color: #9e4a1a; border-color: #ffddc5;}
.theme-resi-orange .data-table thead {background: #fafafa;}
.theme-resi-orange .data-table th {color: #8d98a4;}
.theme-resi-orange .data-table tbody tr:hover {background: #fffaf6;}
.theme-resi-orange .data-table td {border-bottom-color: #f0f1f2;}
.theme-resi-orange .mapping-code {border-color: #ffdcc4; background: #fff7ef; color: #ac561e;}
.theme-resi-orange .mobile-card-actions {border-color: #f2ede9;}
.theme-resi-orange .pagination {border-color: #ececee;}
/* Modals, chat, notifications, and sign-in. */
.theme-resi-orange .detail-hero {background: linear-gradient(125deg, #fff6ec, #fffaf7); border-color: #ffe6d4;}
.theme-resi-orange .detail-hero strong {color: #b94c0d;}
.theme-resi-orange .inbox-shell {background: #fff;}
.theme-resi-orange .inbox-sidebar {border-color: #efefef;}
.theme-resi-orange .conversation-item.active {background: #fff3e8;}
.theme-resi-orange .message.outgoing p {background: #fff0e4; color: #874214;}
.theme-resi-orange .context-note {background: #fff8ef; color: #975120; border-color: #ffe5ca;}
.theme-resi-orange .palette-search {color: #bc662b;}
.theme-resi-orange .palette-item:hover {background: #fff6ef;}
.theme-resi-orange .toast {background: #2f3b4a;}
.theme-resi-orange .toast-error {background: #a94343;}
.theme-resi-orange .auth-decoration {
  background: radial-gradient(circle at 82% 12%, #ffc38b55, transparent 36%),
              radial-gradient(circle at 15% 92%, #9b2b061e, transparent 45%),
              linear-gradient(155deg, #fd8c35 0%, #f36c1f 52%, #c9480a 100%);
}
.theme-resi-orange .auth-logo {background: #fff3e3; color: #d95a0c; box-shadow: 0 14px 26px rgba(128, 48, 9, .18);}
.theme-resi-orange .auth-decoration>span {color: #fff2e7;}
.theme-resi-orange .auth-decoration h2 em {color: #fff9e4;}
.theme-resi-orange .auth-decoration>p, .theme-resi-orange .auth-points {color: #fff2e7;}
.theme-resi-orange .auth-points .lucide {color: #fff7e1;}
.theme-resi-orange .auth-bottom {color: #ffdbbb;}
.theme-resi-orange .auth-card .eyebrow, .theme-resi-orange .mobile-login-logo {color: #d66523;}
.theme-resi-orange .auth-card h1 {color: #2f3b4a;}
.theme-resi-orange .auth-help code {background: #fff2e8; color: #aa5216;}
.theme-resi-orange .app-footer b {color: #c46628;}
.theme-resi-orange .loading-shell .skeleton {background: linear-gradient(90deg,#f1e9e1 20%,#fff8f2 45%,#f1e9e1 70%);background-size:250% 100%;}
@media (max-width: 860px) {
  .theme-resi-orange .sidebar {box-shadow: 15px 0 55px rgba(30, 41, 59, .22);}
  .theme-resi-orange .topbar {height: 66px; min-height: 66px;}
}
@media (max-width: 640px) {
  .theme-resi-orange .page-heading h1 {font-size: 24px;}
  .theme-resi-orange .metric {padding-top: 16px;}
  .theme-resi-orange .mobile-data-card {border-color: #eae9e7;}
}
@media (prefers-reduced-motion: reduce) {
  .theme-resi-orange *, .theme-resi-orange *::before, .theme-resi-orange *::after {transition: none!important; animation: none!important;}
}
/* V0.4 - eWebAcc integration workspace */
.eweb-form { display:grid;gap:13px; }
.eweb-field { display:flex; flex-direction:column;gap:6px; font-size:12px;color:#687387;font-weight:600; }
.eweb-field .field { width:100%;min-width:0; }
.eweb-form-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:7px; }
.eweb-form-actions .btn { min-height:40px; }
.eweb-result { margin-top:12px; font-size:12px; line-height:1.5; color:#16835c; }
.eweb-form-actions button[disabled] { opacity:.45;cursor:not-allowed; }
@media(max-width:600px){ .eweb-form-actions { display:grid;grid-template-columns:1fr; } .eweb-form-actions .btn{width:100%;} }
/* V0.5 Shopee Integration UX */
.setup-checklist {display:grid; gap:10px; margin:10px 0 14px;}
.setup-checklist>div {padding:13px 15px; background:#fff9f3; border:1px solid #fce7d4; border-radius:10px;}
.setup-checklist strong{color:#a54817;font-size:13px;}
.setup-checklist p{margin:4px 0 0;line-height:1.5;font-size:12px;color:#697184;}
.connector-grid .connector-card .btn {margin-top:12px;}
.theme-resi-orange .eweb-field select.field {background:#fff;}
@media(max-width:640px){.setup-checklist>div{padding:11px;}}
/* V0.6 — Unified Chat workbench */
.theme-resi-orange .chat-toolbar-panel {margin-bottom:18px}
.theme-resi-orange .chat-toolbar {display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.theme-resi-orange .chat-toolbar label {display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650;color:#637080;flex:1;min-width:180px}
.theme-resi-orange .chat-toolbar .btn {height:40px}
.theme-resi-orange .chat-v06 {min-height:580px}
.theme-resi-orange .chat-v06 .inbox-sidebar {min-width:245px}
.theme-resi-orange .chat-v06 .inbox-conversation {min-width:0}
.theme-resi-orange .chat-v06 .chat-messages {min-height:270px;max-height:430px;overflow-y:auto}
.theme-resi-orange .chat-search-wrap {padding:9px 14px;border-bottom:1px solid #ebedf0}
.theme-resi-orange .chat-search-wrap .field {width:100%;font-size:12px}
.theme-resi-orange .chat-unread {min-width:21px;height:21px;background:#f47721;color:#fff;border-radius:100px;padding:0 6px;display:inline-grid;place-items:center;font-size:10px;font-weight:700;align-self:center}
.theme-resi-orange .chat-quick-replies {display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap}
.theme-resi-orange .chat-quick-replies .btn {font-size:11px;border-radius:100px;background:#fff6f0;color:#ac551f}
.theme-resi-orange .chat-caution {font-size:11px;line-height:1.45;color:#86919e;margin:2px 14px 12px}
.theme-resi-orange .chat-context-label {display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5e6875;margin:15px 0}
.theme-resi-orange .chat-context-label .field {max-width:100%;width:100%}
@media(max-width:980px){.theme-resi-orange .chat-v06 {display:flex;flex-direction:column}.theme-resi-orange .chat-v06 .inbox-sidebar,.theme-resi-orange .chat-v06 .inbox-context {min-width:0;max-width:none;width:100%}.theme-resi-orange .chat-v06 .conversations {max-height:250px}.theme-resi-orange .chat-v06 .inbox-conversation {min-height:400px}}

/* V0.7 Operations Suite */
.ops-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ops-form{display:flex;flex-direction:column;gap:12px;margin-top:18px}.ops-form label{font-weight:600;font-size:13px;display:flex;flex-direction:column;gap:7px}.ops-form.ops-inline,.ops-form.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));align-items:end;gap:12px}.ops-suggestions{margin:12px 0;padding:12px;border-radius:12px;background:#fff7f0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ops-suggestions>strong{width:100%;color:#9a4e14}.ops-suggestions button{max-width:100%;white-space:normal;text-align:left}.panel .ops-form button{align-self:end} 

/* V1.10: consolidated operations/marketing/sales bridge controls */
.v110-form { display:grid; gap:12px; }
.v110-form label { font-size:13px; font-weight:600; color:#475569; }
.v110-form textarea { width:100%; min-height:140px; resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; line-height:1.55; font-size:12px; }
.v110-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.v110-check { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:500; }
.v110-info { padding:15px 17px; border-radius:12px; background:#fff7ed; border:1px solid #ffedd5; line-height:1.6; font-size:13px; margin-bottom:12px; }
.v110-info p { margin:6px 0; }
.v110-info code { white-space:normal; overflow-wrap:anywhere; }
.v110-warning { display:block; max-width:330px; color:#9a3412; font-size:12px; line-height:1.4; }
@media(max-width:720px){.v110-actions {align-items:stretch; flex-direction:column}.v110-actions .btn {width:100%}.v110-check {align-self:flex-start}.v110-form textarea{min-height:160px}}
/* V1.20 Catalog & Commerce Pro: follows existing Orange Edition components */
.pro-form{display:flex;flex-direction:column;gap:16px;padding:12px 0 20px}
.pro-form .btn-primary{align-self:flex-start}
.pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pro-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;color:var(--text,#263243)}
.pro-field .field{width:100%;min-width:0}
.pro-check-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px;background:#fffaf5;border:1px solid #fed7aa;border-radius:12px;max-height:200px;overflow:auto}
.pro-scroll-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;max-height:260px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px}
.pro-choice{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;background:white;padding:7px;border:1px solid #edf0f3;border-radius:9px;cursor:pointer}
.pro-choice input{accent-color:#ea580c;flex-shrink:0;margin-top:3px}
.pro-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:12px;min-height:30px;background:#f8fafc;color:#344054;border-radius:10px;max-height:330px;overflow:auto}
.pro-swatch{display:inline-block;width:17px;height:17px;border:1px solid #d3d8e0;border-radius:4px;vertical-align:middle;margin-right:6px}
.pro-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pro-canvas{display:block;width:min(100%,400px);aspect-ratio:1;object-fit:contain;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.pro-muted{font-size:12px;line-height:1.6;color:#667085}
@media(max-width:850px){.pro-grid,.pro-scroll-list{grid-template-columns:1fr}.pro-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pro-check-list{grid-template-columns:1fr}}

.pro-target{display:flex;flex-direction:column;gap:4px;border:1px solid #eaeaea;border-radius:9px;padding:5px;background:white}.pro-target>.pro-choice{border:0;padding:2px}.pro-target .field{font-size:11px;padding:7px 8px;max-width:100%}

/* V1.21 safe publishing review */
.pro121-area{margin-top:18px}.pro121-small{font-size:11px;color:#667085;display:block;line-height:1.5;margin-top:4px;max-width:330px}
.pro121-check{display:inline-flex;font-size:11px;font-weight:700;padding:4px 8px;border-radius:18px}
.pro121-check.ok{color:#166534;background:#dcfce7}.pro121-check.bad{color:#9a3412;background:#ffedd5}
.pro121-tools,.pro121-actions,.pro121-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.pro121-tools .field{max-width:340px;flex:1 1 180px}.pro121-price{min-width:94px;max-width:145px}.pro121-area .data-table th{white-space:nowrap}
.pro121-area .data-table input{min-width:125px}.pro121-area .data-table td{vertical-align:top}
.pro121-preview{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:16px;background:#fff7ed;border-radius:12px;border:1px solid #fed7aa;margin:14px 0}
.pro121-preview img{object-fit:contain;width:min(290px,100%);height:auto;border:1px solid #fbd4ab;background:#fff}
@media(max-width:720px){.pro121-tools,.pro121-actions{align-items:stretch;flex-direction:column}.pro121-tools .field{max-width:none;width:100%}}

.pro121-upload{display:flex;gap:5px;flex-direction:column;max-width:230px;padding:6px;background:#fff7ed;border-radius:8px;font-size:11px;color:#9a3412}.pro121-upload input{max-width:190px;font-size:11px}.pro121-buttons{align-items:flex-start}
/* V1.22 Fulfillment Pro: dense, scannable quality/sortation panels. */
.v122-section{margin-top:18px;padding:16px;border:1px solid var(--border,#e6e8ea);border-radius:14px;background:var(--surface,#fff)}
.v122-section h3,.v122-section h4{margin:12px 0 8px;color:var(--text,#222);font-size:14px}
.v122-section .pro-grid{align-items:start}
.v122-section .pro-form{min-width:0}
#v122-wave-pane .table-wrap,#v122-order-pane .table-wrap{margin-top:10px}
#v122-label-ready{padding:12px 0}
@media(max-width:700px){.v122-section{padding:10px}.v122-section .pro-grid{grid-template-columns:1fr}}