:root{
  --bg:#0f1216; --panel:#161b22; --muted:#b7c0c8; --text:#e6edf3; --accent:#f97316;
  --ring:#2d333b; --ok:#16a34a; --warn:#f59e0b; --err:#ef4444;
  --input:#0f1720; --border:#3a414a; --blue:#3b82f6; --purple:#8b5cf6; --teal:#14b8a6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif; overflow-x: hidden;}

/* HEADER */
header{position:sticky;top:0;background:rgba(11,14,18,0.95);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--ring);z-index:50;box-shadow:0 4px 16px rgba(0,0,0,0.3);}
.topbar-content{max-width:1400px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.topbar-brand{display:flex;align-items:center;gap:10px;}
.logo{font-size:22px;font-weight:700;color:var(--accent);}
.topbar-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
.status-indicator{display:flex;align-items:center;gap:10px;}
.status-dot{width:12px;height:12px;border-radius:50%;transition:all 0.3s;box-shadow:0 0 8px rgba(0,0,0,0.4);}
.status-text{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.2;}
.status-text strong{font-size:13px;font-weight:600;color:var(--text);}
.dot-ok{background:var(--ok);box-shadow:0 0 8px rgba(22,163,74,0.35);} 
.dot-off{background:var(--warn);box-shadow:0 0 8px rgba(245,158,11,0.35);}
.dot-err{background:var(--err);box-shadow:0 0 8px rgba(239,68,68,0.35);}
.lang-switch{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.02);border:1px solid var(--ring);border-radius:999px;padding:4px 6px;}
.lang-pill{border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:600;padding:4px 8px;border-radius:999px;cursor:pointer;transition:all 0.2s ease;}
.lang-pill:hover{color:var(--text);background:rgba(255,255,255,0.04);}
.lang-pill.is-active{background:var(--accent);color:#111;box-shadow:0 4px 16px rgba(249,115,22,0.25);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* LAYOUT */
.wrap{max-width:1400px;margin:0 auto;padding:24px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.dashboard-grid{display:grid;grid-template-columns:360px 1fr 360px;gap:16px;}
@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

/* PANELS */
.panel{background:var(--panel);border:1px solid var(--ring);border-radius:16px;padding:24px;transition:all 0.3s;position:relative;overflow:hidden;}
.panel:hover{border-color:#3d444d;transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.2);} 
.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.panel-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;}
.panel-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;}
.panel-subtitle{color:var(--muted);font-size:14px;}
.panel-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.panel-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.panel-body{display:flex;flex-direction:column;gap:16px;}
.panel-content{padding:16px;}
.panel-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.panel-section{border:1px solid var(--ring);border-radius:12px;padding:16px;background:rgba(255,255,255,0.02);}
.panel-section + .panel-section{margin-top:16px;}
details.panel-section{padding:0;overflow:hidden;}
details.panel-section > summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:600;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.02);border-bottom:1px solid var(--ring);}
details.panel-section[open] > summary{border-bottom-color:var(--ring);}
details.panel-section > .panel-section-body{padding:16px;}
.panel-section-heading{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--ring);gap:12px;}
.panel-section-title{font-weight:700;font-size:16px;}

/* CARDS */
.card{background:var(--input);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all 0.3s;}
.card:hover{border-color:var(--ring);background:#131920;}
.card-metric{font-size:24px;font-weight:700;color:var(--accent);margin:8px 0 4px;}
.card-label{color:var(--muted);font-size:13px;}
.card-compact{padding:12px;}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;}
.stat-card{background:var(--input);border:1px solid var(--ring);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;}
.stat-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.stat-card:hover::after{border-color:rgba(249,115,22,0.3);box-shadow:0 12px 32px rgba(0,0,0,0.25);}
.stat-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.stat-card-title{font-size:13px;font-weight:600;color:var(--muted);display:flex;gap:8px;align-items:center;}
.stat-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.05);font-size:18px;}
.stat-card-value{font-size:26px;font-weight:700;color:var(--text);}
.stat-card-meta{font-size:12px;color:var(--muted);}
.surface{background:var(--input);border:1px solid var(--ring);border-radius:10px;padding:12px;}

/* BADGES / TAGS */
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--ring);background:rgba(255,255,255,0.02);}
.badge.ok{color:var(--ok);border-color:rgba(22,163,74,0.4);} 
.badge.warn{color:var(--warn);border-color:rgba(245,158,11,0.4);} 
.badge.err{color:var(--err);border-color:rgba(239,68,68,0.4);} 
.badge.muted{color:var(--muted);} 
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;}

/* Tag input */
.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:8px 10px;border:1px solid var(--ring);border-radius:10px;background:var(--input);cursor:text;transition:border-color 0.2s ease, box-shadow 0.2s ease;}
.tag-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px rgba(249,115,22,0.25);}
.tag-input input{flex:1;min-width:120px;border:none;background:transparent;color:var(--text);font:inherit;padding:4px 0;outline:none;}
.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(249,115,22,0.12);color:var(--text);border:1px solid rgba(249,115,22,0.3);font-size:12px;}
.tag-chip button{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;line-height:1;font-size:14px;display:flex;align-items:center;}
.tag-chip button:hover{color:var(--text);}

/* PROGRESS BAR */
.progress{width:100%;background:var(--border);border-radius:10px;overflow:hidden;height:10px;}
.progress > .bar{height:100%;background:linear-gradient(90deg,var(--accent),#fb923c);width:0%;transition:width 0.4s ease;}
#barQueue{width:35%;}

/* TIMELINE */
.timeline{display:flex;flex-direction:column;gap:10px;}
.timeline-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--ring);border-radius:10px;background:var(--input);} 
.timeline-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#111a24;border:1px solid var(--ring);} 
.timeline-content{flex:1;}
.timeline-title{font-weight:600;font-size:14px;margin-bottom:2px;}
.timeline-meta{font-size:11px;color:var(--muted);} 

/* LISTA POŁĄCZEŃ */
.call-list{display:flex;flex-direction:column;gap:8px;}
.call-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ring);border-radius:10px;background:var(--input);} 
.call-main{display:flex;flex-direction:column;}
.call-title{font-weight:600;}
.call-sub{font-size:12px;color:var(--muted);} 
.pill{padding:4px 8px;border-radius:999px;border:1px solid var(--ring);font-size:11px;}
.pill.ok{color:var(--ok);border-color:rgba(22,163,74,0.4);} 
.pill.err{color:var(--err);border-color:rgba(239,68,68,0.4);} 
.pill.neutral{color:var(--text);} 

/* Knowledge entries */
.knowledge-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;}
.knowledge-item{padding:10px;border:1px solid var(--ring);border-radius:10px;background:var(--input);cursor:pointer;transition:all .2s ease;}
.knowledge-item:hover{border-color:var(--accent);}
.knowledge-item.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(249,115,22,0.25);} 
.knowledge-item-title{font-weight:600;color:var(--text);margin-bottom:4px;}
.knowledge-item-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;}

/* Record layout (campaign & section profiles) */
.record-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.record-grid--sections{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.record-column{display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,0.02);border:1px solid var(--ring);border-radius:12px;padding:12px;min-height:100%;}
.record-column-header{display:flex;flex-direction:column;gap:4px;}
.record-column-title{font-weight:600;color:var(--text);font-size:14px;}
.record-column-meta{min-height:16px;}
.record-list{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.record-card{border:1px solid var(--ring);border-radius:10px;padding:12px;background:rgba(15,23,32,0.6);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all 0.2s ease;position:relative;}
.record-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(0,0,0,0.25);transform:translateY(-1px);}
.record-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(249,115,22,0.25);background:rgba(249,115,22,0.08);}
.record-card.is-selected::after{content:attr(data-selected-label);position:absolute;top:10px;right:12px;font-size:10px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}
.record-card-title{font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;}
.record-card-meta{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;}
.record-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.record-card-tag{background:rgba(249,115,22,0.18);color:var(--accent);font-size:10px;font-weight:600;border-radius:999px;padding:2px 6px;text-transform:uppercase;letter-spacing:0.04em;}
.record-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.record-card-actions .btn.ghost.small{padding:6px 10px;min-height:28px;font-size:11px;}
.record-card-empty{border:1px dashed var(--ring);border-radius:10px;padding:12px;color:var(--muted);font-size:12px;text-align:center;background:rgba(255,255,255,0.02);}
.record-card-empty strong{color:var(--text);display:block;margin-bottom:4px;}
.record-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px;}
.record-toolbar:first-of-type{margin-top:12px;}
.record-toolbar .pill{margin-left:auto;}
.record-toolbar .input-compact{min-width:200px;flex:1 1 240px;}
.record-toolbar .select-compact{min-width:160px;flex:0 0 auto;}
.input-compact{min-width:180px;}
.select-compact{min-width:160px;}
.record-list--scroll{max-height:340px;overflow:auto;}

.record-layout{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:16px;align-items:start;}
.record-layout--content{grid-template-columns:300px minmax(0,1fr) 280px;}
.record-layout--knowledge{grid-template-columns:320px minmax(0,1fr) 320px;}
.record-layout--policies{grid-template-columns:320px minmax(0,1fr) 280px;}
.record-layout--ai{grid-template-columns:320px minmax(0,1fr) 280px;}
.record-layout-column{display:flex;flex-direction:column;gap:12px;min-width:0;}
.record-layout-column--sidebar{gap:12px;}
.record-layout-column--main{gap:16px;}

/* Queue overview */
.queue-overview{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.queue-column{background:var(--input);border:1px solid var(--ring);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0;}
.queue-column-title{font-weight:600;font-size:14px;color:var(--text);display:flex;align-items:center;gap:6px;}
.queue-column-body{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto;overflow-x:hidden;}
.queue-column-body::-webkit-scrollbar{width:8px;}
.queue-column-body::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:4px;}
.queue-column-body::-webkit-scrollbar-thumb{background:var(--ring);border-radius:4px;transition:background 0.2s;}
.queue-column-body::-webkit-scrollbar-thumb:hover{background:var(--accent);}
.queue-card{background:rgba(15,23,32,0.7);border:1px solid var(--ring);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:border-color 0.2s ease,transform 0.2s ease;}
.queue-card:hover{border-color:var(--accent);transform:translateY(-1px);}
.queue-card.highlight{border-color:var(--accent);box-shadow:0 0 0 1px rgba(249,115,22,0.2);}
.queue-card-title{font-weight:600;color:var(--text);font-size:14px;}
.queue-card-subtitle{font-size:12px;color:var(--muted);}
.queue-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);}
.queue-card-meta .pill{background:rgba(255,255,255,0.05);border-color:var(--ring);font-size:11px;padding:4px 8px;}
.queue-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
.queue-status.success{color:var(--ok);}
.queue-status.failed{color:var(--err);}
.queue-status.pending{color:var(--blue);}
.queue-status.running{color:var(--accent);}
.queue-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;}
.queue-empty{border:1px dashed var(--ring);border-radius:10px;padding:12px;text-align:center;font-size:12px;color:var(--muted);background:rgba(255,255,255,0.02);}

.btn.ghost.tiny{padding:4px 8px;font-size:11px;min-height:26px;}
.record-layout-column--meta{gap:16px;}
.record-collection{display:flex;flex-direction:column;gap:12px;}
.record-collection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px;}
.record-collection-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--ring);margin-top:12px;}
.record-toolbar--stack{flex-wrap:wrap;justify-content:flex-start;gap:8px;}
.record-toolbar--stack .btn{flex:1 1 140px;}
.chip-grid{display:flex;flex-wrap:wrap;gap:8px;}
.chip{border:1px solid var(--ring);background:rgba(255,255,255,0.03);color:var(--text);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px;}
.chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(249,115,22,0.08);}
.chip:focus-visible{outline:2px solid rgba(249,115,22,0.4);outline-offset:2px;}
.chip.is-active{background:var(--accent);color:#0b1016;border-color:var(--accent);box-shadow:0 4px 14px rgba(249,115,22,0.25);}
.chip-toggle-group{display:flex;flex-wrap:wrap;gap:8px;}
.chip-toggle{border:1px solid var(--ring);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;background:rgba(255,255,255,0.03);color:var(--text);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px;}
.chip-toggle:hover{border-color:var(--accent);color:var(--accent);}
.chip-toggle.is-active{background:var(--accent);color:#0b1016;border-color:var(--accent);box-shadow:0 4px 14px rgba(249,115,22,0.25);}
.chip-toggle input{display:none;}
.preview-box{border:1px solid var(--ring);border-radius:12px;background:rgba(13,18,24,0.85);padding:16px;min-height:180px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow:auto;}
.preview-box p{margin:0 0 8px;}
.preview-box p:last-child{margin-bottom:0;}
.preview-box .preview-gap{height:8px;}
.preview-box ul,.preview-box ol{margin:0 0 10px 18px;padding-left:18px;}
.preview-box ul:last-child,.preview-box ol:last-child{margin-bottom:0;}
.preview-box code{background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:6px;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:12px;}
.preview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;}
.preview-stats div{border:1px solid var(--ring);border-radius:10px;padding:10px;background:rgba(255,255,255,0.02);display:flex;flex-direction:column;gap:4px;}
.preview-stats dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;}
.preview-stats dd{margin:0;font-size:16px;font-weight:600;color:var(--text);}
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.checklist li{border:1px solid var(--ring);border-radius:10px;padding:10px 12px;font-size:13px;display:flex;align-items:center;gap:8px;transition:border-color 0.2s ease,background 0.2s ease;color:var(--text);}
.checklist li.is-complete{border-color:var(--ok);background:rgba(22,163,74,0.08);color:var(--ok);}
.form-shell{display:flex;flex-direction:column;gap:16px;}
.form-shell-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.form-shell-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.textarea-medium{min-height:140px;}
.textarea-code{min-height:220px;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:13px;line-height:1.5;}

@media(max-width:1280px){
  .record-layout,
  .record-layout--content,
  .record-layout--knowledge,
  .record-layout--policies,
  .record-layout--ai{grid-template-columns:minmax(0,1fr);}
  .record-layout-column--sidebar{order:1;}
  .record-layout-column--main{order:2;}
  .record-layout-column--meta{order:3;}
}

@media(max-width:768px){
  .record-toolbar--stack .btn{flex:1 1 100%;}
}

.input-compact,
.select-compact{
  background:var(--input);
  border:1px solid var(--border);
  border-radius:10px;
  padding:8px 12px;
  color:var(--text);
  font-size:13px;
}

.input-compact:focus,
.select-compact:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(249,115,22,0.12);outline:none;}

/* Content tab redesign */
.content-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;}
.content-subnav-btn{border:1px solid var(--ring);background:var(--input);color:var(--muted);padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease;}
.content-subnav-btn:hover{color:var(--text);border-color:var(--accent);}
.content-subnav-btn.is-active{background:var(--accent);color:#0b1016;border-color:var(--accent);box-shadow:0 4px 18px rgba(249,115,22,0.25);}
.content-panels{display:flex;flex-direction:column;gap:20px;}
.content-panel{display:none;}
.content-panel.is-active{display:block;}
.content-grid .card{height:100%;}
.card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;}
.card-divider{height:1px;width:100%;background:var(--ring);margin:12px 0;}
.prompt-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;}
.prompt-preset{border:1px solid var(--ring);background:rgba(255,255,255,0.02);color:var(--text);padding:10px 12px;border-radius:10px;font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;}
.prompt-preset:hover{border-color:var(--accent);box-shadow:0 6px 22px rgba(0,0,0,0.28);transform:translateY(-1px);}

.campaign-actions-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.campaign-action-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--ring);border-radius:10px;background:rgba(255,255,255,0.02);padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;}
.campaign-action-option:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(249,115,22,0.12);}
.campaign-action-option input{margin-top:4px;accent-color:var(--accent);}
.campaign-action-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.campaign-action-title{font-weight:600;font-size:13px;color:var(--text);word-break:break-word;}
.campaign-action-meta{font-family:"SFMono-Regular",ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted);}
.campaign-action-desc{font-size:12px;color:var(--muted);line-height:1.4;word-break:break-word;}
.campaign-actions-empty{padding:12px;border:1px dashed var(--ring);border-radius:10px;font-size:12px;color:var(--muted);text-align:center;}

/* Policies */
.policies-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;}
.policy-item{padding:10px;border:1px solid var(--ring);border-radius:10px;background:var(--input);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;}
.policy-item:hover{border-color:var(--accent);}
.policy-item.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(249,115,22,0.25);} 
.policy-title{font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;}
.policy-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;}
.policy-tags{display:flex;gap:6px;flex-wrap:wrap;}
.policy-tag{padding:2px 6px;border-radius:999px;background:rgba(249,115,22,0.12);color:var(--accent);font-size:10px;font-weight:600;}

/* TABS */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--ring);padding-bottom:16px;align-items:flex-start;}
.tabs[role="tablist"]{gap:8px;}
.tab-button,
.tabs .tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;transition:all 0.25s;font-weight:500;line-height:1;}
.tab-button span[aria-hidden="true"],
.tabs .tab span[aria-hidden="true"]{display:inline-flex;align-items:center;font-size:16px;}
.tab-button:hover,
.tabs .tab:hover{background:var(--input);color:var(--text);}
.tab-button.is-active,
.tabs .tab.active{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600;}
.tab-button:focus-visible{outline:2px solid rgba(249,115,22,0.35);outline-offset:2px;}
.tabs--compact{margin-top:-4px;margin-bottom:12px;padding-bottom:12px;}

/* FORMS */
.form-group{margin-bottom:20px;}
.form-row{display:flex;gap:16px;align-items:end;}
.form-row .form-group{flex:1;margin-bottom:0;}
label{display:block;margin-bottom:8px;color:var(--text);font-weight:500;font-size:14px;}
.label-muted{color:var(--muted);font-weight:400;}
select,input[type="number"],input[type="text"],input[type="range"],textarea{
  width:100%;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;outline:none;transition:all 0.3s;font-size:14px;
}
select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(249,115,22,0.1);}
select.select-inline{width:auto;min-width:70px;background:transparent;color:var(--text);border-color:var(--ring);padding:6px 10px;border-radius:8px;}
textarea{min-height:120px;resize:vertical;line-height:1.5;}
.textarea-large{min-height:200px;}

/* RANGE INPUTS */
input[type="range"] {
  height: 6px;
  background: var(--border);
  border-radius: 3px;
  appearance: none;
  padding: 0;
}
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--accent);
  cursor: pointer;
  border: 2px solid var(--panel);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#111;padding:12px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:all 0.2s ease;font-size:14px;line-height:1;min-height:38px;text-decoration:none;}
.btn:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 4px 16px rgba(249,115,22,0.3);}
.btn:focus-visible{outline:2px solid rgba(249,115,22,0.35);outline-offset:2px;}
.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}
.btn.secondary{background:var(--blue);color:#fff;}
.btn.secondary:hover{background:#2563eb;}
.btn.ghost{background:rgba(255,255,255,0.02);color:var(--text);border-color:var(--ring);}
.btn.ghost:hover{border-color:#4a515b;background:rgba(255,255,255,0.04);} 
.btn.outline{background:transparent;color:var(--text);border-color:var(--ring);}
.btn.outline:hover{border-color:#4a515b;}
.btn.danger{background:var(--err);color:#fff;}
.btn.danger:hover{background:#dc2626;box-shadow:0 4px 16px rgba(239,68,68,0.3);} 
.btn.success{background:var(--ok);color:#0b1016;}
.btn.success:hover{background:#15803d;box-shadow:0 4px 16px rgba(22,163,74,0.3);} 
.btn.small{padding:8px 12px;font-size:12px;border-radius:8px;min-height:32px;}
.btn.icon{padding:6px 10px;min-width:34px;width:auto;}
.btn.full{width:100%;}

/* SECTION SUMMARIES */
.section-title{font-size:16px;font-weight:700;margin:0;}
.section-subtitle{font-size:12px;color:var(--muted);}

/* UTILITIES */
.flex{display:flex}
.flex-col{display:flex;flex-direction:column}
.flex-between{justify-content:space-between;}
.flex-center{align-items:center;}
.flex-wrap{flex-wrap:wrap;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.justify-end{justify-content:flex-end;}
.inline-flex{display:inline-flex;}
.gap-1{gap:4px;} .gap-2{gap:8px;} .gap-3{gap:12px;} .gap-4{gap:16px;} .gap-5{gap:20px;}
.mt-0{margin-top:0;} .mt-1{margin-top:4px;} .mt-2{margin-top:8px;} .mt-3{margin-top:12px;} .mt-4{margin-top:16px;}
.mb-1{margin-bottom:4px;} .mb-2{margin-bottom:8px;} .mb-3{margin-bottom:12px;} .mb-4{margin-bottom:16px;}
.ml-auto{margin-left:auto;}
.text-right{text-align:right;}
.fw-semibold{font-weight:600;}
.fw-bold{font-weight:700;}
.fw-black{font-weight:800;}
.grid-span-full{grid-column:1/-1;}
.min-w-160{min-width:160px;}
.min-w-200{min-width:200px;}
.min-w-220{min-width:220px;}
.min-w-240{min-width:240px;}
.min-h-84{min-height:84px;}
.quick-filter-group{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}
.quick-filter-multi{flex:1 1 100%;min-width:100%;min-height:112px;padding:10px 12px;}
.quick-filter-multi option{padding:4px 6px;}
.quick-filter-select{flex:1 1 calc(50% - 8px);min-width:160px;}
@media(max-width:520px){
  .quick-filter-select{flex:1 1 100%;min-width:100%;}
}
.adv-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;}
.adv-filter-cell{display:flex;flex-direction:column;gap:6px;}
.adv-filter-input{width:100%;}
.adv-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;}
.adv-filter-chips{grid-column:1/-1;margin-top:8px;}
.adv-filter-chips .chip{margin-bottom:4px;}
.ctx-field-group{background:rgba(249,115,22,0.08);border:1px solid rgba(249,115,22,0.25);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,0.18);}
.ctx-field-title{font-weight:700;font-size:13px;letter-spacing:0.01em;color:var(--text);text-transform:uppercase;}
.ctx-field-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto;padding-right:6px;}
.ctx-field-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(15,18,24,0.8);font-size:12px;line-height:1.4;cursor:pointer;transition:all 0.2s ease;}
.ctx-field-item:hover{border-color:var(--accent);box-shadow:0 0 0 1px rgba(249,115,22,0.2);}
.ctx-field-item input{margin-top:2px;}
.ctx-field-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
.ctx-field-label{color:var(--text);white-space:normal;word-break:break-word;overflow:hidden;}
.ctx-field-sub{font-size:11px;color:var(--muted);white-space:normal;word-break:break-word;overflow:hidden;}
#ctxFieldsCount{background:rgba(249,115,22,0.14);border-color:rgba(249,115,22,0.4);color:var(--accent);font-weight:600;}
.ctx-fields-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ctx-preview-list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0;}
.ctx-preview-list .chip{background:rgba(249,115,22,0.12);color:var(--text);border-color:rgba(249,115,22,0.2);font-size:11px;white-space:normal;line-height:1.4;cursor:default;}
.ctx-preview-list .chip.more{background:rgba(255,255,255,0.08);color:var(--muted);border-color:rgba(255,255,255,0.1);}
.ctx-preview-empty{color:var(--muted);}
.ctx-fields-modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start;}
.campaign-sessions-list{display:flex;flex-direction:column;gap:12px;}
.campaign-session-item{border:1px solid var(--ring);border-radius:12px;padding:12px;background:rgba(15,18,24,0.85);display:flex;flex-direction:column;gap:10px;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.campaign-session-item:hover{border-color:var(--accent);box-shadow:0 0 0 1px rgba(249,115,22,0.2);}
.campaign-session-item.is-active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(249,115,22,0.25);}
.campaign-session-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;}
.campaign-session-title{font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px;}
.campaign-session-status{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);font-size:11px;text-transform:uppercase;letter-spacing:0.05em;}
.campaign-session-status.running{border-color:rgba(22,163,74,0.4);color:var(--ok);background:rgba(22,163,74,0.08);}
.campaign-session-status.paused{border-color:rgba(245,158,11,0.4);color:var(--warn);background:rgba(245,158,11,0.08);}
.campaign-session-status.stopped,.campaign-session-status.completed{border-color:rgba(148,163,184,0.4);color:var(--muted);background:rgba(148,163,184,0.08);}
.campaign-session-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);}
.campaign-session-progress{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;}
.campaign-session-actions{display:flex;flex-wrap:wrap;gap:8px;}
.flex-1{flex:1 1 0%;}
.w-max{width:max-content;}
.scroll-stack{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto;padding-right:4px;}
.text-sm{font-size:12px;} .text-xs{font-size:11px;}
.text-lg{font-size:18px;}
.link-soft{color:#93c5fd;text-decoration:none;}
.link-soft:hover{color:#bfdbfe;text-decoration:underline;}
.font-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}
.muted{color:var(--muted);}
.text-accent{color:var(--accent);}
.success{color:var(--ok);} .warning{color:var(--warn);} .error{color:var(--err);}

/* ANIMATIONS */
@keyframes pulse{0%{opacity:1} 50%{opacity:0.5} 100%{opacity:1}}
.pulse{animation:pulse 2s infinite;}
@keyframes slideIn{from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)}}
.slide-in{animation:slideIn 0.3s ease-out;}

/* NOTIFICATIONS */
.notification{position:fixed;top:80px;right:24px;background:var(--panel);border:1px solid var(--ring);border-radius:12px;padding:16px 20px;z-index:100;min-width:300px;transform:translateX(100%);transition:all 0.3s;box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.notification.show{transform:translateX(0);}
.notification.success{border-color:var(--ok);} .notification.error{border-color:var(--err);}

/* MODAL STYLES */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;backdrop-filter:blur(4px);}
.modal-overlay.show{opacity:1;visibility:visible;}
.modal-content{background:var(--panel);border:1px solid var(--ring);border-radius:16px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:all 0.3s ease;box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.modal-overlay.show .modal-content{transform:scale(1);}
.modal-header{padding:24px;border-bottom:1px solid var(--ring);display:flex;justify-content:space-between;align-items:center;}
.modal-title{color:var(--text);font-size:24px;font-weight:700;}
.modal-close{background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:color 0.2s;}
.modal-close:hover{color:var(--text);} 
.modal-body{padding:24px;}

/* ACCORDION (details/summary) */
details.accordion{background:var(--panel);border:1px solid var(--ring);border-radius:12px;margin:12px 0;overflow:hidden}
details.accordion > summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:600;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.02);border-bottom:1px solid var(--ring)}
details.accordion[open] > summary{border-bottom-color:var(--ring)}
details.accordion > .accordion-body{padding:16px}
details.accordion summary::-webkit-details-marker{display:none}
.caret{display:inline-block;transition:transform .2s ease}
details[open] .caret{transform:rotate(90deg)}

/* IDLE LOCK OVERLAY */
#idleLock{position:fixed;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:10000}
#idleLock.show{display:flex}
#idleLock .box{background:var(--panel);border:1px solid var(--ring);border-radius:16px;padding:24px;max-width:420px;text-align:center}
#idleLock h3{margin:0 0 8px 0}
#idleLock p{color:var(--muted);margin:0 0 16px 0}

/* Responsive tweak for pro-grid */
@media(max-width:1200px) {
  .pro-grid,
  .dashboard-grid { grid-template-columns: 1fr !important; }
}