:root {
  color-scheme: dark;
  font-family: Inter, system-ui, sans-serif;
  background: #050a10;
  color: #eaf4ff;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 10% 0, #12314a 0, transparent 38%), #050a10; }
a { color: #68dcff; text-decoration: none; }
button, input, select { min-height: 40px; border: 1px solid #29445d; border-radius: 9px; background: #0a1724; color: #eaf4ff; padding: 9px 13px; font: inherit; }
button { cursor: pointer; }
button:hover { border-color: #58c7ec; background: #102438; }
.primary { background: #0d769d; border-color: #1591bd; }
.primary:hover { background: #1189b5; }
.danger { border-color: #703743; color: #ffb4bd; }
.danger:hover { background: #391923; border-color: #c45868; }

header { position: sticky; top: 0; z-index: 20; display: flex; justify-content: space-between; align-items: center; padding: 16px max(24px, 5vw); border-bottom: 1px solid #203044; background: #07111ff2; backdrop-filter: blur(14px); }
nav { display: flex; align-items: center; gap: 12px; }
.brand { color: #fff; font-size: 20px; font-weight: 900; }
main { width: min(1180px, 92vw); margin: 48px auto 90px; }
.hero { max-width: 760px; margin-bottom: 42px; }
.eyebrow { color: #5ad9ff; text-transform: uppercase; letter-spacing: .13em; font-weight: 800; font-size: 12px; }
h1 { margin: 8px 0; font-size: clamp(38px, 6vw, 62px); line-height: 1.04; }
.hero p { color: #a8b8c8; line-height: 1.6; }
.heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 34px 0 16px; }
.heading h2 { margin: 0; }
.heading > div { display: flex; gap: 8px; }

.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr)); gap: 16px; align-items: stretch; }
.card { min-width: 0; min-height: 300px; display: flex; flex-direction: column; padding: 20px; overflow: hidden; border: 1px solid #203a50; border-radius: 14px; background: linear-gradient(180deg, #091725, #07121d); box-shadow: 0 12px 30px #0002; }
.card > span { width: fit-content; color: #69ddff; font-size: 13px; }
.card h3 { margin: 18px 0 10px; min-height: 48px; color: #fff; font-size: 19px; line-height: 1.3; overflow-wrap: anywhere; }
.card code { display: block; color: #75ddff; font-size: 12px; overflow-wrap: anywhere; }
.card > p { margin: 16px 0; color: #a8b8c8; }
.links { display: flex; flex-wrap: wrap; gap: 14px; min-height: 28px; margin-bottom: 16px; font-size: 13px; }
.card-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: auto; padding-top: 16px; border-top: 1px solid #1b3042; }
.card-actions button { width: 100%; min-width: 0; padding-inline: 8px; font-size: 12px; white-space: normal; }
.expert { margin-top: 52px; padding-top: 8px; border-top: 1px solid #203044; }

dialog { width: min(520px, calc(100vw - 28px)); max-height: min(760px, calc(100vh - 28px)); margin: auto; padding: 0; overflow: auto; border: 1px solid #35536b; border-radius: 16px; background: #091725; color: #fff; box-shadow: 0 28px 90px #000c; }
dialog::backdrop { background: #01060dcc; backdrop-filter: blur(5px); }
dialog form { display: grid; gap: 16px; min-width: 0; padding: 24px; }
dialog h2 { margin: 0 0 4px; font-size: 24px; }
dialog label { display: grid; gap: 7px; color: #d9e8f5; font-size: 13px; }
dialog input, dialog select { width: 100%; background: #07121d; }
dialog input:focus, dialog select:focus { outline: 2px solid #3cc9f4; outline-offset: 1px; }
dialog input[type="color"] { width: 100%; height: 48px; padding: 5px; cursor: pointer; }
.dialog-actions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 10px; margin: 5px -24px -24px; padding: 16px 24px; border-top: 1px solid #203a50; background: #091725f5; }
#auth-error, #notice { color: #ff9a9a; }
.template-picker { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; border:0; }
.template-picker legend { grid-column:1/-1; margin-bottom:7px; color:var(--ui-text); font-size:13px; }
.template-option { position:relative; min-width:0; display:flex; flex-direction:column; gap:5px; padding:7px; border:1px solid var(--ui-line); border-radius:11px; background:var(--ui-panel-soft); cursor:pointer; overflow:hidden; }
.template-option:has(input:checked) { border-color:var(--ui-accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 24%,transparent); }
.template-option input { position:absolute; opacity:0; pointer-events:none; }
.template-preview,.template-empty-preview { height:105px; display:block; overflow:hidden; border-radius:7px; background:var(--ui-bg); }
.template-preview iframe { width:1280px; height:720px; border:0; transform:scale(.19); transform-origin:top left; pointer-events:none; }
.template-empty-preview { display:grid; place-items:center; color:var(--ui-accent); font-size:35px; }
.template-option strong { padding:3px 3px 0; color:var(--ui-heading); font-size:12px; line-height:1.3; }
.template-option small { padding:0 3px 3px; color:var(--ui-muted); font-size:10px; }

@media (max-width: 700px) {
  header { position: static; align-items: flex-start; gap: 14px; }
  nav { flex-wrap: wrap; justify-content: flex-end; }
  main { margin-top: 30px; }
  .heading { align-items: flex-start; flex-direction: column; }
  .heading > div { width: 100%; }
  .heading > div button { flex: 1; }
  .grid { grid-template-columns: 1fr; }
  .card { min-height: 0; }
}

@media (max-width: 420px) {
  .card-actions { grid-template-columns: 1fr; }
  .dialog-actions { flex-direction: column-reverse; }
  .dialog-actions button { width: 100%; }
  .template-picker { grid-template-columns:1fr; }
}

/* Shared Telegram-inspired day/night palette. */
:root { background:var(--ui-bg); color:var(--ui-text); }
body { background:radial-gradient(circle at 10% 0,var(--ui-bg-accent) 0,transparent 38%),var(--ui-bg); color:var(--ui-text); }
a,.eyebrow,.card>span,.card code { color:var(--ui-accent); }
button,input,select { border-color:var(--ui-line-strong); background:var(--ui-input); color:var(--ui-text); }
button:hover { border-color:var(--ui-accent); background:var(--ui-accent-soft); }
.primary,.primary:hover { border-color:var(--ui-accent); background:var(--ui-accent); color:var(--ui-accent-text); }
.primary:hover { background:var(--ui-accent-hover); }
.danger { color:var(--ui-danger); border-color:color-mix(in srgb,var(--ui-danger) 55%,var(--ui-line)); }
header { border-color:var(--ui-line); background:var(--ui-header); }
.brand,.card h3 { color:var(--ui-heading); }
.hero p,.card>p { color:var(--ui-muted); }
.card { border-color:var(--ui-line); background:var(--ui-panel); box-shadow:var(--ui-shadow); }
.card-actions,.expert { border-color:var(--ui-line); }
dialog { border-color:var(--ui-line-strong); background:var(--ui-panel-raised); color:var(--ui-text); box-shadow:var(--ui-shadow); }
dialog::backdrop { background:var(--ui-backdrop); }
dialog label { color:var(--ui-text); }
dialog input,dialog select { background:var(--ui-input); }
dialog input:focus,dialog select:focus { outline-color:var(--ui-accent); }
.dialog-actions { border-color:var(--ui-line); background:var(--ui-panel-raised); }

.workspace { min-height:calc(100vh - 73px); display:grid; grid-template-columns:230px minmax(0,1fr); }
.workspace aside { position:sticky; top:73px; align-self:start; height:calc(100vh - 73px); display:flex; flex-direction:column; gap:5px; padding:25px 16px; border-right:1px solid var(--ui-line); background:var(--ui-panel-soft); }
.aside-title { margin:0 10px 12px; color:var(--ui-muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.nav-item { width:100%; text-align:left; border-color:transparent; background:transparent; }
.nav-item.active { border-color:color-mix(in srgb,var(--ui-accent) 35%,transparent); background:var(--ui-accent-soft); color:var(--ui-accent); font-weight:700; }
.nav-group{display:grid;gap:3px}.nav-group+.nav-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-line)}.nav-group-title{margin:0 10px 3px;color:var(--ui-muted);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.workspace main { width:min(1280px,calc(100% - 48px)); margin:0 auto; padding:40px 0 90px; }
.compact { margin-bottom:24px; }.compact h1,.page-title h1 { font-size:clamp(32px,4vw,48px); }
.page-title { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }
.page-title h1,.page-title p { margin:6px 0; }.page-title>div>p:last-child { color:var(--ui-muted); }
.metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; }
.metric { min-height:138px; display:flex; flex-direction:column; padding:19px; border:1px solid var(--ui-line); border-radius:14px; background:var(--ui-panel); box-shadow:var(--ui-shadow); }
.metric strong { color:var(--ui-heading); font-size:34px; }.metric span { margin-top:6px; font-weight:750; }.metric small { margin-top:auto; color:var(--ui-muted); }
.section-head { margin:34px 0 12px; }.quick-actions { display:flex; flex-wrap:wrap; gap:10px; }
.compact-card { min-height:220px; }.empty { grid-column:1/-1; padding:40px; border:1px dashed var(--ui-line-strong); border-radius:14px; color:var(--ui-muted); text-align:center; }
.device-list { display:grid; gap:12px; }.device-row { display:grid; grid-template-columns:minmax(240px,1fr) minmax(360px,auto); gap:20px; padding:20px; border:1px solid var(--ui-line); border-radius:14px; background:var(--ui-panel); box-shadow:var(--ui-shadow); }
.device-main h3 { margin:10px 0 6px; }.device-main p { margin:0 0 8px; color:var(--ui-muted); }.device-main small { color:var(--ui-muted); }
.states { display:flex; flex-wrap:wrap; gap:7px; }.state { padding:4px 8px; border-radius:999px; background:var(--ui-panel-soft); color:var(--ui-muted); font-size:11px; font-weight:700; }.state.online { background:color-mix(in srgb,#31c48d 18%,transparent); color:#31c48d; }.state.offline { background:color-mix(in srgb,var(--ui-danger) 14%,transparent); color:var(--ui-danger); }
.device-controls { display:grid; grid-template-columns:repeat(3,minmax(105px,1fr)); gap:7px; align-content:center; }.device-controls button { font-size:12px; }.device-row details { grid-column:1/-1; color:var(--ui-muted); }
.group-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }.notice { margin-bottom:16px; color:var(--ui-danger); }.notice.success { color:#31c48d; }
.scenario-screens { display:grid; gap:7px; padding:10px; border:1px solid var(--ui-line); border-radius:10px; }.scenario-screens legend { padding:0 6px; color:var(--ui-muted); font-size:12px; }.scenario-screens label { display:grid; grid-template-columns:auto minmax(0,1fr) 80px auto; align-items:center; gap:8px; padding:7px; border-radius:8px; background:var(--ui-panel-soft); }.scenario-screens label>input:first-child { width:18px; min-height:18px; }.scenario-screens label>input[type="number"] { min-height:34px; }
.promo-panel { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:34px; padding:22px; border:1px solid var(--ui-line); border-radius:14px; background:var(--ui-panel); box-shadow:var(--ui-shadow); }.promo-panel h2,.promo-panel p { margin:0 0 7px; }.promo-panel p { max-width:680px; color:var(--ui-muted); }.promo-panel form { display:flex; gap:8px; min-width:min(100%,360px); }.promo-panel form input { min-width:0; flex:1; text-transform:uppercase; }
@media(max-width:760px){.promo-panel{align-items:stretch;flex-direction:column}.promo-panel form{min-width:0;width:100%}}
.support-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start}.support-form,.instructions{display:grid;gap:14px;padding:22px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.support-form label{display:grid;gap:7px}.support-form input,.support-form select,.support-form textarea{width:100%;box-sizing:border-box}.ticket-list,.message-list{display:grid;gap:10px}.ticket-row{display:grid;gap:6px;width:100%;padding:16px;text-align:left}.ticket-row strong{font-size:16px}.ticket-row small,.message small{color:var(--ui-muted)}.message{padding:16px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel)}.message.support{border-left:4px solid var(--ui-accent)}.message p{white-space:pre-wrap}.attachments{display:flex;flex-wrap:wrap;gap:8px}.attachments a{padding:7px 10px;border-radius:8px;background:var(--ui-accent-soft)}.attachment-drop{padding:14px;border:1px dashed var(--ui-line-strong);border-radius:10px}.attachment-drop span,.attachment-drop small{color:var(--ui-muted)}.instructions article{padding:12px;border-radius:10px;background:var(--ui-panel-soft)}.instructions h3,.instructions p{margin:0 0 7px}.support-form textarea{resize:vertical;min-height:100px}
@media(max-width:850px){.support-layout{grid-template-columns:1fr}}
.variable-create,.variable-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(140px,.6fr) minmax(220px,2fr) auto;gap:10px;align-items:end;padding:16px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.variable-create{margin-bottom:18px}.variable-create label{display:grid;gap:6px;color:var(--ui-muted);font-size:12px}.variable-list{display:grid;gap:8px}.variable-row{align-items:center}.variable-row input,.variable-row select{min-width:0;width:100%;box-sizing:border-box}.variable-row>div{display:grid;gap:3px;min-width:150px;color:var(--ui-muted)}.variable-row>div small{display:block}.card code{display:block;overflow-wrap:anywhere;margin:12px 0;padding:9px;border-radius:8px;background:var(--ui-panel-soft)}
.formula-expression{grid-column:2/4}
@media(max-width:850px){.variable-create,.variable-row{grid-template-columns:1fr 1fr}.variable-create label:nth-child(3),.variable-row>input[name="value"]{grid-column:1/-1}}@media(max-width:520px){.variable-create,.variable-row{grid-template-columns:1fr}.variable-create label:nth-child(3),.variable-row>input[name="value"]{grid-column:auto}}
.one-c-wizard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;padding:24px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.one-c-wizard>h2,.one-c-wizard>p,.one-c-wizard>button{grid-column:1/-1}.one-c-wizard>label,.one-c-wizard fieldset label{display:grid;gap:7px}.one-c-wizard fieldset{display:grid;gap:10px;margin:0;padding:14px;border:1px solid var(--ui-line);border-radius:10px}.one-c-wizard fieldset label:has(input[type="checkbox"]){grid-template-columns:auto 1fr;align-items:center}.one-c-wizard input,.one-c-wizard select{width:100%;box-sizing:border-box}.muted{color:var(--ui-muted)}@media(max-width:700px){.one-c-wizard{grid-template-columns:1fr}.one-c-wizard>h2,.one-c-wizard>p,.one-c-wizard>button{grid-column:auto}}
.source-designer{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:20px;align-items:start}.source-designer>form,.source-designer>.candidate-list{display:grid;gap:14px;padding:24px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.source-designer>form{grid-row:span 2}.source-designer label{display:grid;gap:7px}.source-designer input,.source-designer select{width:100%;box-sizing:border-box}@media(max-width:900px){.source-designer{grid-template-columns:1fr}.source-designer>form{grid-row:auto}}
.candidate-list{margin-top:24px}.candidate-list article{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--ui-line)}.candidate-list article strong,.candidate-list article small{grid-column:1}.candidate-list article button{grid-column:2;grid-row:1/3}

@media (max-width:900px){.workspace{grid-template-columns:1fr}.workspace aside{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--ui-line);padding:10px}.aside-title,.nav-group-title{display:none}.nav-group{display:contents}.nav-group+.nav-group{margin:0;padding:0;border:0}.nav-item{width:auto;white-space:nowrap}.device-row{grid-template-columns:1fr}.device-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.workspace main{width:calc(100% - 28px);padding-top:24px}.page-title{align-items:stretch;flex-direction:column}.page-title>button{width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:125px}.device-controls{grid-template-columns:1fr}}

.template-actions,.template-compat{display:flex;flex-wrap:wrap;gap:8px}.compat{padding:5px 8px;border-radius:999px;background:var(--ui-panel-soft);color:var(--ui-muted);font-size:11px}.compat-native{color:#31c48d}.compat-adapted,.compat-fallback{color:#e6a23c}.template-builder{display:grid;grid-template-columns:230px minmax(280px,.8fr) minmax(340px,1.2fr);gap:14px;align-items:start}.template-builder>aside,.template-builder>section{min-width:0;padding:18px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.template-builder h2{margin:0 0 12px}.template-palette{display:grid;gap:7px}.template-palette p{margin:0 0 8px;color:var(--ui-muted);font-size:12px}.template-palette button{display:flex;justify-content:space-between;gap:8px;text-align:left}.template-palette small{color:var(--ui-muted)}.template-tree-node{display:grid;gap:4px}.template-tree-label{display:flex;justify-content:space-between;width:calc(100% - var(--depth)*14px);margin-left:calc(var(--depth)*14px);text-align:left}.template-tree-label small{color:var(--ui-muted)}.template-tree-label.selected{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.template-node-actions{margin-top:14px}.widget-preview-surface{min-height:300px;padding:20px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-bg)}.widget-preview-column{display:flex;flex-direction:column;gap:12px}.widget-preview-row{display:flex;flex-wrap:wrap;gap:12px}.widget-preview-stack{display:grid}.widget-preview-stack>*{grid-area:1/1}.widget-preview-leaf{display:grid;gap:4px;min-width:90px;padding:12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-panel-soft)}.widget-preview-leaf small{color:var(--ui-muted)}.widget-preview-divider{min-height:0;padding:0;border-width:1px 0 0}.widget-preview-chart strong{font-size:32px;letter-spacing:5px}.template-json{margin-top:18px}.template-json textarea{box-sizing:border-box;width:100%;min-height:360px;margin:10px 0;padding:12px;border:1px solid var(--ui-line-strong);border-radius:10px;background:var(--ui-input);color:var(--ui-text);font:12px/1.45 monospace;resize:vertical}#template-name{width:min(520px,100%);padding:0;border:0;background:transparent;color:var(--ui-heading);font:inherit}
@media(max-width:1100px){.template-builder{grid-template-columns:220px 1fr}.template-preview{grid-column:1/-1}}@media(max-width:720px){.template-builder{grid-template-columns:1fr}.template-preview{grid-column:auto}}
.organization-form{display:grid;gap:18px}.form-card{display:grid;gap:16px;padding:22px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.form-card h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.edo-row label,.invoice-form label{display:grid;gap:7px;color:var(--ui-muted);font-size:12px}.form-grid .wide{grid-column:1/-1}.edo-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 150px auto;gap:10px;align-items:end;padding:12px 0;border-top:1px solid var(--ui-line)}.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.invoice-form{grid-template-columns:2fr 1fr auto;align-items:end;margin-bottom:18px}.invoice-form h2,.invoice-form p{grid-column:1/-1}.invoice-list{display:grid}.invoice-list article{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--ui-line)}.invoice-list article div{display:grid;gap:4px}.invoice-list small{color:var(--ui-muted)}@media(max-width:850px){.form-grid,.billing-summary{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.edo-row,.invoice-form{grid-template-columns:1fr}.invoice-form h2,.invoice-form p{grid-column:auto}}

.wysiwyg-builder{display:grid;grid-template-columns:220px minmax(430px,1fr) 280px;gap:14px;align-items:start}.wysiwyg-builder>aside,.template-canvas{min-width:0;padding:16px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.wysiwyg-builder h2{margin:0 0 8px}.wysiwyg-builder aside>p{margin:0 0 14px;color:var(--ui-muted);font-size:12px}.template-palette{display:grid;gap:7px;position:sticky;top:90px}.template-palette button{cursor:grab}.template-variables{position:sticky;top:90px}.contract-list{display:grid;gap:9px;max-height:calc(100vh - 210px);overflow:auto}.contract-card{display:grid;gap:5px;padding:11px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-panel-soft);cursor:grab}.contract-card code,.contract-card small{overflow-wrap:anywhere;color:var(--ui-muted)}.contract-card>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.contract-card button{min-height:28px;padding:4px 7px;font-size:10px;cursor:grab}.incompatible{color:var(--ui-danger);font-size:11px}.compact-empty{padding:16px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.canvas-toolbar>div{display:grid;gap:2px}.canvas-toolbar small{color:var(--ui-muted)}.widget-canvas{min-height:520px;padding:18px;border:1px solid var(--ui-line-strong);border-radius:14px;background:var(--ui-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 5%,transparent)}.canvas-container{position:relative;display:flex;min-height:74px;gap:10px;padding:28px 10px 10px;border:1px dashed var(--ui-line-strong);border-radius:11px;background:color-mix(in srgb,var(--ui-panel) 74%,transparent)}.canvas-container+.canvas-container,.canvas-leaf+.canvas-container,.canvas-container+.canvas-leaf,.canvas-leaf+.canvas-leaf{margin-top:8px}.canvas-column{flex-direction:column}.canvas-row{flex-flow:row wrap}.canvas-stack{display:grid}.canvas-stack>.canvas-leaf,.canvas-stack>.canvas-container{grid-area:1/1}.canvas-container-label{position:absolute;top:6px;left:9px;display:flex;gap:7px;color:var(--ui-muted);font-size:10px;text-transform:uppercase}.canvas-container-label small{opacity:.7}.canvas-drop-hint{display:none;align-items:center;justify-content:center;min-height:38px;padding:6px;border:1px dashed var(--ui-accent);border-radius:8px;color:var(--ui-accent);font-size:11px}.canvas-container:empty .canvas-drop-hint,.canvas-container:hover>.canvas-drop-hint{display:flex}.canvas-leaf{display:grid;gap:5px;min-width:110px;padding:12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-panel-soft);cursor:grab}.canvas-leaf small{color:var(--ui-muted);font-size:10px}.canvas-leaf strong[contenteditable]{border-radius:5px;outline:none}.canvas-leaf strong[contenteditable]:focus{box-shadow:0 0 0 2px var(--ui-accent-soft);background:var(--ui-input)}.canvas-leaf span{color:var(--ui-muted)}.canvas-chart span{font-size:30px;letter-spacing:4px}.canvas-divider{min-height:1px;padding:0;border-width:1px 0 0}.canvas-container.selected,.canvas-leaf.selected{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent-soft)}.template-json{margin-top:14px}
@media(max-width:1200px){.wysiwyg-builder{grid-template-columns:190px minmax(400px,1fr)}.template-variables{grid-column:1/-1;position:static}.contract-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}@media(max-width:760px){.wysiwyg-builder{grid-template-columns:1fr}.template-palette{position:static}.contract-list{grid-template-columns:1fr}.widget-canvas{min-height:360px}.canvas-row{flex-direction:column}}
.source-guided{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px;align-items:start}.source-guided>form{grid-row:span 2}.scenario-selection{display:grid;gap:14px}.scenario-selection fieldset{display:grid;gap:8px;padding:14px;border:1px solid var(--ui-line);border-radius:12px}.scenario-selection legend{padding:0 8px;font-weight:700}.indicator-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:12px;align-items:center;padding:10px;border-radius:9px;background:var(--ui-panel-soft)}.indicator-choice>label{display:flex;gap:10px;align-items:flex-start}.indicator-choice span{display:grid;gap:3px}.indicator-choice small{color:var(--ui-muted)}.indicator-choice.unavailable{opacity:.55}.indicator-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.indicator-periods label{display:flex;gap:6px;align-items:center;color:var(--ui-muted);font-size:11px}.invoice-actions{display:flex!important;flex-direction:row!important;gap:8px;align-items:center}@media(max-width:900px){.source-guided{grid-template-columns:1fr}.source-guided>form{grid-row:auto}.indicator-choice{grid-template-columns:1fr}}
.source-schedule-card{grid-column:1/-1;padding:22px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.source-schedule-card form{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;align-items:end}.source-schedule-card label{display:grid;gap:6px}.source-schedule-card .schedule-pause{display:flex;align-items:center;gap:8px}.source-schedule-card .schedule-pause input{width:auto}.schedule-next{color:var(--ui-muted)}.source-run-list{display:grid}.source-run-list article{display:grid;grid-template-columns:130px 1fr;gap:4px 14px;padding:10px 0;border-top:1px solid var(--ui-line)}.source-run-list small{grid-column:2;color:var(--ui-muted)}@media(max-width:1100px){.source-schedule-card form{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:650px){.source-schedule-card form{grid-template-columns:1fr}.source-run-list article{grid-template-columns:1fr}.source-run-list small{grid-column:1}}
.account-alert{display:grid;width:100%;gap:5px;margin:12px 0;padding:15px;text-align:left;border:1px solid #e2a43a;border-radius:12px;background:#fff8e8;color:var(--ui-text)}.account-alert span,.account-alert small{color:var(--ui-muted)}
.variable-table-head,.variable-row{grid-template-columns:minmax(220px,1.4fr) minmax(170px,1.2fr) minmax(150px,1fr) minmax(180px,1fr) minmax(145px,.9fr) minmax(125px,auto)}.variable-table-head{display:grid;gap:10px;padding:8px 16px;color:var(--ui-muted);font-size:11px;text-transform:uppercase}.variable-row>input[name="title"],.variable-row>input[name="type"]{display:none}.variable-row>input[name="key"]{grid-column:1}.variable-row>div:not(.variable-contract-summary){grid-column:2;grid-row:1}.variable-contract-summary{grid-column:3;grid-row:1;display:grid;gap:3px}.variable-row>input[name="value"]{grid-column:4;grid-row:1}.variable-row>time{grid-column:5;grid-row:1;display:grid;gap:3px;color:var(--ui-muted);font-size:12px}.variable-row>button{grid-column:6}@media(max-width:1000px){.variable-table-head{display:none}.variable-row{grid-template-columns:1fr 1fr}.variable-row>*{grid-column:auto!important;grid-row:auto!important}}
.media-variable-section{margin:24px 0;padding:22px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-panel)}.media-variable-section h2{margin-top:0}.media-variable-form{margin:14px 0}.media-variable-form [data-pasted-image]{align-self:center}.media-variable-form input[type="file"]{padding:9px;background:var(--ui-input)}.canvas-video{background:linear-gradient(135deg,#111827,#253047);color:#fff}.canvas-image{background:linear-gradient(135deg,#eef6ff,#d8e8fb)}
body:not(.authenticated)>header,body:not(.authenticated)>.workspace{visibility:hidden}