/* EM POS Manager client-facing visual layer */
:root{
  --bg:#07101d;
  --bg2:#0b1729;
  --panel:rgba(11,23,41,.90);
  --panel2:rgba(15,30,54,.84);
  --line:rgba(125,163,210,.20);
  --text:#f7fbff;
  --muted:#91a5c3;
  --accent:#22c55e;
  --accent2:#22d3ee;
  --danger:#fb7185;
  --success:#22c55e;
  --warning:#f6c453;
  --warn:#f6c453;
  --input-bg:rgba(6,16,31,.76);
  --input-bg-2:#0b1628;
  --shadow:0 18px 42px rgba(0,0,0,.28);
  --shadow-soft:0 18px 42px rgba(0,0,0,.28);
  --surface:#0b1729;
  --surface-1:#0b1729;
  --surface-2:#0f1e36;
  --sidebar:#050d19;
  --sidebar-bg:#050d19;
  --sidebar-hover:#0f1e36;
  --border:rgba(125,163,210,.28);
  --border-soft:rgba(125,163,210,.20);
  --text-soft:#91a5c3;
  --input-border:rgba(125,163,210,.26);
  --input-border-focus:rgba(34,211,238,.62);
  --op-bg:#07101d;
  --op-ink:#f7fbff;
  --op-muted:#91a5c3;
  --op-card:rgba(11,23,41,.90);
  --op-card-2:rgba(15,30,54,.84);
  --op-line:rgba(125,163,210,.20);
  --op-line-strong:rgba(125,163,210,.34);
  --op-blue:#60a5fa;
  --op-violet:#8b7cf6;
  --op-cyan:#22d3ee;
  --op-green:#22c55e;
  --op-slate:#8da2c2;
  --op-warn:#f6c453;
  --op-danger:#fb7185;
  --op-shadow:0 18px 42px rgba(0,0,0,.28);
}

body[data-theme="light"]{
  --bg:#eef4fb;
  --bg2:#ffffff;
  --panel:rgba(255,255,255,.92);
  --panel2:rgba(248,251,255,.96);
  --line:rgba(32,61,96,.16);
  --text:#102033;
  --muted:#5e6f86;
  --accent:#15803d;
  --accent2:#2563eb;
  --danger:#be123c;
  --success:#15803d;
  --warning:#b7791f;
  --warn:#b7791f;
  --input-bg:rgba(255,255,255,.92);
  --input-bg-2:#ffffff;
  --shadow:0 16px 36px rgba(25,42,70,.12);
  --shadow-soft:0 16px 36px rgba(25,42,70,.12);
  --surface:#ffffff;
  --surface-1:#ffffff;
  --surface-2:#f2f6fb;
  --sidebar:#e5edf7;
  --sidebar-bg:#e5edf7;
  --sidebar-hover:#f2f6fb;
  --border:rgba(32,61,96,.26);
  --border-soft:rgba(32,61,96,.16);
  --text-soft:#5e6f86;
  --input-border:rgba(32,61,96,.22);
  --input-border-focus:rgba(37,99,235,.52);
  --op-bg:#eef4fb;
  --op-ink:#102033;
  --op-muted:#5e6f86;
  --op-card:rgba(255,255,255,.92);
  --op-card-2:rgba(248,251,255,.96);
  --op-line:rgba(32,61,96,.16);
  --op-line-strong:rgba(32,61,96,.28);
  --op-shadow:0 16px 36px rgba(25,42,70,.12);
}

html,
body{
  letter-spacing:0 !important;
}

body{
  color:var(--text) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(34,211,238,.10), transparent 24%),
    radial-gradient(circle at 100% 12%, rgba(96,165,250,.12), transparent 28%),
    linear-gradient(180deg,#081222 0%,#050b15 100%) !important;
}

body[data-theme="light"]{
  background:
    radial-gradient(circle at 18% 0%, rgba(34,211,238,.12), transparent 24%),
    radial-gradient(circle at 100% 12%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#e8f0fa 100%) !important;
}

.page,
#deliveryApp,
#revisionApp,
.shell{
  background:transparent !important;
}

.topbar,
.emManagerHeader,
.deliveryTopbar,
.revisionTopbar,
.stockTopbar,
.stockDateTopbar,
.settingsTopbar,
header.topbar{
  min-height:72px !important;
  border-bottom:1px solid var(--line) !important;
  background:rgba(5,13,25,.78) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

body[data-theme="light"] .topbar,
body[data-theme="light"] .emManagerHeader,
body[data-theme="light"] .deliveryTopbar,
body[data-theme="light"] .revisionTopbar,
body[data-theme="light"] .stockTopbar,
body[data-theme="light"] .stockDateTopbar,
body[data-theme="light"] .settingsTopbar,
body[data-theme="light"] header.topbar{
  background:rgba(255,255,255,.84) !important;
}

.content,
.deliveryPageWrap,
.revisionPageWrap,
.settingsPage,
.settingsContent{
  max-width:1920px !important;
  padding:18px !important;
  gap:14px !important;
}

.hero,
.panel,
.card,
.box,
.summary,
.deliveryCard,
.revisionCard,
.modalCard,
.loginPanel,
.sidePanel,
.settingsCard,
.settingsPanel,
.productCard,
.partnerCard,
.operatorCard{
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.84)) !important;
  box-shadow:var(--shadow) !important;
}

body[data-theme="light"] .hero,
body[data-theme="light"] .panel,
body[data-theme="light"] .card,
body[data-theme="light"] .box,
body[data-theme="light"] .summary,
body[data-theme="light"] .deliveryCard,
body[data-theme="light"] .revisionCard,
body[data-theme="light"] .modalCard,
body[data-theme="light"] .loginPanel,
body[data-theme="light"] .sidePanel,
body[data-theme="light"] .settingsCard,
body[data-theme="light"] .settingsPanel,
body[data-theme="light"] .productCard,
body[data-theme="light"] .partnerCard,
body[data-theme="light"] .operatorCard{
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.94)) !important;
}

.hero,
.panel,
.card,
.deliveryCard,
.revisionCard{
  padding:16px !important;
}

.heroTitle,
.cardTitle,
.panelTitle,
.sectionTitle,
.deliveryPageTitle,
.deliveryEditorTitle,
.revisionSectionTitle,
.topbarTitle,
.title{
  color:var(--text) !important;
  letter-spacing:0 !important;
}

.heroTitle{
  margin-bottom:0 !important;
  font-size:28px !important;
}

.cardTitle,
.panelTitle,
.sectionTitle{
  font-size:20px !important;
  line-height:1.15 !important;
}

.topbarSub,
.sub,
.subtitle,
.meta,
.muted,
.opMuted,
.empty{
  color:var(--muted) !important;
}

.heroText,
.cardText,
.panelText,
.sectionText,
.operationCommandSub,
.operationBrandSub,
.operationLegend,
.operationStageStrip,
.opTitleNumber,
.smallHint,
.switchText,
.opNumberHint,
.deliveryEditorSub,
.revisionSectionSub,
#operationsHomeView .cardText,
#operationsHomeView .operationPill{
  display:none !important;
}

.operationZoneTitle:before,
#operationsHomeView .card:after{
  display:none !important;
  content:none !important;
}

.operationCommandHeader{
  grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr) !important;
  border-radius:10px !important;
}

.operationCommandHeader .operationLegend{
  display:none !important;
}

.operationBrandMark{
  border-radius:10px !important;
}

.operationWorkspace:not(.operationWorkspaceHub) .operationBrandMark,
.operationWorkspaceSale .operationBrandMark,
#salesView .operationBrandMark{
  display:none !important;
}

.operationCommandTitle{
  text-align:left !important;
  font-size:24px !important;
}

#operationsHomeView .cardHead{
  padding-left:0 !important;
}

#operationsHomeView .card{
  min-height:150px !important;
}

button,
.btn,
a.btn,
.themeToggle,
.tab,
.emManagerHeaderBtn,
.deliveryBtnPrimary,
.deliveryBtnSecondary,
.deliveryBtnDanger,
.settingsActionBtn,
.settingsChoiceBtn,
.tableDesignerMiniBtn,
.smallActionBtn,
.opMiniBtn,
.productActionBtn,
.partnerActionBtn,
.operatorActionBtn{
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:var(--panel2) !important;
  color:var(--text) !important;
  box-shadow:none !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

button:hover,
.btn:hover,
a.btn:hover,
.themeToggle:hover,
.tab:hover,
.emManagerHeaderBtn:hover,
.deliveryBtnPrimary:hover,
.deliveryBtnSecondary:hover,
.deliveryBtnDanger:hover,
.settingsActionBtn:hover,
.settingsChoiceBtn:hover,
.tableDesignerMiniBtn:hover,
.smallActionBtn:hover,
.opMiniBtn:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}

.btn.primary,
button.primary,
.loginPanel .form > button:not(.secondary),
.loginPanel .row > button:first-child:not(.secondary),
.tab.active,
.deliveryBtnPrimary,
.settingsActionBtn.primary,
.tableDesignerMiniBtn.primary,
.emManagerHeaderBtn.primary,
.opMiniBtn.primary{
  background:linear-gradient(135deg,rgba(34,197,94,.92),rgba(34,211,238,.72)) !important;
  border-color:rgba(34,211,238,.38) !important;
  color:#06111f !important;
}

.btn.danger,
button.danger,
.danger.btn,
.deliveryBtnDanger,
.emManagerHeaderBtn.danger,
.topbarActions > button.danger,
.settingsTopbarActions > button.danger,
.deliveryTopbarActions > button.danger,
.revisionTopbarActions > button.danger,
.stockTopbarActions > button.danger,
.stockDateTopbarActions > button.danger,
.smallRemoveBtn,
.opMiniBtn.remove,
.recipeRemoveBtn,
.tableDesignerMiniBtn.danger,
.logoutBtn{
  background:rgba(251,113,133,.13) !important;
  border-color:rgba(251,113,133,.34) !important;
  color:var(--danger) !important;
}

.actionTextBtn{
  min-width:0 !important;
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.smallRemoveBtn.actionTextBtn{
  min-width:0 !important;
}

.deliveryActionGroup{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  min-width:236px !important;
}

.deliveryActionGroup .actionTextBtn{
  flex:0 0 auto !important;
  min-width:72px !important;
  min-height:34px !important;
  padding:8px 11px !important;
  line-height:1 !important;
}

.deliveryItemsTable .deliveryRowRemoveBtn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:16px !important;
  line-height:1 !important;
}

.deliveryActionGroup .primaryAction{
  border-color:rgba(34,211,238,.34) !important;
  background:rgba(34,211,238,.11) !important;
  color:#c8f6ff !important;
}

body[data-theme="light"] .deliveryActionGroup .primaryAction{
  color:#0e4f66 !important;
}

.deliveryTable{
  min-width:1880px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:visible !important;
}

.deliveryTableWrap{
  position:relative !important;
  overflow:auto !important;
}

.deliveryTable th,
.deliveryTable td{
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:1.25 !important;
}

.deliveryTable th:nth-child(1),
.deliveryTable td:nth-child(1){width:140px !important;min-width:140px !important;}
.deliveryTable th:nth-child(2),
.deliveryTable td:nth-child(2){width:170px !important;min-width:170px !important;}
.deliveryTable th:nth-child(3),
.deliveryTable td:nth-child(3){width:130px !important;min-width:130px !important;}
.deliveryTable th:nth-child(4),
.deliveryTable td:nth-child(4){width:150px !important;min-width:150px !important;}
.deliveryTable th:nth-child(5),
.deliveryTable td:nth-child(5){width:150px !important;min-width:150px !important;}
.deliveryTable th:nth-child(6),
.deliveryTable td:nth-child(6){width:210px !important;min-width:210px !important;}
.deliveryTable th:nth-child(7),
.deliveryTable td:nth-child(7){width:130px !important;min-width:130px !important;}
.deliveryTable th:nth-child(8),
.deliveryTable td:nth-child(8){width:120px !important;min-width:120px !important;}
.deliveryTable th:nth-child(9),
.deliveryTable td:nth-child(9){width:120px !important;min-width:120px !important;}
.deliveryTable th:nth-child(10),
.deliveryTable td:nth-child(10){width:120px !important;min-width:120px !important;}
.deliveryTable th:nth-child(11),
.deliveryTable td:nth-child(11){width:150px !important;min-width:150px !important;}
.deliveryTable th:nth-child(12),
.deliveryTable td:nth-child(12){width:130px !important;min-width:130px !important;}
.deliveryTable th:nth-child(13),
.deliveryTable td:nth-child(13){width:150px !important;min-width:150px !important;}
.deliveryTable th:nth-child(14),
.deliveryTable td:nth-child(14){
  width:260px !important;
  min-width:260px !important;
  position:sticky !important;
  right:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.96)) !important;
  box-shadow:-12px 0 22px rgba(0,0,0,.12) !important;
}

.deliveryTable th:nth-child(14){
  z-index:5 !important;
}

body[data-theme="light"] .deliveryTable th:nth-child(14),
body[data-theme="light"] .deliveryTable td:nth-child(14){
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.98)) !important;
  box-shadow:-12px 0 22px rgba(25,42,70,.10) !important;
}

.revisionActionGroup{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  min-width:188px !important;
}

.revisionActionGroup .actionTextBtn{
  flex:0 0 auto !important;
  min-width:84px !important;
  min-height:34px !important;
  padding:8px 11px !important;
  line-height:1 !important;
}

.revisionActionGroup .smallEditBtn{
  border-color:rgba(34,211,238,.34) !important;
  background:rgba(34,211,238,.11) !important;
  color:#c8f6ff !important;
}

body[data-theme="light"] .revisionActionGroup .smallEditBtn{
  color:#0e4f66 !important;
}

#revisionListView .revisionTable{
  min-width:1500px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:visible !important;
}

#revisionListView .revisionTableWrap,
#revisionEditorView .revisionTableWrap{
  position:relative !important;
  overflow:auto !important;
}

#revisionListView .revisionTable th,
#revisionListView .revisionTable td,
#revisionEditorView .revisionTable th,
#revisionEditorView .revisionTable td{
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:1.25 !important;
}

#revisionListView .revisionTable th:nth-child(1),
#revisionListView .revisionTable td:nth-child(1){width:130px !important;min-width:130px !important;}
#revisionListView .revisionTable th:nth-child(2),
#revisionListView .revisionTable td:nth-child(2){width:110px !important;min-width:110px !important;}
#revisionListView .revisionTable th:nth-child(3),
#revisionListView .revisionTable td:nth-child(3){width:150px !important;min-width:150px !important;}
#revisionListView .revisionTable th:nth-child(4),
#revisionListView .revisionTable td:nth-child(4){width:140px !important;min-width:140px !important;}
#revisionListView .revisionTable th:nth-child(5),
#revisionListView .revisionTable td:nth-child(5){width:170px !important;min-width:170px !important;}
#revisionListView .revisionTable th:nth-child(6),
#revisionListView .revisionTable td:nth-child(6){width:110px !important;min-width:110px !important;}
#revisionListView .revisionTable th:nth-child(7),
#revisionListView .revisionTable td:nth-child(7){width:110px !important;min-width:110px !important;}
#revisionListView .revisionTable th:nth-child(8),
#revisionListView .revisionTable td:nth-child(8){width:110px !important;min-width:110px !important;}
#revisionListView .revisionTable th:nth-child(9),
#revisionListView .revisionTable td:nth-child(9){width:130px !important;min-width:130px !important;}
#revisionListView .revisionTable th:nth-child(10),
#revisionListView .revisionTable td:nth-child(10){width:130px !important;min-width:130px !important;}
#revisionListView .revisionTable th:nth-child(11),
#revisionListView .revisionTable td:nth-child(11){
  width:230px !important;
  min-width:230px !important;
  position:sticky !important;
  right:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.96)) !important;
  box-shadow:-12px 0 22px rgba(0,0,0,.12) !important;
}

#revisionListView .revisionTable th:nth-child(11){
  z-index:5 !important;
}

body[data-theme="light"] #revisionListView .revisionTable th:nth-child(11),
body[data-theme="light"] #revisionListView .revisionTable td:nth-child(11){
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.98)) !important;
  box-shadow:-12px 0 22px rgba(25,42,70,.10) !important;
}

#revisionEditorView .revisionTable{
  min-width:1580px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:visible !important;
}

#revisionEditorView .revisionTable th:first-child,
#revisionEditorView .revisionTable td:first-child{
  width:360px !important;
  min-width:360px !important;
}

#revisionEditorView .revisionTable th:last-child,
#revisionEditorView .revisionTable td:last-child{
  width:150px !important;
  min-width:150px !important;
  position:sticky !important;
  right:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.96)) !important;
  box-shadow:-12px 0 22px rgba(0,0,0,.12) !important;
}

#revisionEditorView .revisionTable th:last-child{
  z-index:5 !important;
}

body[data-theme="light"] #revisionEditorView .revisionTable th:last-child,
body[data-theme="light"] #revisionEditorView .revisionTable td:last-child{
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.98)) !important;
  box-shadow:-12px 0 22px rgba(25,42,70,.10) !important;
}

#revisionSuggestionPortal.revisionSuggestList{
  position:fixed !important;
  left:0;
  top:0;
  width:360px;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 !important;
  border-radius:16px !important;
  border:1px solid var(--line) !important;
  background:var(--panel) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.35) !important;
  z-index:100000 !important;
}

#revisionSuggestionPortal .revisionSuggestItem{
  display:block !important;
  width:100% !important;
  padding:10px 12px !important;
  border:0 !important;
  border-bottom:1px solid var(--line) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--text) !important;
  text-align:left !important;
  font-weight:400 !important;
  cursor:pointer !important;
}

#revisionSuggestionPortal .revisionSuggestItem:last-child{
  border-bottom:0 !important;
}

#revisionSuggestionPortal .revisionSuggestItem:hover,
#revisionSuggestionPortal .revisionSuggestItem.active{
  background:var(--panel-2) !important;
  opacity:1 !important;
}

#revisionSuggestionPortal .revisionSuggestTitle{
  font-size:14px !important;
  font-weight:700 !important;
  color:var(--text) !important;
  line-height:1.25 !important;
}

#revisionSuggestionPortal .revisionSuggestMeta,
#revisionSuggestionPortal .revisionNoSuggest{
  font-size:12px !important;
  color:var(--muted) !important;
  line-height:1.35 !important;
}

#revisionSuggestionPortal .revisionSuggestMeta{
  margin-top:4px !important;
}

#revisionSuggestionPortal .revisionNoSuggest{
  padding:10px 12px !important;
}

input,
select,
textarea,
.input,
.select,
.textarea,
.search,
.opInput,
.opSelect,
.opTextarea,
.deliveryInput,
.deliverySelect,
.deliveryTextarea,
.revisionInput,
.revisionSelect,
.revisionTextarea{
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:var(--input-bg) !important;
  color:var(--text) !important;
  outline:none !important;
  box-shadow:none !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.select:focus,
.textarea:focus,
.search:focus,
.opInput:focus,
.opSelect:focus,
.opTextarea:focus,
.deliveryInput:focus,
.deliverySelect:focus,
.deliveryTextarea:focus,
.revisionInput:focus,
.revisionSelect:focus,
.revisionTextarea:focus{
  border-color:rgba(34,211,238,.62) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.12) !important;
}

select option{
  background:var(--input-bg-2) !important;
  color:var(--text) !important;
}

.tableWrap,
.deliveryTableWrap,
.deliveryItemsTableWrap,
.revisionTableWrap,
.opRows,
.opListTable,
.messageList{
  border-radius:8px !important;
  border-color:var(--line) !important;
  background:rgba(7,17,32,.44) !important;
  scrollbar-color:rgba(125,163,210,.40) transparent;
}

body[data-theme="light"] .tableWrap,
body[data-theme="light"] .deliveryTableWrap,
body[data-theme="light"] .deliveryItemsTableWrap,
body[data-theme="light"] .revisionTableWrap,
body[data-theme="light"] .opRows,
body[data-theme="light"] .opListTable,
body[data-theme="light"] .messageList{
  background:rgba(248,251,255,.84) !important;
}

.table th,
.deliveryTable th,
.deliveryItemsTable th,
.revisionTable th,
.opListTable th,
.opRowHead{
  background:rgba(96,165,250,.09) !important;
  color:#c5d5eb !important;
  letter-spacing:0 !important;
}

body[data-theme="light"] .table th,
body[data-theme="light"] .deliveryTable th,
body[data-theme="light"] .deliveryItemsTable th,
body[data-theme="light"] .revisionTable th,
body[data-theme="light"] .opListTable th,
body[data-theme="light"] .opRowHead{
  color:#344760 !important;
}

.status,
.badge,
.operationPill,
.miniBadge,
.opStatus,
.deliveryStatus,
.revisionStatus{
  border-radius:8px !important;
  border-color:var(--line) !important;
  background:rgba(96,165,250,.08) !important;
  color:var(--muted) !important;
}

.status.success,
.badge.ok,
.operationPill.ready,
.miniBadge.ok{
  border-color:rgba(34,197,94,.34) !important;
  background:rgba(34,197,94,.10) !important;
  color:#86efac !important;
}

.status.error,
.badge.off,
.miniBadge.warn{
  border-color:rgba(251,113,133,.34) !important;
  background:rgba(251,113,133,.10) !important;
  color:var(--danger) !important;
}

.modal{
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.logo{
  filter:drop-shadow(0 10px 22px rgba(34,211,238,.10));
}

.settingsLayout{
  background:transparent !important;
}

.settingsSidebar{
  width:248px !important;
  padding:16px 10px !important;
  background:rgba(5,13,25,.82) !important;
  border-right:1px solid var(--line) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.18) !important;
}

body[data-theme="light"] .settingsSidebar{
  background:rgba(255,255,255,.82) !important;
}

.settingsSidebar.collapsed{
  width:74px !important;
}

.settingsLogoWrap{
  margin-bottom:10px !important;
}

.settingsLogo{
  width:104px !important;
}

.settingsSidebar.collapsed .settingsLogo{
  width:42px !important;
}

.settingsMenuItem{
  min-height:42px !important;
  padding:10px 12px !important;
  border-radius:8px !important;
  border:1px solid transparent !important;
  color:var(--muted) !important;
  font-weight:850 !important;
}

.settingsMenuItem:hover,
.settingsMenuItem.active{
  background:var(--panel2) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

.settingsMenuIcon{
  width:34px !important;
  min-width:34px !important;
  height:28px !important;
  border-radius:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--line) !important;
  background:rgba(34,211,238,.10) !important;
  color:#c8f6ff !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}

body[data-theme="light"] .settingsMenuIcon{
  color:#0e4f66 !important;
}

.settingsTopbar{
  height:auto !important;
  min-height:72px !important;
  padding:12px 18px !important;
  gap:12px !important;
  background:rgba(5,13,25,.78) !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

body[data-theme="light"] .settingsTopbar{
  background:rgba(255,255,255,.84) !important;
}

.settingsTopbarTitle{
  font-size:22px !important;
  font-weight:900 !important;
}

.settingsTopbarTitle img{
  height:38px !important;
}

.settingsToggle{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border-radius:8px !important;
  flex:0 0 auto !important;
}

.settingsToggleBars{
  width:18px !important;
  height:12px !important;
  display:block !important;
  position:relative !important;
  border-top:2px solid currentColor !important;
  border-bottom:2px solid currentColor !important;
}

.settingsToggleBars::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:3px !important;
  border-top:2px solid currentColor !important;
}

.settingsHeaderBtn{
  min-height:42px !important;
  padding:10px 14px !important;
}

.settingsContent{
  padding:18px !important;
  gap:14px !important;
}

.settingsHeroCard{
  padding:16px !important;
  border-radius:10px !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.84)) !important;
  box-shadow:var(--shadow) !important;
}

body[data-theme="light"] .settingsHeroCard{
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.94)) !important;
}

.settingsHeroTitle{
  margin:0 !important;
  font-size:24px !important;
  line-height:1.15 !important;
  color:var(--text) !important;
}

.settingsGrid{
  gap:14px !important;
}

.settingsCard{
  border-radius:10px !important;
  padding:16px !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.84)) !important;
  box-shadow:var(--shadow) !important;
}

body[data-theme="light"] .settingsCard{
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.94)) !important;
}

.settingsCardTitle{
  margin:0 0 10px !important;
  font-size:19px !important;
  line-height:1.2 !important;
}

.settingsCardText,
.documentTemplateHelpText,
.documentTemplatePreviewHint,
.tableDesignerSectionText,
.importSourceSub{
  display:none !important;
}

.settingsSubTabs{
  gap:8px !important;
  margin:0 0 14px !important;
}

.settingsSubTab,
.importSourceBtn,
.settingsChoiceBtn,
.settingsCheckRow,
.settingsCategoryChip,
.documentTemplateListItem,
.documentTemplatePresetCard,
.printerDeviceCard{
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:var(--panel2) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

.settingsSubTab.active,
.importSourceBtn.active,
.settingsChoiceBtn.active,
.settingsCategoryChip.active,
.documentTemplateListItem.active{
  border-color:rgba(34,211,238,.40) !important;
  background:rgba(34,211,238,.10) !important;
}

.settingsInlineRow,
.settingsCategoryActions,
.documentTemplateToolbar{
  gap:8px !important;
}

.settingsInfoBox,
.settingsEmptyNote,
.importUploadZone,
.importSummaryCard,
.tableDesignerSection,
.tableDesignerRoomRow,
.tableDesignerWorkspace{
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:rgba(96,165,250,.08) !important;
  color:var(--muted) !important;
}

.settingsStatus{
  min-height:36px !important;
  padding:10px 12px !important;
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:rgba(96,165,250,.08) !important;
  color:var(--muted) !important;
}

.settingsStatus:empty{
  display:none !important;
}

.settingsStatus.success{
  border-color:rgba(34,197,94,.34) !important;
  background:rgba(34,197,94,.10) !important;
  color:#86efac !important;
}

body[data-theme="light"] .settingsStatus.success{
  color:#166534 !important;
}

.settingsStatus.error{
  border-color:rgba(251,113,133,.34) !important;
  background:rgba(251,113,133,.10) !important;
  color:var(--danger) !important;
}

.documentTemplateLayout{
  gap:14px !important;
}

.documentTemplateList,
.documentTemplatePreviewPane,
.importPreviewTableWrap{
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:rgba(7,17,32,.44) !important;
}

body[data-theme="light"] .documentTemplateList,
body[data-theme="light"] .documentTemplatePreviewPane,
body[data-theme="light"] .importPreviewTableWrap{
  background:rgba(248,251,255,.84) !important;
}

.tableDesignerDialog{
  border-radius:10px !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(180deg,var(--panel),rgba(8,18,34,.94)) !important;
}

body[data-theme="light"] .tableDesignerDialog{
  background:linear-gradient(180deg,var(--panel),rgba(248,251,255,.96)) !important;
}

@media(max-width:900px){
  .operationCommandHeader{
    grid-template-columns:1fr !important;
  }

  .content,
  .deliveryPageWrap,
  .revisionPageWrap,
  .settingsPage,
  .settingsContent{
    padding:14px !important;
  }

  .settingsTopbar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .settingsTopbarActions{
    width:100% !important;
    justify-content:flex-start !important;
  }

  .settingsHeaderBtn,
  .settingsTopbarActions .themeToggle{
    flex:1 1 160px !important;
  }
}