:root{
  --bg: #ffffff;
  --bg-soft: #f5f5f7;
  --sidebar-bg: #fafafa;
  --text: #1d1d1f;
  --text-soft: #6e6e73;
  --accent: #0071e3;
  --accent-dark: #0059b3;
  --radius-lg: 35px;
  --radius-md: 15px;
  --green:#34c759;
  --orange:#ff9f0a;
  --red:#ff3b30;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--text);
  background:var(--bg-soft);
}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;background:none;border:none;}

/* ---------- Login ---------- */
.login-body{
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;background:var(--bg-soft);
}
.login-card{
  background:#fff;padding:48px;width:380px;
  border-radius:var(--radius-lg);
  box-shadow:0 20px 60px rgba(0,0,0,.06);
}
.login-logo{font-weight:800;font-size:20px;margin-bottom:24px;}
.login-card h1{font-size:22px;font-weight:700;margin-bottom:6px;}
.login-sub{color:var(--text-soft);font-size:13px;margin-bottom:28px;}
.login-card label{
  display:block;font-size:13px;font-weight:600;color:var(--text-soft);
  margin-bottom:16px;
}
.login-card input{
  display:block;width:100%;margin-top:6px;
  padding:14px 16px;border:none;border-radius:var(--radius-md);
  background:var(--bg-soft);font-size:15px;color:var(--text);
  outline:none;transition:box-shadow .2s;
}
.login-card input:focus{box-shadow:0 0 0 3px rgba(0,113,227,.25);}

.password-wrap{position:relative;}
.password-wrap input{padding-right:44px;}
.password-toggle{
  position:absolute;top:50%;right:12px;transform:translateY(-50%);
  width:28px;height:28px;border-radius:8px;border:none;background:transparent;
  display:flex;align-items:center;justify-content:center;
  opacity:.6;transition:opacity .2s;
}
.password-toggle:hover{opacity:1;}
.full{width:100%;}
.btn-primary{
  background:var(--accent);color:#fff;font-weight:600;font-size:15px;
  padding:14px;border-radius:var(--radius-md);border:none;
  transition:background .2s;
}
.btn-primary:hover{background:var(--accent-dark);}
.error-msg{color:var(--red);font-size:13px;margin-top:12px;min-height:16px;}

.otp-inputs{
  display:flex;gap:8px;margin-top:8px;
}

.otp-inputs.shake{animation:otp-shake .4s ease;}
@keyframes otp-shake{
  10%,90%{transform:translateX(-3px);}
  20%,80%{transform:translateX(5px);}
  30%,50%,70%{transform:translateX(-9px);}
  40%,60%{transform:translateX(9px);}
}

.login-card input.otp-digit.error{
  box-shadow:0 0 0 2px #ff3b30;
  transition:box-shadow .6s ease;
}
.login-card input.otp-digit{
  width:100%;aspect-ratio:1;
  text-align:center;font-size:20px;font-weight:700;
  border:none;border-radius:var(--radius-md);
  background:var(--bg-soft);color:var(--text);
  outline:none;transition:box-shadow .2s;
  padding:0;margin-top:0;
}
.login-card input.otp-digit:focus{box-shadow:0 0 0 3px rgba(0,113,227,.25);}
.login-note{
  margin-top:20px;font-size:12px;color:var(--text-soft);
  background:var(--bg-soft);padding:14px;border-radius:var(--radius-md);
  line-height:1.5;
}

/* ---------- Admin shell ---------- */
.admin-shell{display:flex;min-height:100vh;}

.sidebar{
  width:260px;background:var(--sidebar-bg);
  display:flex;flex-direction:column;
  padding:24px 16px;flex-shrink:0;
  position:relative;
  transition:width .25s ease, padding .25s ease;
}

.sidebar.collapsed{width:84px;padding:24px 12px;}
.sidebar.collapsed .sidebar-logo,
.sidebar.collapsed .nav-label,
.sidebar.collapsed .chevron,
.sidebar.collapsed .accordion-panel,
.sidebar.collapsed .logout-label{display:none;}
.sidebar.collapsed .nav-item,
.sidebar.collapsed .accordion-toggle{justify-content:center;padding:12px;}
.sidebar.collapsed .logout-btn{padding:12px;}

.sidebar-collapse-btn{
  position:absolute;top:50%;right:-14px;transform:translateY(-50%);
  width:16px;height:34px;border-radius:0 17px 17px 0;
  background:#fff;border:none;box-shadow:0 2px 10px rgba(0,0,0,.1);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-soft);cursor:pointer;z-index:20;
  transition:color .2s, box-shadow .2s;
}
.sidebar-collapse-btn:hover{color:var(--text);box-shadow:0 4px 14px rgba(0,0,0,.14);}
.sidebar-collapse-btn span{
  display:inline-block;transform:rotate(90deg);
  font-size:11px;letter-spacing:1px;line-height:1;
}

.sidebar-logo{font-weight:800;font-size:19px;padding:0 12px 24px;}

.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;}

.nav-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;border-radius:var(--radius-md);
  font-size:13px;font-weight:500;color:var(--text);
  transition:background .2s;width:100%;text-align:left;
}
.nav-item:hover{background:var(--bg-soft);}
.nav-item.active{background:var(--accent);color:#fff;}

.nav-icon{
  width:20px;height:20px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#1d1d1f; /* чёрная иконка по умолчанию */
}
.nav-icon svg{width:100%;height:100%;}
.nav-item.active .nav-icon{color:#fff;}

.sidebar-divider{height:1px;background:#e5e5ea;margin:12px 4px;}

.accordion-toggle{display:flex;justify-content:space-between;align-items:center;}
.chevron{transition:transform .25s;color:var(--text-soft);}
.accordion-toggle.open .chevron{transform:rotate(90deg);}

.accordion-panel{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease;
  display:flex;flex-direction:column;padding-left:12px;
}
.accordion-panel.open{max-height:400px;}

.nav-subitem{
  padding:10px 14px;font-size:13px;color:var(--text-soft);
  border-radius:var(--radius-md);transition:background .2s, color .2s;
}
.nav-subitem:hover{background:var(--bg-soft);color:var(--text);}

.logout-btn{
  margin-top:16px;text-align:center;padding:12px;
  border-radius:var(--radius-md);background:var(--bg-soft);
  font-size:13px;font-weight:600;color:var(--text-soft);
  transition:background .2s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.logout-btn .nav-icon{color:var(--text-soft);}
.logout-btn:hover{background:#e8e8ed;}

/* ---------- Content ---------- */
.content{flex:1;padding:32px 40px;overflow-y:auto;}
.content-header{
  display:flex;justify-content:space-between;align-items:flex-start;
  margin-bottom:28px;
}
.content-header-end{justify-content:flex-end;align-items:center;gap:16px;}
.content-header h1{font-size:26px;font-weight:800;letter-spacing:-.02em;}
.content-sub{color:var(--text-soft);font-size:13px;margin-top:4px;}
.owner-chip{
  background:#fff;padding:10px 18px;border-radius:999px;
  font-size:13px;font-weight:600;color:var(--text-soft);
}

.kpi-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;
}
.kpi-card{
  background:#fff;border-radius:var(--radius-md);padding:22px;
}
.kpi-label{display:block;font-size:13px;color:var(--text-soft);margin-bottom:8px;}
.kpi-value{font-size:24px;font-weight:800;letter-spacing:-.02em;}

.panel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;}
.panel{background:#fff;border-radius:var(--radius-lg);padding:24px;}
/* Таблица заказов: колонки не сжимаются ниже своего минимума (см.
   admin/js/crm-columns.js — COLUMN_MIN_PX) — если из-за этого строка целиком
   не помещается по ширине, вместо порчи вёрстки появляется горизонтальная
   прокрутка именно этой панели. */
.panel:has(#crmListHeader){overflow-x:auto;}
.panel h3{font-size:16px;font-weight:700;margin-bottom:16px;}

.admin-table{width:100%;border-collapse:collapse;font-size:13px;}
.admin-table th{
  text-align:left;color:var(--text-soft);font-weight:600;
  font-size:12px;text-transform:uppercase;letter-spacing:.03em;
  padding-bottom:10px;
}
.admin-table td{padding:12px 0;border-top:1px solid #f0f0f0;}

.badge{
  padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;
}
.badge-progress{background:rgba(0,113,227,.1);color:var(--accent);}
.badge-done{background:rgba(52,199,89,.12);color:var(--green);}
.badge-wait{background:rgba(255,159,10,.12);color:var(--orange);}

.activity-list{list-style:none;display:flex;flex-direction:column;gap:14px;}
.activity-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dot-green{background:var(--green);}
.dot-blue{background:var(--accent);}
.dot-orange{background:var(--orange);}

@media (max-width:900px){
  .admin-shell{flex-direction:column;}
  .sidebar{width:100%;flex-direction:row;flex-wrap:wrap;}
  .kpi-grid{grid-template-columns:repeat(2,1fr);}
  .panel-grid{grid-template-columns:1fr;}
}

/* ---------- Переключатель рабочего офиса в шапке (см. js/office-switcher.js) ---------- */
.office-switcher{
  position:relative;display:inline-flex;align-items:center;margin-right:16px;
}
.office-switcher-btn{
  display:flex;align-items:center;gap:10px;background:none;border:none;padding:2px 0;
  cursor:pointer;font-family:inherit;
}
.office-switcher-dot{
  width:12px;height:12px;border-radius:50%;flex-shrink:0;
  box-shadow:0 0 0 2px rgba(0,0,0,.04);
}
.office-switcher-name{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.01em;}
.office-switcher-chevron{
  font-size:15px;color:var(--text-soft);transform:rotate(90deg);display:inline-block;
}
.office-switcher-popover{
  position:absolute;top:calc(100% + 10px);left:0;z-index:50;min-width:220px;
  background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.16);
  padding:8px;display:flex;flex-direction:column;gap:2px;
}
.office-switcher-option{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;
  cursor:pointer;font-size:13px;font-weight:600;color:var(--text);
  background:none;border:none;text-align:left;width:100%;font-family:inherit;
}
.office-switcher-option:hover{background:#f5f5f7;}
.office-switcher-option.active{background:rgba(0,113,227,.1);color:var(--accent);}
.office-switcher-option:disabled{opacity:.5;cursor:not-allowed;}
@media (max-width:900px){
  .office-switcher-name{font-size:18px;}
}

/* Динамический логотип на странице входа */
.login-logo .site-logo-img{
  display:block;
  max-width:220px;
  max-height:64px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.login-back-btn{width:100%;margin-top:10px;border:0;background:transparent;color:#6e6e73;font-size:13px;cursor:pointer;padding:8px;}
.login-back-btn:hover{color:#0071e3;}

/* ---------- Единое окно настроек в стиле macOS ---------- */
body.settings-window-open{overflow:hidden;}
.mac-settings-overlay{
  position:fixed;inset:0;z-index:100000;background:rgba(16,18,22,.34);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;
}
.mac-settings-overlay.open{opacity:1;visibility:visible;}
.mac-settings-window{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(1180px,calc(100vw - 48px));height:min(780px,calc(100vh - 48px));
  min-width:720px;min-height:480px;background:#fff;border:1px solid rgba(0,0,0,.12);
  border-radius:18px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.28);
  resize:both;display:flex;flex-direction:column;
}
.mac-settings-window.maximized{inset:12px!important;width:auto!important;height:auto!important;transform:none!important;resize:none;border-radius:14px;}
.mac-settings-window.minimized{height:54px!important;min-height:54px;resize:none;}
.mac-settings-window.minimized .mac-settings-layout{
display:none;
}
.mac-settings-titlebar{
  height:54px;flex:0 0 54px;display:flex;align-items:center;border-bottom:1px solid #dedee3;
  background:linear-gradient(#f7f7f8,#ededf0);cursor:default;user-select:none;padding:0 18px;position:relative;
}
.mac-traffic-lights{display:flex;gap:9px;align-items:center;z-index:2;}
.mac-light{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.14);padding:0;}
.mac-light-close{background:#ff5f57}.mac-light-min{background:#febc2e}.mac-light-max{background:#28c840}
.mac-light:hover{filter:brightness(.94)}
.mac-settings-heading{position:absolute;left:50%;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;line-height:1.15;pointer-events:none;}
.mac-settings-heading strong{font-size:13px;color:#202124}.mac-settings-heading span{font-size:10px;color:#777b82;margin-top:2px;}
.mac-settings-layout{
display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0;flex:1;
}
.mac-settings-sidebar{background:rgba(241,241,243,.92);border-right:1px solid #d8d8dd;padding:18px 12px;overflow:auto;}
.mac-settings-sidebar-label{font-size:11px;font-weight:700;color:#7b7d83;text-transform:uppercase;letter-spacing:.06em;padding:0 10px 9px;}
.mac-settings-categories{display:flex;flex-direction:column;gap:4px;}
.mac-settings-category{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;text-align:left;padding:10px;border-radius:10px;color:#171719;}
.mac-settings-category:hover{background:rgba(0,0,0,.055)}
.mac-settings-category.active{background:#d9e9fb;box-shadow:inset 0 0 0 1px rgba(0,113,227,.08)}
.mac-settings-category-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.13);color:#111;}
.mac-settings-category-icon svg{width:19px;height:19px;}
.mac-settings-category strong{display:block;font-size:13px;font-weight:650;color:#171719;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mac-settings-category small{display:block;font-size:10px;color:#777b82;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mac-settings-content{min-width:0;min-height:0;background:#f5f5f7;}
.mac-settings-frame{display:block;width:100%;height:100%;border:0;background:#f5f5f7;}

/* Страница, открытая внутри правой колонки окна настроек */
body.settings-embedded{background:#f5f5f7;overflow:auto;}
body.settings-embedded .admin-shell{display:block;min-height:100%;}
body.settings-embedded .sidebar{display:none!important;}
body.settings-embedded .content{padding:24px 28px;overflow:visible;min-height:100vh;}
body.settings-embedded .content-header{display:none!important;}
body.settings-embedded .sidebar-collapse-btn,body.settings-embedded .cw-fab,body.settings-embedded .cw-notepad-fab{display:none!important;}
body.settings-embedded .settings-tabs{position:sticky;top:-24px;z-index:20;background:transparent;padding:18px 0 12px;margin-bottom:14px;border:0;box-shadow:none;}

@media(max-width:820px){
  .mac-settings-window{inset:8px!important;width:auto!important;height:auto!important;min-width:0;min-height:0;transform:none!important;border-radius:14px;resize:none;}
  .mac-settings-layout{
grid-template-columns:92px minmax(0,1fr)
}
  .mac-settings-sidebar{padding:12px 7px}.mac-settings-sidebar-label{display:none}
  .mac-settings-category{display:flex;flex-direction:column;gap:5px;padding:8px 4px;text-align:center}
  .mac-settings-category small{display:none}.mac-settings-category strong{font-size:10px;max-width:76px}
  body.settings-embedded .content{padding:18px 14px}
}

/* Settings window stability and theme switch */
.mac-settings-titlebar{cursor:default;user-select:none}
.mac-settings-window{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.mac-settings-window.maximized{transform:none!important}
.mac-settings-theme-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#fff;border-bottom:1px solid #dedee3}
.mac-settings-theme-row[hidden]{display:none!important}
.mac-settings-theme-row>div{display:flex;flex-direction:column;gap:3px}
.mac-settings-theme-row strong{font-size:13px;color:#171719}
.mac-settings-theme-row span{font-size:11px;color:#777b82}
.mac-theme-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:4px;cursor:pointer}
.mac-theme-toggle::before{content:"";width:40px;height:23px;border-radius:999px;background:#d5d5da;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:background .18s ease}
.mac-theme-toggle-thumb{position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transform:translateX(2px);transition:transform .18s ease;pointer-events:none}
.mac-theme-toggle[aria-pressed="true"]::before{background:#34c759}
.mac-theme-toggle[aria-pressed="true"] .mac-theme-toggle-thumb{transform:translateX(19px)}
.mac-theme-toggle-label{min-width:52px;text-align:left;font-weight:600;color:#35363a!important}

html[data-admin-theme="dark"] body{background:#17181b;color:#ececf0}
html[data-admin-theme="dark"] .admin-shell,
html[data-admin-theme="dark"] .content,
html[data-admin-theme="dark"] .mac-settings-content{background:#17181b;color:#ececf0}
html[data-admin-theme="dark"] .sidebar{background:#202125;border-color:#34363c}
html[data-admin-theme="dark"] .nav-item,
html[data-admin-theme="dark"] .nav-label{color:#e8e8ec}
html[data-admin-theme="dark"] .mac-settings-window{background:#232429;border-color:#45474f;box-shadow:0 28px 80px rgba(0,0,0,.55)}
html[data-admin-theme="dark"] .mac-settings-titlebar{background:linear-gradient(#34353a,#292a2f);border-color:#45474f}
html[data-admin-theme="dark"] .mac-settings-heading strong{color:#f1f1f3}
html[data-admin-theme="dark"] .mac-settings-heading span{color:#a9abb2}
html[data-admin-theme="dark"] .mac-settings-sidebar{background:#292a2f;border-color:#45474f}
html[data-admin-theme="dark"] .mac-settings-sidebar-label,
html[data-admin-theme="dark"] .mac-settings-category small{color:#a9abb2}
html[data-admin-theme="dark"] .mac-settings-category strong{color:#f0f0f2}
html[data-admin-theme="dark"] .mac-settings-category:hover{background:rgba(255,255,255,.07)}
html[data-admin-theme="dark"] .mac-settings-category.active{background:#28496b}
html[data-admin-theme="dark"] .mac-settings-category-icon{background:#3a3b41;color:#fff}
html[data-admin-theme="dark"] .mac-settings-theme-row{background:#232429;border-color:#45474f}
html[data-admin-theme="dark"] .mac-settings-theme-row strong{color:#f0f0f2}
html[data-admin-theme="dark"] .mac-settings-theme-row span{color:#a9abb2}
html[data-admin-theme="dark"] .mac-theme-toggle-label{color:#ececf0!important}
html[data-admin-theme="dark"] .card,
html[data-admin-theme="dark"] .form-block,
html[data-admin-theme="dark"] .panel,
html[data-admin-theme="dark"] .settings-card,
html[data-admin-theme="dark"] .tab-panel{background:#232429!important;color:#ececf0;border-color:#41434a!important}
html[data-admin-theme="dark"] input,
html[data-admin-theme="dark"] textarea,
html[data-admin-theme="dark"] select{background:#17181b!important;color:#f0f0f2!important;border-color:#4a4c54!important}


/* ========================================================================== */
/* macOS System Settings — цельная светлая/тёмная тема                         */
/* ========================================================================== */
:root{
  --mac-win:#f5f5f7;--mac-pane:#ffffff;--mac-sidebar:rgba(238,238,241,.94);
  --mac-row:#ffffff;--mac-row-hover:#f0f0f3;--mac-border:rgba(60,60,67,.18);
  --mac-text:#1d1d1f;--mac-muted:#6e6e73;--mac-icon:#171719;--mac-selected:#0a6ed1;
}
html[data-admin-theme="dark"]{
  color-scheme:dark;
  --bg:#1d1d1f;--bg-soft:#2c2c2e;--text:#f5f5f7;--text-soft:#aeaeb2;
  --mac-win:#1c1b22;--mac-pane:#24212c;--mac-sidebar:#28262d;
  --mac-row:#302c38;--mac-row-hover:#393440;--mac-border:rgba(255,255,255,.14);
  --mac-text:#f5f5f7;--mac-muted:#b6b2bc;--mac-icon:#ffffff;--mac-selected:#1768c5;
}
.mac-settings-overlay{background:rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mac-settings-window{background:var(--mac-win)!important;border-color:var(--mac-border)!important;color:var(--mac-text);width:min(1120px,calc(100vw - 42px));height:min(790px,calc(100vh - 42px));border-radius:16px!important;overflow:hidden}
.mac-settings-titlebar{height:58px;background:color-mix(in srgb,var(--mac-sidebar) 94%,transparent)!important;border-color:var(--mac-border)!important}
.mac-settings-heading strong{color:var(--mac-text)!important;font-size:13px}.mac-settings-heading span{color:var(--mac-muted)!important}
.mac-settings-layout{
grid-template-columns:300px minmax(0,1fr)
}
.mac-settings-sidebar{background:var(--mac-sidebar)!important;border-color:var(--mac-border)!important;padding:18px 12px}
.mac-settings-sidebar-label{color:var(--mac-muted)!important}
.mac-settings-category{color:var(--mac-text)!important;border-radius:8px!important;padding:8px 10px!important;transition:background .12s ease,color .12s ease}
.mac-settings-category:hover{background:color-mix(in srgb,var(--mac-text) 7%,transparent)!important}
.mac-settings-category.active{background:var(--mac-selected)!important;box-shadow:none!important}
.mac-settings-category.active strong,.mac-settings-category.active small{color:#fff!important}
.mac-settings-category-icon{background:transparent!important;box-shadow:none!important;color:var(--mac-icon)!important;width:26px!important;height:26px!important;border-radius:6px!important}
.mac-settings-category.active .mac-settings-category-icon{color:#fff!important}
.mac-settings-category strong{color:var(--mac-text)!important;font-size:13px}.mac-settings-category small{color:var(--mac-muted)!important;font-size:10px}
.mac-settings-content{background:var(--mac-pane)!important;color:var(--mac-text);display:flex;flex-direction:column;min-height:0}
.mac-settings-frame{background:var(--mac-pane)!important;flex:1;min-height:0}
.mac-settings-theme-row{margin:22px 28px 10px;padding:14px 16px!important;border:1px solid var(--mac-border)!important;border-radius:11px;background:var(--mac-row)!important}
.mac-settings-theme-row strong{color:var(--mac-text)!important}.mac-settings-theme-row span{color:var(--mac-muted)!important}
.mac-theme-toggle{background:color-mix(in srgb,var(--mac-muted) 35%,transparent)!important}
.mac-theme-toggle[aria-pressed="true"]{background:#34c759!important}

/* Встроенные страницы настроек наследуют тему, не инвертируя изображения. */
body.settings-embedded{background:var(--mac-pane)!important;color:var(--mac-text)!important}
body.settings-embedded .admin-shell{display:block!important;min-height:100%;background:var(--mac-pane)!important}
body.settings-embedded .content{margin:0!important;padding:26px 30px 42px!important;background:var(--mac-pane)!important;min-height:100vh}
body.settings-embedded .content-header{margin-bottom:22px}body.settings-embedded .content-header h1{font-size:24px;color:var(--mac-text)}
body.settings-embedded .content-sub,body.settings-embedded .table-empty{color:var(--mac-muted)!important}
html[data-admin-theme="dark"] body.settings-embedded .panel,
html[data-admin-theme="dark"] body.settings-embedded .form-block,
html[data-admin-theme="dark"] body.settings-embedded .modal-card,
html[data-admin-theme="dark"] body.settings-embedded .replacement-modal-card,
html[data-admin-theme="dark"] body.settings-embedded .template-selector,
html[data-admin-theme="dark"] body.settings-embedded .print-editor-wrap,
html[data-admin-theme="dark"] body.settings-embedded .crm-binding-card{background:var(--mac-row)!important;color:var(--mac-text)!important;border-color:var(--mac-border)!important}
html[data-admin-theme="dark"] body.settings-embedded input,
html[data-admin-theme="dark"] body.settings-embedded textarea,
html[data-admin-theme="dark"] body.settings-embedded select{background:#1f1d25!important;color:#fff!important;border-color:var(--mac-border)!important}
html[data-admin-theme="dark"] body.settings-embedded label,
html[data-admin-theme="dark"] body.settings-embedded h1,
html[data-admin-theme="dark"] body.settings-embedded h2,
html[data-admin-theme="dark"] body.settings-embedded h3,
html[data-admin-theme="dark"] body.settings-embedded strong{color:var(--mac-text)!important}
html[data-admin-theme="dark"] body.settings-embedded svg{color:#fff}
html[data-admin-theme="dark"] body.settings-embedded img{filter:none!important}

/* Список подразделов «Основные» как в macOS. */
body.settings-embedded .settings-tabs.mac-general-list{display:flex!important;flex-direction:column;gap:0;margin:0 0 26px!important;padding:0!important;border:1px solid var(--mac-border);border-radius:12px;background:var(--mac-row);overflow:hidden}
body.settings-embedded .settings-tabs.mac-general-list.mac-general-list-exit{pointer-events:none;animation:macSettingsListOut .26s cubic-bezier(.4,0,.6,1) both}
body.settings-embedded .settings-tabs.mac-general-list.mac-general-list-hidden{display:none!important}
body.settings-embedded .settings-tabs.mac-general-list .tab-btn{display:grid!important;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:58px;margin:0!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--mac-border)!important;border-radius:0!important;background:transparent!important;color:var(--mac-text)!important;text-align:left;box-shadow:none!important}
body.settings-embedded .settings-tabs.mac-general-list .tab-btn:last-child{border-bottom:0!important}
body.settings-embedded .settings-tabs.mac-general-list .tab-btn:hover{background:var(--mac-row-hover)!important}
body.settings-embedded .settings-tabs.mac-general-list .tab-btn.active{background:color-mix(in srgb,var(--mac-selected) 13%,var(--mac-row))!important}
.mac-general-row-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;background:var(--mac-icon);color:var(--mac-pane);font-size:12px;font-weight:750;letter-spacing:-.02em}
html[data-admin-theme="dark"] .mac-general-row-icon{background:#f4f4f5;color:#19171e}
.mac-general-row-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mac-general-row-copy strong{font-size:13px!important;color:var(--mac-text)!important}.mac-general-row-copy small{font-size:11px;color:var(--mac-muted);white-space:normal}
.mac-general-row-chevron{font-size:25px;line-height:1;color:var(--mac-muted);font-weight:300}
body.settings-embedded .tab-panel{scroll-margin-top:18px}
/* Резервное отображение первых подкатегорий до выполнения JavaScript. */
body.settings-embedded .content > .tab-panel[data-panel="statuses"],
body.settings-embedded .content > .tab-panel[data-panel="active"],
body.settings-embedded .content > .tab-panel[data-panel="list"],
body.settings-embedded .content > .tab-panel[data-panel="profile"]{display:block}

body.settings-embedded .tab-panel.mac-tab-panel-enter{
  animation:macSettingsPanelIn .32s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes macSettingsListOut{
  from{opacity:1;transform:translate3d(0,0,0)}
  to{opacity:0;transform:translate3d(-56px,0,0)}
}
@keyframes macSettingsPanelIn{
  from{opacity:0;transform:translate3d(56px,0,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion:reduce){
  body.settings-embedded .settings-tabs.mac-general-list.mac-general-list-exit,body.settings-embedded .tab-panel.mac-tab-panel-enter{animation:none}
}

@media(max-width:760px){.mac-settings-layout{
grid-template-columns:94px minmax(0,1fr)
}.mac-settings-window{width:calc(100vw - 12px);height:calc(100vh - 12px)}.mac-settings-theme-row{margin:12px}.mac-settings-category{display:flex!important;flex-direction:column;padding:7px 3px!important}.mac-settings-category small{display:none!important}.mac-settings-category strong{font-size:10px!important}.mac-settings-category-icon{width:24px!important;height:24px!important}body.settings-embedded .content{padding:18px 14px 30px!important}}


/* ---------- Dark theme: black surfaces ---------- */
html[data-admin-theme="dark"] .kpi-card,
html[data-admin-theme="dark"] .logo-type-btn.active,
html[data-admin-theme="dark"] .logo-live-preview,
html[data-admin-theme="dark"] .catalog-add-form,
html[data-admin-theme="dark"] .editor-toolbar,
html[data-admin-theme="dark"] .placeholder-panel,
html[data-admin-theme="dark"] .page-tab-add,
html[data-admin-theme="dark"] .replacement-rule,
html[data-admin-theme="dark"] .staff-row{
  background:#000000;
}
html[data-admin-theme="dark"] .replacement-rule{
  border-color:#000000;
}



/* ===== Fullscreen settings workspace ===== */
body.settings-workspace-open{overflow:hidden;background:#050505!important}
.settings-workspace{position:fixed;inset:0;z-index:10050;display:grid;grid-template-columns:292px minmax(0,1fr);background:#191919f5;color:#f5f5f7;opacity:0;transform:scale(1.008);transition:opacity .22s ease,transform .22s ease;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.settings-workspace.open{opacity:1;transform:none}
.settings-workspace-sidebar{min-width:0;padding:22px 16px 18px;background:transparent;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:auto}
.settings-workspace-back{height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#f5f5f7;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}
.settings-workspace-back:hover{background:rgba(255,255,255,.11);transform:translateX(-2px)}
.settings-workspace-back svg{width:18px;height:18px}
.settings-workspace-brand{padding:30px 10px 18px;display:flex;flex-direction:column;gap:4px}
.settings-workspace-brand small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#71717a}
.settings-workspace-brand strong{font-size:26px;letter-spacing:-.035em;color:#fff}
.settings-workspace-categories{display:flex;flex-direction:column;gap:7px}
.settings-workspace-category{width:100%;min-height:66px;border:1px solid transparent;border-radius:14px;padding:10px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;background:transparent;color:#d6d6db;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.settings-workspace-category:hover{background:rgba(255,255,255,.055);transform:translateX(2px)}
.settings-workspace-category.active{background:#f5f5f7;color:#111114;border-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.settings-workspace-category-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center}
.settings-workspace-category.active .settings-workspace-category-icon{background:#e4e4e7}
.settings-workspace-category[data-id="account"] .settings-workspace-category-icon,
.settings-workspace-category[data-id="account"].active .settings-workspace-category-icon{background:transparent}
.settings-workspace-category[data-id="account"] .settings-workspace-category-copy strong{font-weight:400}

.settings-workspace-category-icon svg{width:20px;height:20px}
.settings-workspace-category-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.settings-workspace-category-copy strong{font-size:14px;line-height:1.15}
.settings-workspace-category-copy small{font-size:11px;line-height:1.25;color:#777780;white-space:normal}
.settings-workspace-category.active .settings-workspace-category-copy small{color:#68686f}
.settings-workspace-category-arrow{font-size:23px;color:#55555d;line-height:1}
.settings-workspace-footer{margin-top:auto;padding:22px 10px 2px;color:#55555e;font-size:11px;line-height:1.4}
.settings-workspace-main{min-width:0;min-height:0;background:transparent;display:flex;flex-direction:column}
.settings-workspace-header{min-height:118px;padding:25px 34px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:transparent}
.settings-workspace-header span{display:block;margin-bottom:5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#707079}
.settings-workspace-header h1{margin:0;color:#fff;font-size:31px;line-height:1.05;letter-spacing:-.04em}
.settings-workspace-header p{margin:7px 0 0;color:#85858e;font-size:13px}
.settings-workspace-header-mark{font-size:12px;letter-spacing:.22em;color:#4d4d54;font-weight:800}
.settings-workspace-content{flex:1;min-height:0;padding:16px;background:transparent}
.settings-workspace-frame{display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:#f5f5f7;box-shadow:0 24px 70px rgba(0,0,0,.34)}
@media(max-width:820px){
 .settings-workspace{grid-template-columns:92px minmax(0,1fr)}
 .settings-workspace-sidebar{padding:12px 8px}
 .settings-workspace-back{justify-content:center;padding:0}.settings-workspace-back span,.settings-workspace-brand small,.settings-workspace-category-copy,.settings-workspace-category-arrow,.settings-workspace-footer{display:none}
 .settings-workspace-brand{padding:20px 0 12px;align-items:center}.settings-workspace-brand strong{font-size:12px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em}
 .settings-workspace-category{display:flex;justify-content:center;padding:8px;min-height:54px}.settings-workspace-category-icon{width:38px;height:38px}
 .settings-workspace-header{min-height:96px;padding:18px 20px 16px}.settings-workspace-header h1{font-size:25px}.settings-workspace-header-mark{display:none}
 .settings-workspace-content{padding:8px}.settings-workspace-frame{border-radius:13px}
}
@media(max-width:560px){
 .settings-workspace{grid-template-columns:72px minmax(0,1fr)}
 .settings-workspace-header{min-height:88px;padding:15px 14px}.settings-workspace-header p{display:none}.settings-workspace-header h1{font-size:22px}
}

/* ===== 2026 fullscreen settings redesign ===== */
body.settings-workspace-open{background:#252525!important}
.settings-workspace{
  grid-template-columns:380px minmax(0,1fr)!important;
  background:#252525!important;
  color:#f4f4f5!important;
  transform:none!important;font-size:14px!important;
}
.settings-workspace-sidebar{
  padding:16px 14px 20px!important;
  background:#252525!important;
  border-right:1px solid #454545!important;
  scrollbar-color:#4d4d4d transparent;
}
.settings-workspace-back{
  width:68px!important;height:68px!important;min-height:68px!important;padding:0!important;
  justify-content:center!important;border:0!important;border-radius:16px!important;
  background:#333333!important;color:#f7f7f7!important;box-shadow:none!important;
  font-size:0!important;transform:none!important;
}
.settings-workspace-back:hover{background:#3d3d3d!important;transform:none!important}
.settings-workspace-back svg{width:34px!important;height:34px!important}
.settings-workspace-back span{display:none!important}
.settings-workspace-brand{padding:22px 16px 18px!important;gap:2px!important}
.settings-workspace-brand small{display:none!important}
.settings-workspace-brand strong{font-size:30px!important;font-weight:400!important;letter-spacing:-.03em!important;color:#f6f6f6!important}
.settings-workspace-categories{gap:2px!important;padding-right:6px!important}
.settings-workspace-category{
  min-height:70px!important;padding:10px 16px!important;border:0!important;border-radius:18px!important;
  grid-template-columns:40px minmax(0,1fr)!important;gap:14px!important;
  color:#f0f0f0!important;background:transparent!important;box-shadow:none!important;
  transform:none!important;
}
.settings-workspace-category:hover{background:#303030!important;transform:none!important}
.settings-workspace-category.active{background:#383838!important;color:#fff!important;border:0!important;box-shadow:none!important}
.settings-workspace-category-icon,
.settings-workspace-category.active .settings-workspace-category-icon,
.settings-workspace-category[data-id="account"] .settings-workspace-category-icon,
.settings-workspace-category[data-id="account"].active .settings-workspace-category-icon{
  width:40px!important;height:40px!important;background:transparent!important;border-radius:0!important;color:#f4f4f4!important;
}
.settings-workspace-category-icon svg{width:29px!important;height:29px!important}
.settings-workspace-category-copy{gap:0!important}
.settings-workspace-category-copy strong,
.settings-workspace-category[data-id="account"] .settings-workspace-category-copy strong{
  font-size:14px!important;line-height:1.2!important;font-weight:400!important;color:inherit!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.settings-workspace-category-copy small,.settings-workspace-category-arrow{display:none!important}
.settings-workspace-footer{display:none!important}
.settings-workspace-main{background:#252525!important}
.settings-workspace-header{
  min-height:90px!important;padding:24px 38px 20px!important;background:#252525!important;
  border-bottom:1px solid #454545!important;align-items:center!important;
}
.settings-workspace-header span,.settings-workspace-header p,.settings-workspace-header-mark{display:none!important}
.settings-workspace-header h1{font-size:32px!important;font-weight:400!important;letter-spacing:-.025em!important;color:#f5f5f5!important}
.settings-workspace-content{padding:0!important;background:#252525!important}
.settings-workspace-frame{
  width:100%!important;height:100%!important;border:0!important;border-radius:0!important;
  background:#252525!important;box-shadow:none!important;color-scheme:dark;
}

/* Embedded settings pages: never show a white sheet inside the iframe. */
html:has(body.settings-embedded),body.settings-embedded,
body.settings-embedded .admin-shell,body.settings-embedded .content{
  background:#252525!important;color:#f4f4f5!important;
}
body.settings-embedded .content{padding:28px 38px 48px!important}
body.settings-embedded .panel,
body.settings-embedded .form-block,
body.settings-embedded .modal-card,
body.settings-embedded .replacement-modal-card,
body.settings-embedded .template-selector,
body.settings-embedded .print-editor-wrap,
body.settings-embedded .crm-binding-card,
body.settings-embedded .settings-tabs.mac-general-list{
  background:#252525!important;color:#f4f4f5!important;border-color:#444!important;box-shadow:none!important;
}
body.settings-embedded input,body.settings-embedded textarea,body.settings-embedded select{
  background:#303030!important;color:#fff!important;border-color:#4a4a4a!important;
}
body.settings-embedded h1,body.settings-embedded h2,body.settings-embedded h3,
body.settings-embedded label,body.settings-embedded strong{color:#f4f4f5!important}
body.settings-embedded .content-sub,body.settings-embedded .table-empty,
body.settings-embedded small,body.settings-embedded p{color:#a7a7aa!important}
body.settings-embedded .settings-tabs.mac-general-list .tab-btn{
  min-height:64px!important;background:#252525!important;border-color:#444!important;color:#f4f4f5!important;
}
body.settings-embedded .settings-tabs.mac-general-list .tab-btn:hover,
body.settings-embedded .settings-tabs.mac-general-list .tab-btn.active{background:#303030!important}

@media(max-width:900px){
  .settings-workspace{grid-template-columns:96px minmax(0,1fr)!important}
  .settings-workspace-sidebar{padding:12px 8px!important}
  .settings-workspace-back{width:64px!important;height:64px!important;margin:0 auto!important}
  .settings-workspace-brand{display:none!important}
  .settings-workspace-category{display:flex!important;justify-content:center!important;padding:8px!important;min-height:60px!important}
  .settings-workspace-category-copy{display:none!important}
  .settings-workspace-header{padding:20px 22px!important}
  .settings-workspace-content{padding:0!important}
  body.settings-embedded .content{padding:22px 20px 40px!important}
}
@media(max-width:560px){
  .settings-workspace{grid-template-columns:76px minmax(0,1fr)!important}
  .settings-workspace-back{width:56px!important;height:56px!important;border-radius:14px!important}
  .settings-workspace-back svg{width:28px!important;height:28px!important}
  .settings-workspace-category-icon{width:34px!important;height:34px!important}
  .settings-workspace-category-icon svg{width:25px!important;height:25px!important}
  .settings-workspace-header{min-height:76px!important;padding:16px!important}
  .settings-workspace-header h1{font-size:25px!important}
}

/* Requested typography for settings rows */
.mac-general-row-copy strong{font-weight:300!important}


/* Unified segmented category switch */
.settings-tabs.logo-type-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  width: auto;
  max-width: 100%;
  padding: 4px;
  margin: 0 0 22px;
  overflow-x: auto;
  background: #1d1d1d !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  scrollbar-width: none;
}
.settings-tabs.logo-type-switch::-webkit-scrollbar { display: none; }
.settings-tabs.logo-type-switch .tab-btn.logo-type-btn {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #ffffff !important;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}
.settings-tabs.logo-type-switch .tab-btn.logo-type-btn:hover {
  background: rgba(255,255,255,.08) !important;
}
.settings-tabs.logo-type-switch .tab-btn.logo-type-btn.active {
  background: #007ee6 !important;
  color: #ffffff !important;
}
.settings-tabs.logo-type-switch .tab-btn.logo-type-btn:focus-visible {
  outline: 2px solid rgba(0,126,230,.65);
  outline-offset: 2px;
}
body.settings-embedded .settings-tabs.logo-type-switch {
  position: sticky;
  top: -24px;
  z-index: 20;
  padding: 4px !important;
  margin-bottom: 18px !important;
  background: #1d1d1d !important;
}
@media (max-width: 650px) {
  .settings-tabs.logo-type-switch { display: flex; width: 100%; }
  .settings-tabs.logo-type-switch .tab-btn.logo-type-btn { flex: 1 0 auto; }
}


/* === RESOIR unified dark system-settings style (2026-07-27) === */
.settings-workspace{
  grid-template-columns:302px minmax(0,1fr)!important;
  background:#252525!important;
  color:#f5f5f5!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.settings-workspace-sidebar{
  padding:10px 10px 18px!important;
  background:#252525!important;
  border-right:1px solid #404040!important;
}
.settings-workspace-back{
  width:36px!important;height:36px!important;min-height:36px!important;
  margin:0 0 13px 0!important;padding:0!important;
  border:0!important;border-radius:10px!important;
  background:#343434!important;color:#f1f1f1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:none!important;transform:none!important;
}
.settings-workspace-back:hover{background:#414141!important;transform:none!important}
.settings-workspace-back svg{width:22px!important;height:22px!important;stroke-width:1.55!important}
.settings-workspace-back span{display:none!important}
.settings-workspace-brand{padding:2px 14px 16px!important}
.settings-workspace-brand small{display:none!important}
.settings-workspace-brand strong{font-size:24px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-.025em!important;color:#f5f5f5!important}
.settings-workspace-categories{gap:2px!important;padding:0!important}
.settings-workspace-category{
  min-height:36px!important;padding:7px 12px!important;border:0!important;border-radius:12px!important;
  grid-template-columns:26px minmax(0,1fr)!important;gap:10px!important;
  background:transparent!important;color:#ededed!important;box-shadow:none!important;transform:none!important;
}
.settings-workspace-category:hover{background:#303030!important}
.settings-workspace-category.active{background:#3b3b3b!important;color:#fff!important}
.settings-workspace-category-icon,
.settings-workspace-category.active .settings-workspace-category-icon,
.settings-workspace-category[data-id="account"] .settings-workspace-category-icon,
.settings-workspace-category[data-id="account"].active .settings-workspace-category-icon{
  width:26px!important;height:26px!important;background:transparent!important;border:0!important;border-radius:0!important;color:inherit!important;
}
.settings-workspace-category-icon svg{width:18px!important;height:18px!important}
.settings-workspace-category-copy{display:block!important;min-width:0!important}
.settings-workspace-category-copy strong,
.settings-workspace-category[data-id="account"] .settings-workspace-category-copy strong{
  display:block!important;font-size:14px!important;font-weight:300!important;line-height:1.2!important;color:inherit!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.settings-workspace-category-copy small,.settings-workspace-category-arrow,.settings-workspace-footer{display:none!important}
.settings-workspace-main{background:#252525!important}
.settings-workspace-header{
  min-height:70px!important;padding:0 30px!important;background:#252525!important;
  border-bottom:1px solid #404040!important;display:flex!important;align-items:center!important;
}
.settings-workspace-header span,.settings-workspace-header p,.settings-workspace-header-mark{display:none!important}
.settings-workspace-header h1{margin:0!important;font-size:24px!important;font-weight:300!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#f4f4f4!important}
.settings-workspace-content{padding:0!important;background:#252525!important}
.settings-workspace-frame{background:#252525!important;border:0!important;border-radius:0!important;box-shadow:none!important;color-scheme:dark!important}

/* Every embedded settings page */
html:has(body.settings-embedded),body.settings-embedded,
body.settings-embedded .admin-shell,body.settings-embedded .content{
  background:#252525!important;color:#f2f2f2!important;
}
body.settings-embedded{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.settings-embedded .sidebar,body.settings-embedded .content-header{display:none!important}
body.settings-embedded .admin-shell{display:block!important;min-height:100vh!important}
body.settings-embedded .content{margin:0!important;width:100%!important;padding:22px 30px 44px!important}
body.settings-embedded h1,body.settings-embedded h2,body.settings-embedded h3,
body.settings-embedded h4,body.settings-embedded strong,body.settings-embedded label{
  color:#f2f2f2!important;font-weight:400!important;
}
body.settings-embedded h1{font-size:23px!important;font-weight:300!important}
body.settings-embedded h2{font-size:18px!important;font-weight:400!important}
body.settings-embedded h3{font-size:15px!important;font-weight:400!important}
body.settings-embedded p,body.settings-embedded small,body.settings-embedded .content-sub,
body.settings-embedded .crm-hint,body.settings-embedded .table-empty,body.settings-embedded .form-hint{
  color:#aaa!important;font-weight:300!important;
}
body.settings-embedded .panel,
body.settings-embedded .form-block,
body.settings-embedded .crm-print-device-section,
body.settings-embedded .crm-binding-card,
body.settings-embedded .template-selector,
body.settings-embedded .print-editor-wrap,
body.settings-embedded .modal-card,
body.settings-embedded .replacement-modal-card,
body.settings-embedded .settings-card,
body.settings-embedded .account-card,
body.settings-embedded .staff-card,
body.settings-embedded .promo-card{
  background:#2c2c2c!important;border:0!important;border-radius:28px!important;color:#f2f2f2!important;box-shadow:none!important;
}
body.settings-embedded .crm-print-device-card,
body.settings-embedded .crm-binding-controls,
body.settings-embedded .crm-binding-row,
body.settings-embedded .service-tree,
body.settings-embedded .service-browser,
body.settings-embedded .catalog-add-form,
body.settings-embedded .editor-toolbar,
body.settings-embedded .mac-general-row,
body.settings-embedded .settings-row,
body.settings-embedded .list-row,
body.settings-embedded table,
body.settings-embedded thead,
body.settings-embedded tbody,
body.settings-embedded tr{
  background:#202020!important;border-color:#353535!important;color:#eee!important;box-shadow:none!important;
}
body.settings-embedded input,body.settings-embedded textarea,body.settings-embedded select{
  background:#333!important;color:#f5f5f5!important;border:1px solid #464646!important;border-radius:10px!important;box-shadow:none!important;font-weight:300!important;
}
body.settings-embedded input::placeholder,body.settings-embedded textarea::placeholder{color:#858585!important}
body.settings-embedded button{font-family:inherit!important;font-weight:400!important}
body.settings-embedded .btn-primary,body.settings-embedded button[type="submit"],body.settings-embedded .crm-status-add-btn,
body.settings-embedded .crm-print-device-card button,body.settings-embedded .service-tree-model.active{
  background:#0789e8!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;
}
body.settings-embedded .btn-secondary,body.settings-embedded button[type="button"]:not(.tab-btn):not(.logo-type-btn):not(.crm-status-add-btn){
  box-shadow:none!important;
}
body.settings-embedded .settings-tabs.logo-type-switch{
  position:static!important;top:auto!important;display:inline-flex!important;width:auto!important;max-width:100%!important;
  min-height:36px!important;margin:0 0 16px!important;padding:3px!important;gap:1px!important;
  background:#1d1d1d!important;border-radius:999px!important;
}
body.settings-embedded .settings-tabs.logo-type-switch .tab-btn.logo-type-btn{
  min-height:30px!important;padding:6px 14px!important;border-radius:999px!important;
  color:#f7f7f7!important;background:transparent!important;font-size:12px!important;font-weight:300!important;
}
body.settings-embedded .settings-tabs.logo-type-switch .tab-btn.logo-type-btn:hover{background:#292929!important}
body.settings-embedded .settings-tabs.logo-type-switch .tab-btn.logo-type-btn.active{background:#0789e8!important;color:#fff!important;font-weight:400!important}
body.settings-embedded .mac-general-row-copy strong{font-weight:300!important}
body.settings-embedded .mac-general-row-copy small{font-weight:300!important;color:#999!important}
body.settings-embedded th{color:#bdbdbd!important;font-weight:400!important}
body.settings-embedded td{color:#ededed!important;font-weight:300!important}

@media(max-width:900px){
  .settings-workspace{grid-template-columns:82px minmax(0,1fr)!important}
  .settings-workspace-sidebar{padding:10px 8px!important}
  .settings-workspace-back{margin:0 auto 14px!important}
  .settings-workspace-brand{display:none!important}
  .settings-workspace-category{display:flex!important;justify-content:center!important;padding:6px!important;min-height:44px!important}
  .settings-workspace-category-copy{display:none!important}
  .settings-workspace-header{padding:0 20px!important}
  body.settings-embedded .content{padding:20px!important}
}