/* CUDEK SCCS V14 — Owner Experience */
:root{
  --s14-bg:#080b0c;
  --s14-surface:#111517;
  --s14-surface-2:#171c1e;
  --s14-surface-3:#0c1011;
  --s14-border:#273033;
  --s14-border-soft:#1c2325;
  --s14-text:#f3f7f6;
  --s14-muted:#91a09e;
  --s14-muted-2:#667472;
  --s14-green:#20dda5;
  --s14-green-dark:#0e614b;
  --s14-blue:#65bff8;
  --s14-amber:#ffc857;
  --s14-red:#ff6b73;
  --s14-sidebar:246px;
}
html{scroll-behavior:smooth}
body{
  padding:0!important;
  margin:0!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(32,221,165,.055),transparent 26rem),
    var(--s14-bg)!important;
  color:var(--s14-text)!important;
}
#main-panel.s14-main{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  min-height:100vh;
}
.s14-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:var(--s14-sidebar) minmax(0,1fr);
}
.s14-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  border-right:1px solid var(--s14-border-soft);
  background:rgba(10,14,15,.97);
  padding:22px 14px;
  z-index:35;
}
.s14-brand{
  padding:6px 10px 20px;
  border-bottom:1px solid var(--s14-border-soft);
  margin-bottom:16px;
}
.s14-brand-mark{
  color:var(--s14-green);
  font:700 11px/1.2 "JetBrains Mono",monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.s14-brand h2{
  margin:7px 0 5px;
  font-size:18px;
  line-height:1.2;
  color:#fff;
}
.s14-brand p{
  margin:0;
  color:var(--s14-muted-2);
  font-size:11px;
  line-height:1.45;
}
.s14-nav{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.s14-nav-button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid transparent;
  background:transparent;
  color:#aeb9b7;
  border-radius:11px;
  padding:10px 11px;
  text-align:left;
  cursor:pointer;
  font:600 12px/1.2 "Space Grotesk",sans-serif;
  transition:.15s ease;
}
.s14-nav-button .s14-nav-index{
  width:24px;
  color:#596664;
  font:700 9px/1 "JetBrains Mono",monospace;
}
.s14-nav-button:hover{
  color:#fff;
  background:#151b1c;
  border-color:#222b2d;
}
.s14-nav-button.is-active{
  color:#caffef;
  background:#0f2a23;
  border-color:#17654f;
}
.s14-sidebar-bottom{
  margin-top:22px;
  border-top:1px solid var(--s14-border-soft);
  padding:16px 8px 4px;
}
.s14-tech-toggle{
  width:100%;
  border:1px solid #2b3537;
  background:#111617;
  color:#91a09e;
  border-radius:10px;
  padding:9px 10px;
  cursor:pointer;
  font:600 10px/1.3 "JetBrains Mono",monospace;
}
.s14-tech-toggle.is-on{
  border-color:#286e5c;
  color:var(--s14-green);
}
.s14-content{
  min-width:0;
  padding:24px 28px 48px;
}
.s14-topbar{
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:space-between;
  min-height:72px;
  margin-bottom:22px;
  border:1px solid var(--s14-border-soft);
  border-radius:17px;
  background:rgba(17,21,23,.82);
  padding:14px 18px;
}
.s14-topbar-copy h1{
  margin:0;
  font-size:21px;
  line-height:1.25;
}
.s14-topbar-copy p{
  margin:5px 0 0;
  color:var(--s14-muted);
  font-size:12px;
}
.s14-topbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.s14-button{
  border:1px solid #303a3c;
  background:#171c1e;
  color:#dce5e3;
  border-radius:10px;
  padding:9px 11px;
  cursor:pointer;
  font:650 11px/1.1 "Space Grotesk",sans-serif;
  transition:.15s ease;
}
.s14-button:hover{
  border-color:#40766a;
  color:#fff;
}
.s14-button.primary{
  border-color:#167057;
  background:#0e3b2f;
  color:#adffe4;
}
.s14-button.danger{
  border-color:#70363a;
  background:#2b1417;
  color:#ffb5b9;
}
.s14-page{display:none}
.s14-page.is-active{display:block}
.s14-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
}
.s14-page-head h2{
  margin:0;
  font-size:26px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.s14-page-head p{
  margin:7px 0 0;
  max-width:780px;
  color:var(--s14-muted);
  font-size:13px;
  line-height:1.55;
}
.s14-owner-summary{
  border:1px solid var(--s14-border);
  border-radius:18px;
  background:linear-gradient(160deg,#14191b,#0e1213);
  padding:18px;
  margin-bottom:16px;
}
.s14-owner-summary.good{border-color:#1f5c4b}
.s14-owner-summary.warn{border-color:#675626}
.s14-owner-summary h3{
  margin:0;
  color:#fff;
  font-size:16px;
}
.s14-owner-summary p{
  margin:6px 0 0;
  color:var(--s14-muted);
  font-size:12px;
  line-height:1.5;
}
.s14-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(120px,1fr));
  gap:10px;
  margin-bottom:14px;
}
.s14-kpi{
  min-width:0;
  padding:14px;
  border-radius:14px;
  border:1px solid var(--s14-border-soft);
  background:var(--s14-surface-3);
}
.s14-kpi-label{
  color:#7e8c8a;
  font:650 10px/1.25 "JetBrains Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.s14-kpi-value{
  margin-top:7px;
  color:#fff;
  font:700 25px/1.05 "Space Grotesk",sans-serif;
}
.s14-kpi-help{
  margin-top:5px;
  color:#5f6c6a;
  font-size:10px;
  line-height:1.3;
}
.s14-dashboard-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:12px;
}
.s14-panel{
  min-width:0;
  border:1px solid var(--s14-border-soft);
  background:var(--s14-surface);
  border-radius:15px;
  padding:15px;
}
.s14-panel.span-2{grid-column:span 2}
.s14-panel h3{
  margin:0 0 11px;
  color:#f5f8f7;
  font-size:14px;
}
.s14-panel-note{
  margin:-4px 0 10px;
  color:var(--s14-muted-2);
  font-size:10px;
  line-height:1.4;
}
.s14-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.s14-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  color:#c7d1cf;
  font-size:11px;
  line-height:1.4;
}
.s14-row strong{
  color:#fff;
  font-weight:650;
  text-align:right;
}
.s14-ok{color:var(--s14-green)!important}
.s14-warn{color:var(--s14-amber)!important}
.s14-bad{color:var(--s14-red)!important}
.s14-empty{
  color:#6e7c7a;
  font-size:11px;
  line-height:1.5;
}
.s14-action-good{
  border-left:3px solid var(--s14-green);
  background:#0d201b;
  color:#c9f8e8;
  border-radius:9px;
  padding:10px 11px;
  font-size:11px;
  line-height:1.45;
}
.s14-alert{
  border-left:3px solid var(--s14-red);
  background:#211215;
  color:#ffd4d7;
  border-radius:9px;
  padding:10px 11px;
  font-size:11px;
  line-height:1.45;
}
.s14-tracker-warning{
  border:1px solid #655728;
  background:#24200f;
  color:#f7e2a1;
  border-radius:11px;
  padding:10px 12px;
  font-size:11px;
  line-height:1.45;
  margin-bottom:14px;
}
.s14-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.s14-card-grid.single{grid-template-columns:minmax(0,1fr)}
.s14-card-grid > .card-titan,
.s14-card-grid > .bento-card{
  grid-column:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:20px!important;
  border-radius:16px!important;
  border:1px solid var(--s14-border)!important;
  background:var(--s14-surface)!important;
  box-shadow:none!important;
}
.s14-card-grid > .card-titan:hover,
.s14-card-grid > .bento-card:hover{
  border-color:#365047!important;
  box-shadow:none!important;
}
.s14-card-grid .cudek-hem-expanded-card{
  grid-column:1/-1!important;
  min-height:0!important;
}
.s14-module-title{
  font-size:18px!important;
  line-height:1.25!important;
  margin-bottom:3px!important;
}
.s14-module-desc{
  color:var(--s14-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
  max-width:760px;
}
.s14-owner-help{
  margin-top:12px;
  border:1px solid #222b2d;
  background:#0d1112;
  border-radius:11px;
  padding:10px 11px;
  display:grid;
  gap:6px;
}
.s14-owner-help div{
  color:#aebbb8;
  font-size:11px;
  line-height:1.45;
}
.s14-owner-help strong{
  color:#e7efed;
  font-weight:650;
}
.s14-ai-context{
  margin-top:8px;
  align-self:flex-start;
}
.s14-techmeta{display:none!important}
body.s14-tech-mode .s14-techmeta{display:flex!important}
.s14-technical-original{
  display:none;
  margin-top:8px;
  padding:9px 10px;
  background:#0a0d0e;
  border:1px dashed #273033;
  border-radius:9px;
  color:#71807d;
  font:10px/1.5 "JetBrains Mono",monospace;
}
body.s14-tech-mode .s14-technical-original{display:block}
.s14-danger-card{
  border-color:#603238!important;
  background:linear-gradient(160deg,#171719,#191113)!important;
}
.s14-danger-label{
  display:inline-flex;
  margin:0 0 10px;
  padding:5px 8px;
  border:1px solid #653439;
  border-radius:999px;
  background:#281417;
  color:#ffafb4;
  font:700 9px/1 "JetBrains Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.s14-danger-action{
  border-color:#73383e!important;
  background:#32161a!important;
  color:#ffb9bd!important;
  animation:none!important;
}
.s14-original-header{
  display:none!important;
}
.s14-footer{
  margin-top:24px;
  padding:15px 2px 0;
  border-top:1px solid var(--s14-border-soft);
  color:#566361;
  font-size:10px;
  line-height:1.45;
}
.s14-ai-intro{
  border:1px solid #265c4e;
  background:linear-gradient(145deg,#10231e,#111617);
  border-radius:16px;
  padding:17px;
  margin-bottom:14px;
}
.s14-ai-intro h3{margin:0 0 6px;font-size:16px}
.s14-ai-intro p{margin:0;color:#92a39f;font-size:12px;line-height:1.55}
#s14-ai-drawer{
  position:fixed;
  right:18px;
  top:18px;
  bottom:18px;
  z-index:150;
  width:min(520px,calc(100vw - 36px));
  display:none;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #32403d;
  border-radius:18px;
  background:#0b0f10;
  box-shadow:0 26px 90px rgba(0,0,0,.68);
}
#s14-ai-drawer.is-open{display:flex}
.s14-ai-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px;
  border-bottom:1px solid var(--s14-border);
  background:#141a1b;
}
.s14-ai-head-copy strong{
  display:block;
  color:#fff;
  font-size:14px;
}
.s14-ai-head-copy small{
  display:block;
  margin-top:3px;
  color:#73817f;
  font-size:10px;
}
.s14-ai-close{margin-left:auto}
.s14-ai-body{
  overflow:auto;
  padding:13px;
}
.s14-ai-quick{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}
.s14-ai-field,
.s14-ai-select,
.s14-ai-output{
  width:100%;
  box-sizing:border-box;
  border:1px solid #2b3436;
  border-radius:11px;
  background:#070a0b;
  color:#e9efed;
  padding:11px;
  font:11px/1.5 "JetBrains Mono",monospace;
}
.s14-ai-field{
  min-height:125px;
  resize:vertical;
}
.s14-ai-select{
  margin-top:8px;
  min-height:42px;
}
.s14-ai-output{
  min-height:170px;
  margin-top:9px;
  white-space:pre-wrap;
  overflow:auto;
}
.s14-ai-send{
  width:100%;
  margin-top:8px;
}
#s14-palette{
  position:fixed;
  inset:0;
  z-index:180;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding-top:12vh;
  background:rgba(0,0,0,.72);
}
#s14-palette.is-open{display:flex}
.s14-palette-card{
  width:min(650px,calc(100vw - 28px));
  border:1px solid #34403f;
  border-radius:16px;
  background:#111617;
  padding:11px;
  box-shadow:0 24px 90px rgba(0,0,0,.7);
}
.s14-palette-input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #30393b;
  border-radius:10px;
  background:#080b0c;
  color:#fff;
  padding:12px;
  font:12px/1.2 "JetBrains Mono",monospace;
}
.s14-palette-results{
  max-height:52vh;
  overflow:auto;
  margin-top:7px;
}
.s14-palette-item{
  padding:9px 10px;
  color:#cbd4d2;
  border-radius:8px;
  cursor:pointer;
  font-size:11px;
}
.s14-palette-item:hover{
  background:#18201f;
  color:var(--s14-green);
}
.s14-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.s14-setting{
  border:1px solid var(--s14-border-soft);
  border-radius:14px;
  background:var(--s14-surface);
  padding:15px;
}
.s14-setting h3{margin:0 0 5px;font-size:14px}
.s14-setting p{margin:0 0 12px;color:var(--s14-muted);font-size:11px;line-height:1.5}
.s14-legacy-ai-wrap .bento-card{
  max-width:none!important;
}
.s14-legacy-ai-wrap #chat-history{
  height:250px!important;
}
@media(max-width:1280px){
  .s14-kpis{grid-template-columns:repeat(3,minmax(120px,1fr))}
  .s14-dashboard-grid{grid-template-columns:1fr 1fr}
  .s14-panel.span-2{grid-column:span 2}
}
@media(max-width:980px){
  .s14-shell{grid-template-columns:1fr}
  .s14-sidebar{
    position:sticky;
    top:0;
    height:auto;
    overflow:visible;
    padding:9px 12px;
    border-right:0;
    border-bottom:1px solid var(--s14-border);
  }
  .s14-brand{display:none}
  .s14-nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}
  .s14-nav-button{width:auto;white-space:nowrap}
  .s14-nav-button .s14-nav-index{display:none}
  .s14-sidebar-bottom{display:none}
  .s14-content{padding:16px}
  .s14-card-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .s14-content{padding:12px}
  .s14-topbar{align-items:flex-start;flex-direction:column}
  .s14-topbar-actions{justify-content:flex-start}
  .s14-page-head h2{font-size:22px}
  .s14-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s14-dashboard-grid{grid-template-columns:1fr}
  .s14-panel.span-2{grid-column:auto}
  .s14-settings-grid{grid-template-columns:1fr}
}

/* === CUDEK_MAIL_COPILOT_UI_V1_1_BEGIN === */
.mc-root{display:flex;flex-direction:column;gap:12px}
.mc-toolbar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:14px;border:1px solid var(--s14-border);border-radius:15px;
  background:linear-gradient(160deg,#13191a,#0d1112)
}
.mc-toolbar-copy{display:flex;flex-direction:column;gap:4px;min-width:230px}
.mc-toolbar-copy strong{font-size:16px;color:#fff}
.mc-toolbar-copy span{font-size:11px;color:var(--s14-muted);line-height:1.45}
.mc-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.mc-field{
  min-height:36px;border:1px solid #303a3c;background:#0c1011;color:#e8efed;
  border-radius:9px;padding:8px 9px;font:500 11px/1.2 "Space Grotesk",sans-serif;
  outline:none
}
.mc-field:focus{border-color:#287b65;box-shadow:0 0 0 2px rgba(32,221,165,.08)}
.mc-field.compact{min-height:32px;padding:6px 8px}
.mc-search{width:min(280px,32vw)}
.mc-status{min-height:18px;padding:0 3px;color:var(--s14-muted);font-size:11px}
.mc-status.ok{color:var(--s14-green)}
.mc-status.bad{color:var(--s14-red)}
.mc-layout{
  display:grid;grid-template-columns:260px minmax(0,1fr) minmax(0,1fr);
  gap:12px;align-items:start
}
.mc-inbox,.mc-pane{
  min-width:0;border:1px solid var(--s14-border);border-radius:16px;
  background:#0e1213;overflow:hidden
}
.mc-inbox{position:sticky;top:16px;max-height:calc(100vh - 130px);display:flex;flex-direction:column}
.mc-pane{min-height:610px}
.mc-pane-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-bottom:1px solid var(--s14-border-soft);background:#121718
}
.mc-pane-head.sticky{position:sticky;top:0;z-index:4}
.mc-pane-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-pane-head strong{font-size:13px;color:#fff}
.mc-pane-head span{font-size:10px;color:var(--s14-muted)}
.mc-nosend{
  border:1px solid #5b4d24;border-radius:999px;padding:5px 8px!important;
  color:#ffd86f!important;background:#211d0f;font:700 9px/1 "JetBrains Mono",monospace
}
.mc-list{overflow:auto;min-height:300px}
.mc-message{
  width:100%;display:flex;flex-direction:column;gap:5px;text-align:left;
  padding:11px 12px;border:0;border-bottom:1px solid #192021;background:transparent;
  color:var(--s14-text);cursor:pointer;transition:.12s ease
}
.mc-message:hover{background:#151b1c}
.mc-message.is-active{background:#10231e;box-shadow:inset 3px 0 0 var(--s14-green)}
.mc-message-top,.mc-message-meta,.mc-mail-head,.mc-analysis,.mc-analysis-main,.mc-analysis-actions{
  display:flex;align-items:center;gap:7px
}
.mc-message-top{justify-content:space-between;color:var(--s14-muted-2);font-size:9px}
.mc-message-sender{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-message-subject{font-size:11px;color:#d4dcda;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-message-snippet{
  color:#7f8d8a;font-size:10px;line-height:1.35;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.mc-message-meta{flex-wrap:wrap;color:#7f8d8a;font-size:9px}
.mc-chip{
  display:inline-flex;align-items:center;border:1px solid #31403e;border-radius:999px;
  padding:3px 6px;color:#aab8b5;background:#121817;font-size:9px
}
.mc-chip.warn{border-color:#665625;background:#231f10;color:#ffe18a}
.mc-chip.danger{border-color:#6d3338;background:#271316;color:#ffb8bd}
.mc-priority{
  display:inline-flex;width:max-content;border-radius:999px;padding:4px 7px;
  font:700 9px/1 "JetBrains Mono",monospace;border:1px solid #34403f
}
.mc-priority.p-low{color:#9aaba8}
.mc-priority.p-medium{color:#8ecffc;border-color:#285b77;background:#0f2029}
.mc-priority.p-high{color:#ffd876;border-color:#685623;background:#241f10}
.mc-priority.p-urgent{color:#ffabb1;border-color:#76383d;background:#2a1518}
.mc-empty,.mc-empty-state{
  display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;
  padding:24px;color:var(--s14-muted);font-size:11px;line-height:1.5
}
.mc-empty strong,.mc-empty-state strong{color:#e2e9e7;font-size:13px}
.mc-empty-state{min-height:420px;align-items:center;text-align:center}
.mc-guard,.mc-warning-box{
  margin:12px 14px 0;padding:11px 12px;border-radius:11px;border:1px solid #75383d;
  background:#271416;display:flex;flex-direction:column;gap:4px
}
.mc-guard strong,.mc-warning-box strong{color:#ffbac0;font-size:11px}
.mc-guard span,.mc-warning-box span{color:#d4aaaa;font-size:10px;line-height:1.45}
.mc-guard small{color:#9c7477;font:9px/1.4 "JetBrains Mono",monospace}
.mc-analysis{
  margin:12px 14px 0;padding:11px 12px;border:1px solid #23302e;
  border-radius:11px;background:#111718;justify-content:space-between;align-items:flex-start
}
.mc-analysis-main{align-items:flex-start;flex-direction:column;min-width:0}
.mc-analysis-main strong{font-size:11px;line-height:1.45;color:#e1e8e6}
.mc-analysis-actions{flex-wrap:wrap;justify-content:flex-end}
.mc-facts{
  margin:8px 14px 0;padding:10px 12px;border-radius:10px;border:1px solid #202b2a;
  background:#0b1010;display:flex;flex-direction:column;gap:4px
}
.mc-facts strong{font-size:10px;color:#c9d4d1}
.mc-facts span{font-size:10px;color:#91a09e;line-height:1.4}
.mc-warning-box{border-color:#665625;background:#201c0e}
.mc-warning-box strong{color:#ffe18a}
.mc-warning-box span{color:#cabd91}
.mc-mail-head{
  padding:15px 14px 8px;justify-content:space-between;align-items:flex-start;border-top:1px solid transparent
}
.mc-mail-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-mail-head span{font-size:9px;color:var(--s14-muted-2);text-transform:uppercase}
.mc-mail-head strong{font-size:11px;color:#fff}
.mc-mail-head small{font-size:10px;color:var(--s14-muted)}
.mc-subject{margin:4px 14px 10px;font-size:16px;line-height:1.3;color:#fff}
.mc-body{
  margin:0 14px 14px;padding:14px;min-height:250px;max-height:480px;overflow:auto;
  white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #202829;border-radius:12px;
  background:#090d0e;color:#dce5e3;font:11px/1.65 "Space Grotesk",sans-serif
}
.mc-details{margin:0 14px 12px;border:1px solid #222c2d;border-radius:10px;background:#0b1011}
.mc-details summary{cursor:pointer;padding:10px 12px;color:#b6c2bf;font-size:10px;font-weight:700}
.mc-detail-list,.mc-thread{display:flex;flex-direction:column;gap:7px;padding:0 10px 10px}
.mc-detail-list>div{
  display:flex;justify-content:space-between;gap:10px;padding:8px;border-radius:8px;background:#111718;
  font-size:10px
}
.mc-detail-list span{color:var(--s14-muted)}
.mc-thread article{padding:10px;border-radius:9px;background:#101617;border:1px solid #1e2728}
.mc-thread article>div{display:flex;justify-content:space-between;gap:8px;font-size:9px}
.mc-thread h4{margin:6px 0;font-size:10px}
.mc-thread pre{margin:0;white-space:pre-wrap;color:#9aa8a5;font:10px/1.5 "Space Grotesk",sans-serif}
.mc-style-row{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px 8px}
.mc-style{
  border:1px solid #2c3a38;background:#111817;color:#aebbb8;border-radius:999px;
  padding:6px 8px;cursor:pointer;font-size:9px
}
.mc-style:hover{border-color:#287b65;color:#caffef;background:#10231e}
.mc-draft-editor{
  display:block;width:calc(100% - 28px);min-height:330px;margin:0 14px;padding:14px;
  resize:vertical;border:1px solid #273132;border-radius:12px;background:#090d0e;color:#eef4f2;
  outline:none;font:12px/1.65 "Space Grotesk",sans-serif
}
.mc-draft-editor:focus{border-color:#287b65;box-shadow:0 0 0 2px rgba(32,221,165,.07)}
.mc-editor-meta{
  display:flex;justify-content:space-between;gap:10px;padding:7px 15px 0;
  color:#788683;font-size:9px
}
.mc-draft-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:7px;padding:12px 14px 8px}
.mc-draft-actions button:disabled,.mc-revise button:disabled{opacity:.42;cursor:not-allowed}
.mc-revise{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:0 14px 12px}
.mc-versions,.mc-compare{border-top:1px solid #1c2425;padding:12px 14px}
.mc-section-title{margin-bottom:8px;color:#aab6b3;font-size:10px;font-weight:700}
.mc-version-list{display:flex;gap:6px;flex-wrap:wrap}
.mc-version{
  display:flex;flex-direction:column;gap:2px;min-width:92px;border:1px solid #263132;
  background:#101617;color:#cbd5d2;border-radius:8px;padding:7px 8px;text-align:left;cursor:pointer
}
.mc-version strong{font-size:10px}
.mc-version span{font-size:8px;color:#798885}
.mc-version.is-current{border-color:#24745d;background:#10231e}
.mc-compare-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mc-diff{
  margin:8px 0 0;max-height:210px;overflow:auto;white-space:pre-wrap;border-radius:9px;
  background:#090d0e;border:1px solid #202829;padding:10px;color:#a8b5b2;font:9px/1.5 "JetBrains Mono",monospace
}
@media(max-width:1250px){
  .mc-layout{grid-template-columns:230px minmax(0,1fr)}
  .mc-draft-pane{grid-column:2}
  .mc-email-pane{grid-column:2}
  .mc-inbox{grid-row:1 / span 2}
}
@media(max-width:880px){
  .mc-toolbar{flex-direction:column}
  .mc-toolbar-actions{justify-content:flex-start;width:100%}
  .mc-search{width:100%}
  .mc-layout{grid-template-columns:1fr}
  .mc-inbox{position:static;max-height:none;grid-row:auto}
  .mc-email-pane,.mc-draft-pane{grid-column:auto}
  .mc-draft-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .mc-toolbar-actions{display:grid;grid-template-columns:1fr}
  .mc-draft-actions{grid-template-columns:1fr}
  .mc-revise{grid-template-columns:1fr}
  .mc-mail-head,.mc-analysis,.mc-editor-meta{flex-direction:column;align-items:flex-start}
}
/* === CUDEK_MAIL_COPILOT_UI_V1_1_END === */

/* === CUDEK_MAIL_COPILOT_UI_V1_2_PLUS_BEGIN === */
.mc-attachment-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 9px;color:var(--s14-muted);font-size:9px}
.mc-variant-actions{display:flex;align-items:center;gap:9px;padding:0 14px 10px;color:#798885;font-size:9px}
.mc-variant-preview{display:grid;grid-template-columns:1fr;gap:8px;padding:0 14px 12px}
.mc-variant-loading{padding:10px;border:1px solid #263132;border-radius:9px;background:#0b1011;color:#9ba9a6;font-size:10px}
.mc-variant-card{border:1px solid #283334;border-radius:10px;background:#0b1011;padding:10px;display:flex;flex-direction:column;gap:8px}
.mc-variant-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mc-variant-card strong{font-size:10px;color:#e5eeeb}.mc-variant-card span{font-size:9px;color:#80908c}
.mc-variant-card pre{margin:0;white-space:pre-wrap;color:#cbd6d3;font:10px/1.55 "Space Grotesk",sans-serif}
.mc-why{margin:0 14px 12px;border:1px solid #263333;border-radius:11px;background:#0b1011}
.mc-why summary{cursor:pointer;padding:10px 12px;color:#d0dbd8;font-size:10px;font-weight:700}
.mc-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 10px 10px}
.mc-why-grid>div{display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid #202a2a;border-radius:8px;background:#101617}
.mc-why-grid span{font-size:8px;color:#73827f;text-transform:uppercase}.mc-why-grid strong{font-size:10px;color:#dce6e3}
.mc-why-list{display:flex;flex-direction:column;gap:4px;margin:0 10px 9px;padding:9px 10px;border-radius:8px;background:#101617;border:1px solid #202a2a}
.mc-why-list strong{font-size:9px;color:#b8c5c2}.mc-why-list span{font-size:9px;color:#879692;line-height:1.4}
.mc-why-list.warn{border-color:#5b4d24;background:#1e1a0e}.mc-why-list.warn strong{color:#ffe18a}
.mc-why-list.danger{border-color:#6d3338;background:#251316}.mc-why-list.danger strong{color:#ffb8bd}
@media(max-width:560px){.mc-attachment-actions,.mc-variant-actions{flex-direction:column;align-items:flex-start}.mc-why-grid{grid-template-columns:1fr}}
/* === CUDEK_MAIL_COPILOT_UI_V1_2_PLUS_END === */