@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
  /* ═══ SVĚTLÝ REŽIM — výchozí ═══ */
  :root{
    /* Plochy: tři odstíny, ne pět. Bílá karta na velmi světlém plátně. */
    --bg:#F3F5FE; --surface:#FFFFFF; --surface-2:#EEF0FA; --surface-3:#E4E7F5;
    --border:#E4E7F5; --border-strong:#CFD3E5;

    /* Text: tři úrovně s dostatečným kontrastem mezi nimi. */
    --text:#292B31; --text-secondary:#565A6B; --text-muted:#60647A;

    /* Jediná značková barva. Žádné přechody. */
    --accent:#5D5294; --accent-bright:#796CBF; --accent-text:#FFFFFF;
    --accent-soft:#F5F4FF; --accent-line:#796CBF; --accent-border:#D2CEFD;
    --ok:#0E8F52;   --ok-soft:#E9F7F0;
    /* Jantarová jen pro „vyžaduje pozornost". Červená jen pro kritické. */
    --warn:#8A6314; --warn-soft:#FBF3E3;
    --danger:#B3271B; --danger-soft:#FBEDEB;
    /* Modrá, fialová a růžová mířily na šedou — barva bez významu ruší. */
    --info:#565A6B;   --info-soft:#EEF0FA;
    --violet:#5D5294; --violet-soft:#F5F4FF;
    --pink:#565A6B;   --pink-soft:#EEF0FA;

    /* Postranní panel je tmavý v obou režimech — je to rám aplikace,
       ne další list papíru. Odtud pramení dojem desktopové aplikace. */
    --sidebar-bg:#161826;
    --sidebar-grad:#161826;
    --sb-text:#9DA1B8; --sb-text-hi:#F3F3F7; --sb-hover:rgba(255,255,255,.06);
    --sb-active:rgba(145,132,217,.18); --sb-active-text:#B5ABFC;
    --sb-border:rgba(255,255,255,.07);
    --brand-grad:#796CBF;
    --bar-grad:#796CBF;

    /* Tři poloměry místo osmi. */
    --r-sm:8px; --r:14px; --r-pill:999px;
    --radius:14px;
    /* Stín, který je vidět jen boční vidění. */
    --shadow:0 0 0 1px rgba(22,24,38,.05), 0 8px 20px rgba(22,24,38,.06);
    --shadow-sm:0 0 0 1px rgba(22,24,38,.04), 0 4px 12px rgba(22,24,38,.05);

    /* Typografická škála — šest kroků. */
    --t-xs:11px; --t-sm:12.5px; --t-md:14px; --t-lg:16px; --t-xl:21px; --t-2xl:28px;
    /* Odstupy — jedna mřížka po 4 px. */
    --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
    --ease:160ms cubic-bezier(.2,.6,.3,1);
  }

  /* ═══ TMAVÝ REŽIM ═══ */
  [data-theme="dark"]{
    --bg:#161826; --surface:#232532; --surface-2:#2A2D3E; --surface-3:#333649;
    --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.16);
    --text:#E9E9ED; --text-secondary:#B7BBCE; --text-muted:#9FA3B8;
    --accent:#9184D9; --accent-bright:#B5ABFC; --accent-text:#161826;
    --accent-soft:rgba(145,132,217,.14); --accent-line:#9184D9; --accent-border:rgba(145,132,217,.45);
    --ok:#3DD68C;   --ok-soft:rgba(61,214,140,.12);
    --warn:#E0A94A; --warn-soft:rgba(224,169,74,.12);
    --danger:#E8807A; --danger-soft:rgba(232,128,122,.12);
    --info:#B7BBCE;   --info-soft:rgba(255,255,255,.05);
    --violet:#A7A1DB; --violet-soft:rgba(167,161,219,.12);
    --pink:#B7BBCE;   --pink-soft:rgba(255,255,255,.05);
    --sidebar-bg:#101120;
    --sidebar-grad:#101120;
    --sb-text:#8E92A8; --sb-text-hi:#F3F3F7; --sb-hover:rgba(255,255,255,.05);
    --sb-active:rgba(145,132,217,.16); --sb-active-text:#B5ABFC;
    --sb-border:rgba(255,255,255,.06);
    --brand-grad:#9184D9;
    --bar-grad:#9184D9;
    --shadow:0 0 0 1px rgba(255,255,255,.06), 0 6px 18px rgba(0,0,0,.30);
    --shadow-sm:0 0 0 1px rgba(255,255,255,.05), 0 3px 10px rgba(0,0,0,.22);
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);}
  .app{display:flex;min-height:100vh;}
  ::-webkit-scrollbar{width:8px;height:8px;}
  ::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-sm);}

  /* SIDEBAR */
  .sidebar{width:236px;flex-shrink:0;background:var(--sidebar-grad);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:2px;}
  .brand{display:flex;align-items:center;gap:9px;padding:6px 8px 18px 8px;}
  .brand-mark{width:30px;height:30px;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.35);}
  .brand-mark img{width:100%;height:100%;object-fit:cover;display:block;}
  .brand-name{font-weight:600;font-size:var(--t-md);letter-spacing:0.2px;}
  .brand-sub{font-size:var(--t-xs);color:var(--text-muted);margin-top:-2px;}
  .nav-group-label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:0.6px;color:var(--text-muted);padding:14px 10px 6px;}
  .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--t-md);color:var(--text-secondary);cursor:pointer;user-select:none;}
  .nav-item:hover{background:var(--surface-2);color:var(--text);}
  .nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600;position:relative;}
  .nav-item.active .nav-icon{opacity:1;color:var(--accent);}
  .nav-item.active::before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;background:var(--accent-line);border-radius:0 3px 3px 0;}
  .nav-item .dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);margin-left:auto;}
  .nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:var(--t-xs);font-weight:700;
             min-width:17px;height:17px;border-radius:var(--r-sm);display:none;align-items:center;
             justify-content:center;padding:0 5px;}
  .nav-badge.show{display:flex;}
  .nav-icon{width:16px;text-align:center;font-size:var(--t-md);opacity:0.9;}
  .sidebar-footer{margin-top:auto;padding:10px;font-size:var(--t-xs);color:var(--text-muted);}

  /* MAIN */
  .main{flex:1;display:flex;flex-direction:column;min-width:0;}
  .topbar{height:60px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 22px;}
  .search-box{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 12px;color:var(--text-muted);cursor:pointer;font-size:var(--t-sm);}
  .search-box:hover{border-color:var(--accent-border);}
  kbd{font-size:var(--t-xs);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 6px;margin-left:auto;color:var(--text-muted);}
  .btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:8px 14px;border-radius:var(--r-sm);font-size:var(--t-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
  .btn:hover{border-color:var(--text-muted);}
  .btn-primary{background:transparent;color:var(--accent);border-color:var(--accent);font-weight:600;}
  .btn-primary:hover{background:var(--accent-soft);}
  .icon-btn{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--t-md);}
  .icon-btn:hover{color:var(--text);border-color:var(--text-muted);}
  .topbar-spacer{flex:0 0 auto;}
  .view{padding:26px 30px;overflow-y:auto;position:relative;}
  .skeleton-overlay{position:absolute;inset:0;background:var(--bg);z-index:5;padding:26px 30px;overflow:hidden;}
  .view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
  .view-head-left{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;}
  .view-owner-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .view-owner-switch-label{font-size:var(--t-xs);font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;}
  .view-owner-switch .filter-sel{min-width:190px;}
  .cal-head-actions{display:flex;align-items:center;gap:8px;}
  .view-title{font-size:var(--t-xl);font-weight:600;}
  .view-sub{font-size:var(--t-sm);color:var(--text-muted);margin-top:3px;}
  .tabs{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:var(--r-sm);border:1px solid var(--border);}
  .tab{padding:6px 14px;border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-secondary);cursor:pointer;}
  .tab.active{background:var(--surface);color:var(--text);font-weight:600;}

  /* KPI */
  .kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:26px;}
  .kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:15px 16px;
            border-top:2px solid var(--border-strong);box-shadow:var(--shadow-sm);}
  .kpi-card.k-ok{border-top-color:var(--ok);}
  .kpi-card.k-info{border-top-color:var(--info);}
  .kpi-card.k-warn{border-top-color:var(--warn);}
  .kpi-card.k-danger{border-top-color:var(--danger);}
  .kpi-card.k-violet{border-top-color:var(--violet);}
  .kpi-label{font-size:var(--t-sm);color:var(--text-muted);margin-bottom:8px;}
  .kpi-value{font-size:var(--t-xl);font-weight:600;}
  .kpi-value.accent{color:var(--accent);}
  .k-ok .kpi-value{color:var(--ok);}
  .k-info .kpi-value{color:var(--info);}
  .k-warn .kpi-value{color:var(--warn);}
  .k-danger .kpi-value{color:var(--danger);}
  .k-violet .kpi-value{color:var(--violet);}

  .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm);}
  /* ── Obchodníci: kompaktní desktop-first roster (POUZE tato sekce) ── */
  #view-obchodnici .panel{padding:14px 16px;}
  #view-obchodnici thead th{padding:8px 10px;}
  #view-obchodnici tbody td{padding:8px 10px;}
  .ros-name{display:inline-flex;align-items:center;gap:8px;}
  .ros-sub{font-size:var(--t-xs);color:var(--text-muted);margin-top:1px;}
  .ros-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
  #view-obchodnici th.ros-num{text-align:right;}
  .ros-row{cursor:pointer;}
  .ros-row.ros-sel td{background:var(--accent-soft);}
  .ros-menu-host{position:relative;text-align:right;width:44px;}
  .ros-kebab{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);
    padding:2px 9px;cursor:pointer;color:var(--text-secondary);font-size:var(--t-md);line-height:1.4;}
  .ros-kebab:hover{background:var(--surface-2);}
  .ros-menu{position:absolute;right:0;top:28px;z-index:40;background:var(--surface);
    border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);
    min-width:150px;display:flex;flex-direction:column;padding:4px;}
  .ros-mi{background:none;border:none;text-align:left;padding:7px 10px;cursor:pointer;
    font-size:var(--t-sm);color:var(--text);border-radius:var(--r-sm);white-space:nowrap;}
  .ros-mi:hover{background:var(--surface-2);}
  .ros-mi:disabled{opacity:.45;cursor:default;}
  .ros-mi.danger{color:var(--danger);}
  .ros-firm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
  .panel h3{font-size:var(--t-md);margin:0 0 12px;font-weight:600;}
  .attn-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:var(--t-sm);cursor:pointer;}
  .attn-row:last-child{border-bottom:none;}
  .attn-row:hover .attn-name{color:var(--accent);}
  .attn-days{color:var(--text-muted);font-size:var(--t-sm);}
  .funnel-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:var(--t-sm);}
  .funnel-label{width:110px;color:var(--text-secondary);flex-shrink:0;}
  .funnel-bar-track{flex:1;background:var(--surface-2);border-radius:var(--r-sm);height:8px;overflow:hidden;}
  .funnel-bar-fill{height:100%;background:var(--bar-grad);border-radius:var(--r-sm);}
  .funnel-count{width:22px;text-align:right;color:var(--text-muted);}

  /* TABLE */
  table{width:100%;border-collapse:collapse;font-size:var(--t-sm);}
  thead th{text-align:left;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:0.4px;color:var(--text-muted);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border);}
  tbody td{padding:12px;border-bottom:1px solid var(--border);}
  tbody tr{cursor:pointer;}
  tbody tr:hover td{background:var(--surface-2);}
  .company-name{font-weight:600;}
  .pill{display:inline-flex;align-items:center;font-size:var(--t-sm);font-weight:600;padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap;}
  .avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-3);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-xs);font-weight:600;margin-right:6px;vertical-align:middle;}
  .avatar.a0{background:var(--accent-soft);color:var(--ok);}
  .avatar.a1{background:var(--info-soft);color:var(--info);}
  .avatar.a2{background:var(--violet-soft);color:var(--violet);}
  .avatar.a3{background:var(--pink-soft);color:var(--pink);}
  .avatar.a4{background:var(--warn-soft);color:var(--warn);}
  .muted{color:var(--text-muted);}

  /* KANBAN */
  .kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;}
  .kcol{flex:0 0 208px;background:var(--surface-2);border-radius:var(--r);padding:10px;min-height:120px;}
  .kcol-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;font-size:var(--t-sm);font-weight:600;}
  .kcol-count{color:var(--text-muted);font-weight:400;}
  .kcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 11px;margin-bottom:8px;cursor:grab;font-size:var(--t-sm);}
  .kcard:hover{border-color:var(--accent-border);}
  /* Urgence karty (stav určuje getTaskUrgency — tady jen vizuál).
     REVIZE UX 8.6.2: JEDEN hlavní obrys na stav, síla roste tloušťkou
     a jemným glow (--danger-soft) — žádné paralelní linky, žádná animace.
     Jen box-shadow: box model netknutý, žádný layout shift, max 3 px
     obrys + měkké halo < padding sloupce 10 px i mezera karet 8 px. */
  .urg-toggle.on{border-color:var(--accent-border);color:var(--accent);
    background:var(--accent-soft);font-weight:600;}
  /* Legenda urgence: mini ukázky s TÝMIŽ .urg-* třídami jako ostré karty.
     Kompaktní: pop ≤ 320 px (na úzkém viewportu se sám zmenší), řádek
     ~28 px, ukázka 78×24 px — jen rámeček + slovo, nic víc. Kotví se
     doprava POD otazník, takže nepřekrývá board. */
  /* Layout legendy je inline přímo v HTML (kaskádovzdorný) — tady jen
     dovětek: poslední řádek bez spodního odsazení. */
  .urg-legend .ulg-row:last-child{margin-bottom:0 !important;}
  .urg-legend .ulg-card{color:var(--text-secondary);}
  /* ZMĚNA ZADÁNÍ (8.8.1): kategorie KRITICKÉ zrušena. Tři stavy,
     stejně tenký rámeček — barva je jediný vizuální rozdíl. */
  .kcard.urg-tomorrow{box-shadow:0 0 0 1px var(--warn);}
  .kcard.urg-today{box-shadow:0 0 0 1px var(--ok);}
  .kcard.urg-overdue{box-shadow:0 0 0 1px var(--danger);}
  .dg-training{cursor:pointer;}
  /* Tlačítko Doporučený trénink v pravém panelu DNES (8.17.0). */
  .ds-trn-btn{width:100%;}
  .ds-trn-btn.ds-trn-alert{background:var(--danger);color:#fff;border-color:var(--danger);}
  .ds-trn-msg{color:var(--danger);font-size:var(--t-xs);font-weight:700;margin-top:6px;line-height:1.4;}
  .ds-trn-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);
    font-size:var(--t-sm);cursor:pointer;}
  .ds-trn-row:hover{border-color:var(--accent-line);}
  .ds-trn-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--danger);}
  /* Nové manažerské doporučení (8.16.0) — červený stav JEN pro nové. */
  .trn-new{background:var(--danger-soft);border:1px solid var(--danger);
    border-radius:var(--r-sm);padding:12px 14px;margin-bottom:12px;}
  .trn-new-h{font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .trn-new-badge{color:var(--danger);font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;}
  .trn-new-t{color:var(--text-secondary);font-size:var(--t-sm);margin:4px 0 8px;}
  .trn-new-row{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:4px 0;font-size:var(--t-sm);}
  .kcard-name{font-weight:600;margin-bottom:6px;}
  .kcard-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--t-xs);color:var(--text-muted);}
  .kcol.dragover{outline:2px dashed var(--accent);outline-offset:-2px;}
  /* CALDND: přetažení úkolu v kalendáři na jiný den */
  .cal-cell.cal-drop,.cal-tg-cell.cal-drop{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft);}
  .cal-entry[draggable="true"],.cal-e2[draggable="true"]{cursor:grab;}
  .cal-entry.cal-dragging,.cal-e2.cal-dragging{opacity:.4;}

  /* DRAWER */
  .overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:none;z-index:50;}
  .overlay.show{display:block;}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:51;transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column;}
  .drawer.show{transform:translateX(0);}
  .drawer-head{padding:20px 22px 14px;border-bottom:1px solid var(--border);}
  .drawer-close{position:absolute;top:18px;right:18px;}
  .drawer-title{font-size:var(--t-lg);font-weight:600;margin-bottom:6px;}
  .drawer-tabs{display:flex;gap:16px;padding:0 22px;border-bottom:1px solid var(--border);}
  .dtab{padding:12px 0;font-size:var(--t-sm);color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;}
  .dtab.active{color:var(--text);border-color:var(--accent-border);font-weight:600;}
  .drawer-body{overflow-x:hidden;padding:18px 22px;overflow-y:auto;flex:1;}
  .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
  .field{display:flex;flex-direction:column;gap:5px;}
  .field label{font-size:var(--t-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;}
  .field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 9px;color:var(--text);font-size:var(--t-sm);font-family:inherit;}
  .field.full{grid-column:1/-1;}
  .tl-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);}
  .tl-icon{width:26px;height:26px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:var(--t-sm);flex-shrink:0;}
  .tl-date{font-size:var(--t-xs);color:var(--text-muted);}
  .tl-text{font-size:var(--t-sm);margin-top:2px;}
  .ai-btn{width:100%;padding:11px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-text);font-weight:600;border:none;cursor:pointer;font-size:var(--t-sm);margin-bottom:16px;}
  .ai-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 13px;margin-bottom:10px;}
  .ai-card h4{margin:0 0 8px;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:0.3px;color:var(--accent);}
  .ai-card p, .ai-card li{font-size:var(--t-sm);line-height:1.5;margin:0 0 4px;}
  .ai-note{font-size:var(--t-xs);color:var(--text-muted);text-align:center;margin-top:6px;}
  .swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}

  /* MODALS */
  /* 85, ne 60. Call Mode je celoobrazovková vrstva na 80; dokud byly
   dialogy na 60, otevřely se ZA ní. Tlačítko zareagovalo, stav se změnil,
   dialog se vykreslil — a nebyl vidět. Odtud „Nový úkol nedělá nic"
   a „Ukončit hovor nedělá nic". Toast zůstává nad vším na 90. */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:none;
  align-items:center;justify-content:center;z-index:85;}
  .modal-overlay.show{display:flex;}
  .modal{width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);}
  .modal h3{margin:0 0 16px;font-size:var(--t-lg);}
  .modal .field{margin-bottom:12px;}
  .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;}
  .req{color:var(--danger);font-weight:700;margin-left:2px;}
  .modal-sep{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:0.6px;color:var(--text-muted);
             font-weight:600;margin:16px 0 9px;padding-top:12px;border-top:1px solid var(--border);}
  .field-hint{font-size:var(--t-xs);color:var(--text-muted);line-height:1.4;margin-top:1px;}
  .modal{max-height:82vh;overflow-y:auto;}

  /* MODUL DNES */
  .prop-row{display:flex;align-items:flex-start;gap:12px;padding:11px 13px;background:var(--surface-2);
            border:1px solid var(--border);border-radius:var(--r);margin-bottom:7px;}
  .prop-conf{flex-shrink:0;font-size:var(--t-xs);font-weight:700;color:var(--accent);
             background:var(--accent-soft);border-radius:var(--r-sm);padding:4px 7px;min-width:40px;text-align:center;}
  .prop-main{flex:1;min-width:0;}
  .prop-label{font-size:var(--t-sm);margin-bottom:2px;}
  .prop-ev{font-size:var(--t-sm);color:var(--text-muted);font-style:italic;margin-bottom:2px;}
  .prop-src{font-size:var(--t-xs);color:var(--text-muted);}
  .prop-btns{display:flex;gap:6px;flex-shrink:0;}

  .first-row{display:flex;align-items:center;gap:11px;padding:11px 0;
             border-bottom:1px solid var(--border);cursor:pointer;}
  .first-row:last-child{border-bottom:none;}
  .first-row:hover .first-name{color:var(--accent);}
  .first-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .first-main{flex:1;min-width:0;}
  .first-name{font-size:var(--t-sm);font-weight:600;margin-bottom:2px;}
  .first-why{font-size:var(--t-sm);color:var(--text-muted);}
  .first-side{display:flex;align-items:center;gap:8px;flex-shrink:0;}

  .done-row{display:flex;align-items:flex-start;gap:9px;padding:7px 0;
            border-bottom:1px solid var(--border);font-size:var(--t-sm);}
  .done-row:last-child{border-bottom:none;}
  .done-badge{flex-shrink:0;font-size:var(--t-xs);font-weight:700;border-radius:var(--r-sm);padding:2px 5px;
              min-width:22px;text-align:center;}
  .done-badge.ai{background:var(--violet-soft);color:var(--violet);}
  .done-badge.system{background:var(--info-soft);color:var(--info);}
  .done-badge.integration{background:var(--accent-soft);color:var(--accent);}
  .done-text{color:var(--text-secondary);line-height:1.45;}

  /* ZDRAVÍ A SOUHLAS */
  .health-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
              padding:12px 13px;margin-bottom:12px;}
  .health-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;}
  .health-label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);}
  .health-val{font-size:var(--t-sm);font-weight:700;}
  .health-track{height:6px;background:var(--surface-3);border-radius:var(--r-sm);overflow:hidden;}
  .health-fill{height:100%;border-radius:var(--r-sm);transition:width .35s ease;}
  .health-notes{font-size:var(--t-xs);color:var(--text-muted);margin-top:8px;line-height:1.45;}

  .consent-box{border-radius:var(--r);padding:11px 13px;margin-bottom:14px;border:1px solid;}
  .consent-box.on{background:var(--accent-soft);border-color:var(--accent-border);}
  .consent-box.off{background:var(--danger-soft);border-color:var(--danger);}
  .consent-head{display:flex;justify-content:space-between;align-items:center;
                font-size:var(--t-sm);font-weight:600;margin-bottom:4px;}
  .consent-box.on .consent-head{color:var(--ok);}
  .consent-box.off .consent-head{color:var(--danger);}
  .consent-meta{font-size:var(--t-xs);color:var(--text-secondary);line-height:1.45;}

  /* IMPORT Z PLAUD */
  .plaud-sum{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;
             padding:10px 12px;font-size:var(--t-sm);line-height:1.55;margin-bottom:4px;color:var(--text-secondary);}
  .plaud-sum b{color:var(--text);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:0.3px;}
  .plaud-task{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;background:var(--surface-2);
              border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:6px;cursor:pointer;}
  .plaud-task:hover{border-color:var(--accent-border);}
  .plaud-chk{margin-top:2px;flex-shrink:0;accent-color:var(--accent);}
  .plaud-task-main{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .plaud-task-title{font-size:var(--t-sm);color:var(--text);}
  .plaud-task-meta{font-size:var(--t-xs);color:var(--text-muted);}
  .plaud-task.plaud-done{opacity:.65;}
  .plaud-ares{margin-top:8px;padding:10px 12px;border:1px dashed var(--border);
    border-radius:var(--r-sm);background:var(--surface-2);}
  .plaud-ares .field{margin-bottom:8px;}

  /* ŘÍZENÍ OBCHODU V DETAILU */
  .deal-banner{border-radius:var(--r-sm);padding:11px 13px;margin-bottom:14px;font-size:var(--t-sm);line-height:1.5;}
  .deal-banner.lost{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);}
  .deal-banner.warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);}
  .deal-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
            padding:13px;margin-bottom:14px;}
  .deal-row{display:flex;gap:11px;margin-bottom:10px;}
  .deal-row:last-of-type{margin-bottom:0;}
  .deal-meta{display:flex;align-items:center;gap:7px;font-size:var(--t-sm);color:var(--text-muted);
             margin-top:11px;padding-top:10px;border-top:1px solid var(--border);}
  .deal-meta b{color:var(--accent);}
  .quick-log{margin-bottom:16px;}
  .quick-log-label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:0.3px;
                   color:var(--text-muted);margin-bottom:6px;}
  .quick-log-btns{display:flex;gap:6px;}
  .quick-log-btns .btn{flex:1;font-size:var(--t-sm);padding:7px 4px;}

  /* prohraná firma v tabulce */
  tbody tr.is-lost td{opacity:0.5;}
  /* LOST + follow-up: FIALOVÉ orámování = „prohráno, ale máme
     naplánovaný návrat". Jen s aktivním follow-upem, ne pro všechny lost. */
  tbody tr.is-lostfu{outline:2px solid var(--accent);outline-offset:-2px;}
  tbody tr.is-lostfu td{opacity:0.75;}
  .deal-banner.lostfu{border:2px solid var(--accent);}
  tbody tr.is-stuck .company-name::after{content:"⏱";margin-left:6px;font-size:var(--t-xs);color:var(--warn);}
  .opt{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:var(--t-xs);font-style:italic;margin-left:4px;}

  /* FORM VALIDATION */
  @keyframes fieldShake{0%,100%{transform:translateX(0);}25%{transform:translateX(-4px);}75%{transform:translateX(4px);}}
  .field.invalid input, .field.invalid select{border-color:var(--danger) !important;box-shadow:0 0 0 2px var(--danger-soft);}
  .field.invalid{animation:fieldShake .3s ease;}
  .field.invalid label{color:var(--danger);}
  .field-error{font-size:var(--t-xs);color:var(--danger);margin-top:-1px;display:none;}
  .field.invalid .field-error{display:block;}

  /* PALETTE */
  .palette-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:none;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:70;}
  .palette-overlay.show{display:flex;}
  .palette{width:520px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;}
  .palette-input{width:100%;border:none;background:transparent;padding:16px 18px;font-size:var(--t-md);color:var(--text);border-bottom:1px solid var(--border);outline:none;font-family:inherit;}
  .palette-list{max-height:320px;overflow-y:auto;}
  .palette-item{padding:11px 18px;font-size:var(--t-sm);cursor:pointer;display:flex;justify-content:space-between;}
  .palette-item.sel{background:var(--surface-2);}
  .palette-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:var(--t-sm);}
.phone-lookup{margin-bottom:16px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);}
.phone-lookup-title{font-weight:700;margin-bottom:8px;}
.phone-lookup-sub{font-size:var(--t-xs);color:var(--text-muted);margin-bottom:10px;}
.phone-lookup-results{margin-top:10px;display:grid;gap:8px;}
.phone-hit{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;background:var(--surface-2);}
.phone-hit:hover{border-color:var(--accent-border);}
.phone-hit b{display:block;}
.phone-hit span{font-size:var(--t-xs);color:var(--text-muted);}


  /* ÚKOLY — počítadla a stavy */
  .task-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
  .task-counters > div{background:var(--surface-2);border:1px solid var(--border);
                       border-radius:var(--r-sm);padding:9px 11px;text-align:center;}
  .tc-num{font-size:var(--t-xl);font-weight:600;line-height:1;}
  .tc-lbl{font-size:var(--t-xs);color:var(--text-muted);margin-top:4px;}
  .task-state{background:var(--warn-soft);color:var(--warn);margin-left:6px;font-size:var(--t-xs);}
  .task-mini{padding:3px 7px;font-size:var(--t-xs);line-height:1;}
  .kcard-warn{color:var(--danger);font-weight:700;margin-left:5px;}
  /* Potenciál úspěchu (8.9.0) — samostatný obchodní signál, NEZÁVISLÝ
     na urgenci. Jen malé kolečko, layout karty se nemění. */
  .sp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;
    background:var(--ok);margin-left:6px;vertical-align:baseline;}
  /* Tooltip kolečka jede přes EXISTUJÍCÍ mechanismus help-tip →
     help-pop-float (plovoucí kopie u <body>, nikdy oříznutá). Obal
     jen neutralizuje kroužkový vzhled ikony ? — zůstane samotný dot.
     cursor:help pryč — na macOS ukazoval kurzor s otazníkem. */
  .help-tip.sp-tip{width:auto;height:auto;border:none;background:transparent;
    border-radius:0;margin-left:6px;cursor:default;font-weight:400;}
  .sp-tip .sp-dot{margin-left:0;}
  .ai-raw{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);
          padding:9px 11px;font-size:var(--t-xs);line-height:1.5;white-space:pre-wrap;
          max-height:220px;overflow:auto;font-family:ui-monospace,monospace;margin:6px 0 0;}
  /* MEETING OS — ROZBALOVACÍ KARTY */
  .mic{border:1px solid var(--border);border-radius:var(--r);margin-bottom:9px;
       background:var(--surface);overflow:hidden;}
  .mic.open{border-color:var(--accent-border);}
  .mic-head{display:flex;align-items:center;gap:9px;padding:11px 13px;cursor:pointer;
            background:var(--surface-2);}
  .mic-head:hover{background:var(--surface-3);}
  .mic-arrow{color:var(--text-muted);font-size:var(--t-xs);width:10px;}
  .mic-title{flex:1;font-size:var(--t-sm);font-weight:600;}
  .mic-badge{font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;}
  .mic-body{padding:13px;}
  .mic-sec{margin-bottom:12px;}
  .mic-sec:last-child{margin-bottom:0;}
  .mic-sec > b{display:block;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.5px;
               color:var(--text-muted);margin-bottom:6px;}
  .mic-li{font-size:var(--t-sm);line-height:1.55;padding:5px 0;border-bottom:1px solid var(--border);}
  .mic-li:last-child{border-bottom:none;}
  .mic-p{font-size:var(--t-sm);line-height:1.6;color:var(--text-secondary);}
  .mic-sub{font-size:var(--t-sm);color:var(--text-muted);line-height:1.5;margin-top:8px;}
  .mic-k{display:inline-block;min-width:112px;font-size:var(--t-xs);text-transform:uppercase;
         letter-spacing:.4px;color:var(--text-muted);}
  .mic-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:var(--t-sm);}
  .mic-q{font-size:var(--t-sm);font-style:italic;color:var(--text-muted);margin-top:3px;
         padding-left:9px;border-left:2px solid var(--border);}
  .mic-empty{font-size:var(--t-sm);color:var(--text-muted);padding:10px 0;}
  .mic-big{font-size:var(--t-2xl);font-weight:700;line-height:1;margin-bottom:12px;}
  .mic-bar{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:var(--t-sm);}
  .mic-bar-lbl{width:190px;flex-shrink:0;}
  .mic-bar-val{width:34px;text-align:right;color:var(--text-secondary);font-weight:600;}
  .mic-nba{background:var(--ok-soft);border:1px solid var(--border);border-radius:var(--r-sm);
           padding:10px 12px;font-size:var(--t-sm);line-height:1.55;margin-top:10px;}
  .mic-obj{border:1px solid var(--border);border-radius:var(--r-sm);padding:11px;margin-bottom:9px;
           background:var(--surface-2);}
  .mic-obj-h{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);margin-bottom:5px;}
  /* Tahák: námitka jako otázka, reakce pod ní. Bez barevných ozdob —
     obchodník to čte v běhu, ne si to prohlíží. */
  /* ── Pracovní režim ── */
  .dial-overlay{flex-direction:column;padding:0;z-index:80;}
  .dial-head{display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:12px 20px;border-bottom:1px solid var(--border);flex:none;}
  .dial-h-l{display:flex;align-items:center;gap:9px;font-size:var(--t-md);font-weight:600;}
  .dial-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);}
  .dial-h-r{display:flex;align-items:center;gap:16px;font-size:var(--t-sm);color:var(--text-muted);}
  .dial-h-r b{color:var(--text);}
  .dial-ok{color:var(--ok);}
  #dialBody{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px;}
  .dial-card{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);
    border-radius:var(--r);padding:22px 24px;}
  .dial-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
  .dial-name{font-size:var(--t-xl);font-weight:600;line-height:1.3;overflow-wrap:anywhere;}
  .dial-sub{font-size:var(--t-sm);color:var(--text-muted);margin-top:3px;overflow-wrap:anywhere;}
  .dial-vat{flex:none;font-size:var(--t-sm);padding:4px 10px;border-radius:var(--r-pill);}
  .dial-vat.on{background:var(--ok-soft);color:var(--ok);}
  .dial-vat.off{background:var(--danger-soft);color:var(--danger);}
  .dial-who{display:flex;align-items:center;gap:12px;padding:12px 0;
    border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:12px;}
  .dial-who-t{flex:1;min-width:0;}
  .dial-who-n{font-size:var(--t-md);font-weight:600;overflow-wrap:anywhere;}
  .dial-tel{font-size:var(--t-lg);color:var(--accent);text-decoration:none;white-space:nowrap;}
  .dial-tel:hover{text-decoration:underline;}
  .dial-ctx{font-size:var(--t-sm);color:var(--text-secondary);line-height:1.55;margin-bottom:14px;
    overflow-wrap:anywhere;}
  .dial-lbl{font-size:var(--t-xs);color:var(--text-muted);margin-bottom:6px;}
  .dial-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
  .dial-chip{font-size:var(--t-sm);padding:3px 9px;border:1px solid var(--border);border-radius:var(--r-pill);
    background:var(--surface-2);}
  .dial-act{display:flex;gap:10px;}
  .dial-go{flex:1;height:44px;font-size:var(--t-md);}
  /* Osm výsledků jedním klikem. Dialog by znamenal čtyři. */
  .dial-out{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0;}
  .dial-ob{height:50px;font-size:var(--t-sm);line-height:1.25;white-space:normal;padding:4px 6px;}
  @media(max-width:860px){ .dial-out{grid-template-columns:repeat(2,minmax(0,1fr));} }
  .dial-done{text-align:center;max-width:420px;}
  .dial-done-i{font-size:var(--t-2xl);color:var(--ok);margin-bottom:8px;}
  .dial-done h3{font-size:var(--t-xl);margin:0 0 6px;}
  .dial-done p{font-size:var(--t-sm);color:var(--text-muted);margin:0 0 18px;}
  /* ── Call Workspace: čtyři plochy ── */
  /* Poznámky jsou největší prvek. Obchodník v nich tráví celý hovor,
     takže dostávají všechno místo, které zbude po proužku a liště. */
  /* Tři sloupce. Poznámky jsou dominantní plocha — 22 % + 1fr + 22 %
     dá střednímu sloupci zhruba 54 % šířky na každé velikosti obrazovky. */
  .cw{display:grid;grid-template-columns:22% minmax(0,1fr) 22%;grid-template-rows:auto minmax(0,1fr);
      gap:12px;height:100%;padding:12px 16px 14px;min-height:0;box-sizing:border-box;}
  .cw-who{grid-column:1 / -1;}
  .cw-side{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;}
  .cw-who{display:flex;align-items:baseline;gap:14px;flex:none;padding-bottom:9px;
    border-bottom:1px solid var(--border);flex-wrap:wrap;}
  .cw-name{font-size:var(--t-lg);font-weight:600;overflow-wrap:anywhere;}
  .cw-dim{font-size:var(--t-sm);color:var(--text-muted);}
  .cw-tel{font-size:var(--t-md);color:var(--accent);text-decoration:none;}
  .cw-tel:hover{text-decoration:underline;}
  .cw-clock{margin-left:auto;}
  .cw-notes{display:flex;flex-direction:column;min-width:0;min-height:0;}
  /* Editor roste na výšku i šířku a nikdy nezůstane úzkým polem. */
  .cw-notes .call-notes{flex:1;width:100%;min-height:0;height:auto;resize:none;
    font-size:var(--t-md);line-height:1.65;box-sizing:border-box;}
  /* Copilot se smršťuje, poznámky ne. Proto je v levém sloupci s vlastním
     scrollem a `min-height:0` — nikdy netlačí rozvržení. */
  .cw-ai{min-height:0;overflow-y:auto;}
  .cw-ai .cp-card{max-height:none;border-radius:var(--r);}
  .cw-fin{min-width:0;min-height:0;overflow-y:auto;}
  /* Výsledky pod sebou, dost velké na rychlý klik, bez scrollování. */
  .cw-fin .dial-out{display:flex;flex-direction:column;gap:6px;margin:0;}
  .cw-fin .dial-ob{height:auto;min-height:42px;font-size:var(--t-sm);text-align:left;
    padding:6px 10px;white-space:normal;}
  .cw-fin .dial-conf{flex-direction:column;align-items:stretch;gap:10px;}
  .cw-fin .dial-conf-b{flex-direction:column;}
  .cw-fin .dial-conf-b .dial-go{width:100%;}
  /* Pod 1100 px se sloupce skládají pod sebe — poznámky zůstávají největší. */
  @media(max-width:1100px){
    .cw{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(240px,1fr) auto auto;}
    .cw-who,.cw-side,.cw-notes,.cw-fin{grid-column:1;}
    .cw-side{order:3;max-height:24vh;} .cw-notes{order:2;} .cw-fin{order:4;}
    .cw-fin .dial-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  }
  /* Číslo klávesy u výsledku — devadesát hovorů se nedělá myší. */
  .dial-key{display:inline-block;min-width:15px;margin-right:6px;font-size:var(--t-xs);
    color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 3px;}
  /* Potvrzení: co vznikne, kdy, a jedno tlačítko dál. */
  .dial-conf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
    background:var(--ok-soft);border:1px solid var(--border);border-radius:var(--r);padding:11px 14px;}
  .dial-conf-l{flex:1;min-width:200px;}
  .dial-conf-o{font-size:var(--t-xs);color:var(--text-muted);}
  .dial-conf-n{font-size:var(--t-md);font-weight:600;overflow-wrap:anywhere;}
  .dial-conf-r{font-size:var(--t-sm);color:var(--text-secondary);line-height:1.45;overflow-wrap:anywhere;}
  .dial-conf-d{flex:none;}
  .dial-conf-d label{display:block;font-size:var(--t-xs);color:var(--text-muted);margin-bottom:2px;}
  .dial-conf-b{display:flex;gap:8px;flex:none;}
  .dial-conf-b .dial-go{height:40px;padding:0 18px;font-size:var(--t-md);}
  /* ── Live Sales Copilot ── */
  /* Panel má vlastní výšku a scroll. Dlouhý hovor nesmí nafouknout
     stránku ani odsunout nejnovější doporučení mimo dosah. */
  /* ── kalendář: položka nese čtyři odpovědi ── */
  .cal-e2{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--r-sm);
    padding:7px 9px;margin-bottom:5px;background:var(--card);cursor:pointer;min-width:0;}
  .cal-e2:hover{border-color:var(--brand);}
  .cal-e2.overdue{border-left-color:var(--danger);}
  .cal-e2-h{display:flex;gap:7px;align-items:baseline;font-size:var(--t-sm);margin-bottom:3px;}
  .cal-e2-h b{font-size:var(--t-sm);}
  .cal-e2-co{font-weight:700;font-size:var(--t-sm);overflow-wrap:anywhere;}
  .cal-e2-r{font-size:var(--t-sm);line-height:1.4;overflow-wrap:anywhere;}
  .cal-e2-d{color:var(--text-muted);}
  .cal-e2.is-done,.cal-entry.is-done{opacity:.45;}
  .cal-e2.is-done .cal-e2-co,.cal-entry.is-done{text-decoration:line-through;}
  /* ── karta firmy ── */
  .ck{border:1px solid var(--border);border-radius:var(--r);padding:10px 13px;margin-bottom:9px;
    background:var(--card);}
  .ck-k{display:block;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
  .ck-t{font-size:var(--t-sm);line-height:1.5;overflow-wrap:anywhere;}
  .ck-goal{border-color:var(--accent-border);background:var(--accent-soft);}
  .ck-big{font-size:var(--t-lg);font-weight:700;line-height:1.35;overflow-wrap:anywhere;}
  .ck-sub{font-size:var(--t-sm);color:var(--text-muted);margin-top:3px;line-height:1.45;overflow-wrap:anywhere;}
  .ck-warn{border-left:3px solid var(--warn);}
  .ck-ok{border-left:3px solid var(--brand);}
  .ck-go{display:flex;gap:8px;margin:12px 0 14px;}
  .ck-go .call-start{flex:1;margin:0;}
  .ck-who .ck-c{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:var(--t-sm);}
  .ck-who a{color:var(--brand);text-decoration:none;overflow-wrap:anywhere;}
  .drawer .fj{margin-bottom:12px;}
  /* ── Focus Mode 2.0 ── */
  .fj{display:flex;gap:3px;margin-bottom:14px;flex-wrap:wrap;}
  .fj-s{font-size:var(--t-xs);font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:var(--r-pill);
    background:var(--bg-soft);color:var(--text-muted);white-space:nowrap;}
  .fj-done{background:var(--accent-soft);color:var(--brand);}
  /* Aktuální fáze: barvy dodává inline STAGE_COLORS (existující systém,
     mode-aware). Ring z existujícího tokenu ji jednoznačně odliší
     i v dark mode. Klikací pilly = kurzor + hover z accent tokenů. */
  .fj-now{background:var(--brand);color:var(--accent-text);
    box-shadow:0 0 0 1.5px var(--accent-line);}
  .fj-click{cursor:pointer;}
  .fj-click:hover,.fj-click:focus-visible{background:var(--accent-soft);color:var(--brand);}
  /* Nemá zájem je zaparkovaný stav mimo aktivní trychtýř. V detailu musí
     být stále po ruce, ale vizuálně oddělený od postupových fází. */
  .fj-no-interest{margin-left:auto;border:1px solid var(--border-strong);}
  .fj-click.fj-no-interest{background:var(--surface-2);color:var(--text-secondary);}
  .fj-click.fj-no-interest:hover,.fj-click.fj-no-interest:focus-visible{
    background:var(--danger-soft);color:var(--danger);border-color:var(--danger);
  }
  .fj-sub{font-size:var(--t-sm);color:var(--text-muted);margin-bottom:14px;overflow-wrap:anywhere;}
  .fl{display:flex;gap:9px;font-size:var(--t-md);line-height:1.5;padding:3px 0;overflow-wrap:anywhere;}
  .fl-i{flex:0 0 17px;}
  .cw-solo .cw-side{display:none;}
  .cw-solo{grid-template-columns:0 minmax(0,1fr) 24%;}
  .dial-step-co{font-size:var(--t-md);color:var(--text-muted);margin-bottom:12px;overflow-wrap:anywhere;}
  .dial-step-p{height:5px;border-radius:var(--r-sm);background:var(--border);overflow:hidden;
    margin:14px auto 5px;max-width:260px;}
  .dial-step-p>span{display:block;height:100%;background:var(--brand);border-radius:var(--r-sm);}
  .dial-step-pt{font-size:var(--t-xs);color:var(--text-muted);margin-bottom:14px;}
  .dial-now{font-size:var(--t-sm);opacity:.7;}
  /* ── Nová příležitost ── */
  .opp-g{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:4px 0 4px;}
  @media(min-width:520px){ .opp-g{grid-template-columns:repeat(2,minmax(0,1fr));} }
  .opp-c{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;
    gap:2px 10px;text-align:left;padding:13px 14px;border:1px solid var(--border);
    border-radius:var(--r);background:var(--card);color:var(--text);cursor:pointer;width:100%;}
  .opp-c:hover{border-color:var(--brand);}
  .opp-def{border-color:var(--brand);}
  .opp-i{grid-row:1 / span 2;font-size:var(--t-xl);line-height:1;align-self:center;}
  .opp-t{font-size:var(--t-md);font-weight:700;overflow-wrap:anywhere;}
  .opp-s{font-size:var(--t-sm);color:var(--text-muted);line-height:1.4;overflow-wrap:anywhere;}
  .opp-soon{cursor:default;opacity:.55;}
  .opp-soon:hover{border-color:var(--border);}
  .opp-b{font-size:var(--t-xs);font-weight:700;color:var(--text-muted);border:1px solid var(--border);
    border-radius:var(--r-pill);padding:1px 7px;margin-left:7px;text-transform:uppercase;letter-spacing:.3px;}
  .opp-more{background:none;border:0;color:var(--brand);font-size:var(--t-sm);cursor:pointer;
    padding:0 0 10px;text-decoration:underline;}
  #addModalBox.min .field{display:none;}
  #addModalBox.min .field.opp-keep{display:block;}
  #addModalBox.min .modal-sep{display:none;}
  /* Poznámka se ukáže jen u „Vložit text" — a to celá i se svým polem. */
  #addModalBox.min.paste .field.opp-paste{display:block;}
  /* ── obrazovka DNES ── */
  .dh{margin-bottom:14px;}
  .dh-hi{font-size:var(--t-xl);font-weight:700;}
  .dh-lead{font-size:var(--t-md);margin-top:4px;}
  /* Pruh postupu má dva stavy. Do jedné posunuté firmy je to jen náznak,
     od druhé výš je den rozjetý — a to má být vidět na první pohled. */
  .dh-bar{height:8px;border-radius:var(--r-pill);background:var(--surface-3);
    overflow:hidden;margin:14px 0 6px;}
  .dh-bar>span{display:block;height:100%;border-radius:var(--r-pill);
    background:var(--accent-border);transition:width 220ms cubic-bezier(.2,.6,.3,1);}
  .dh-bar.on{height:12px;}
  .dh-bar.on>span{background:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;}
  .dh-prog{font-size:var(--t-sm);color:var(--text-muted);}
  .dh-mix{font-size:var(--t-xs);color:var(--text-muted);margin-top:3px;}
  .dp{display:flex;gap:6px;overflow-x:auto;margin-bottom:18px;padding-bottom:2px;}
  .dp-s{flex:1 1 0;min-width:72px;border:1px solid var(--border);border-radius:var(--r);
    background:var(--card);padding:7px 6px;cursor:pointer;text-align:center;}
  .dp-s:hover{border-color:var(--brand);}
  .dp-0{opacity:.45;}
  .dp-n{display:block;font-size:var(--t-lg);font-weight:800;line-height:1.1;}
  .dp-l{display:block;font-size:var(--t-xs);color:var(--text-muted);margin-top:1px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dwrap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;}
  @media(min-width:1040px){ .dwrap{grid-template-columns:minmax(0,1fr) 260px;} }
  .dgs{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
  @media(min-width:760px){ .dgs{grid-template-columns:repeat(2,minmax(0,1fr));} }
  .dg{border:1px solid var(--border);border-left-width:3px;border-radius:var(--r);
    padding:11px 13px;background:var(--card);cursor:pointer;min-width:0;}
  .dg:hover{border-color:var(--brand);}
  .dg-critical{border-left-color:var(--danger);} .dg-planned{border-left-color:var(--warn);}
  .dg-optional{border-left-color:var(--brand);}
  /* Dnes: zelená = později dnes, oranžová = do 30 minut, červená = po termínu. */
  /* 8.17.63 · Dnešní úkol musí mít viditelný celý zelený rámeček, ne jen jemnou barvu pozadí. */
  .dg.dg-task.dg-today{
    border:2px solid var(--ok);
    border-left:5px solid var(--ok);
    background:var(--ok-soft);
    box-shadow:0 0 0 1px color-mix(in srgb, var(--ok) 22%, transparent);
  }
  .dg.dg-task.dg-today:hover{border-color:var(--ok);border-left-color:var(--ok);}
  .dg.dg-task.dg-today.dg-uu{
    border:2px solid var(--warn);
    border-left:5px solid var(--warn);
    background:var(--warn-soft);
    box-shadow:0 0 0 1px color-mix(in srgb, var(--warn) 22%, transparent);
  }
  .dg.dg-task.dg-today.dg-uu:hover{border-color:var(--warn);border-left-color:var(--warn);}
  .dg.dg-task.dg-today.dg-uc{
    border:2px solid var(--danger);
    border-left:5px solid var(--danger);
    background:var(--danger-soft);
    box-shadow:0 0 0 1px color-mix(in srgb, var(--danger) 22%, transparent);
  }
  .dg.dg-task.dg-today.dg-uc:hover{border-color:var(--danger);border-left-color:var(--danger);}
  .today-task-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;}
  .today-task-actions .btn{padding:4px 9px;font-size:var(--t-xs);}
  .ds-c[role="button"],.ds-cal-row{cursor:pointer;}
  .ds-c[role="button"]:hover,.ds-cal-row:hover{border-color:var(--brand);}
  .ds-cal-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
  .ds-cal-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:start;
    border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 8px;background:var(--surface-2);}
  .ds-cal-time{font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);}
  .ds-cal-name{font-size:var(--t-xs);line-height:1.35;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;}
  .mi-coming{min-height:48vh;display:flex;align-items:center;justify-content:center;text-align:center;
    border:1px dashed var(--border-strong);border-radius:var(--r);background:var(--surface);padding:32px;}
  .mi-coming b{display:block;font-size:clamp(26px,4vw,46px);letter-spacing:.04em;margin-bottom:12px;}
  .mi-coming p{margin:0;color:var(--text-secondary);font-size:var(--t-md);line-height:1.55;}
  /* Legenda barevných okrajů karet v Dnes */
  .dnes-legend{display:flex;flex-wrap:wrap;gap:16px;margin:-2px 0 12px;font-size:var(--t-sm);color:var(--text-muted);}
  .dnes-legend .dl-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle;}
  .mgr-step-add{width:100%;margin-bottom:10px;border-style:dashed;color:var(--accent);border-color:var(--accent-border);}
  .mgr-step-form{border:1px solid var(--accent-border);border-radius:var(--r);background:var(--accent-soft);padding:12px 14px;margin-bottom:12px;}
  .mgr-step-fh{font-weight:700;margin-bottom:2px;}
  .mgr-step-for{font-size:var(--t-sm);color:var(--text-secondary);margin-bottom:8px;}
  .mgr-step-pill{background:var(--accent-soft);color:var(--accent);font-size:var(--t-xs);}
  .mgr-step-meta{font-size:var(--t-xs);color:var(--text-muted);line-height:1.4;margin:1px 0 2px;}
  .mstep-new{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;}
  .mstep-new-h{font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .mstep-new-badge{color:var(--accent);font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;}
  .mstep-new-t{color:var(--text-secondary);font-size:var(--t-sm);margin:4px 0 8px;}
  .dg-mstep{cursor:pointer;border-color:var(--accent-border);}
  .mgr-step-reply{font-size:var(--t-xs);color:var(--text-secondary);background:var(--accent-soft);border-radius:6px;padding:4px 8px;margin:3px 0;}
  .mgr-step-reply-ctl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 2px;}
  .mgr-rep-q{font-size:var(--t-xs);padding:3px 8px;}
  .mgr-rep-in{flex:1;min-width:120px;font-size:var(--t-sm);padding:4px 8px;}
  .mstep-fb{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;}
  .mstep-fb-h{font-weight:700;margin-bottom:6px;}
  .mstep-fb-row{padding:6px 0;border-top:1px solid var(--border);cursor:pointer;}
  .mstep-fb-co{font-size:var(--t-sm);}
  .mstep-fb-reply{font-size:var(--t-sm);color:var(--text-secondary);margin:2px 0;}
  .mstep-fb-st{font-size:var(--t-xs);color:var(--text-muted);}
  .dg-r{display:flex;gap:7px;font-size:var(--t-sm);line-height:1.45;padding:1px 0;overflow-wrap:anywhere;}
  .dg-i{flex:0 0 15px;}
  .dg-goal{font-weight:600;}
  .dg-co{font-size:var(--t-md);font-weight:700;}
  .dg-t{color:var(--text-muted);font-size:var(--t-sm);margin-top:3px;}
  .ds{display:flex;flex-direction:column;gap:12px;min-width:0;}
  .ds-c{border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;background:var(--card);}
  .ds-c h4{margin:0 0 7px;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;}
  .ds-e{display:flex;gap:8px;font-size:var(--t-sm);line-height:1.5;padding:1px 0;overflow-wrap:anywhere;}
  .ds-t{flex:0 0 54px;color:var(--text-muted);}
  .ds-dim{color:var(--text-muted);font-size:var(--t-sm);}
  .ds-new{padding:0;border:0;background:transparent;}
  .ds-add{width:100%;border:1px dashed var(--border);border-radius:var(--r);background:transparent;
    color:var(--text);font-size:var(--t-sm);font-weight:600;padding:11px;cursor:pointer;}
  .ds-add:hover{border-color:var(--brand);color:var(--brand);}
  .ds-menu{display:none;flex-direction:column;gap:4px;margin-top:7px;}
  .ds-menu.on{display:flex;}
  .ds-menu button{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);
    color:var(--text);font-size:var(--t-sm);padding:8px 10px;cursor:pointer;text-align:left;}
  .ds-menu button:hover{border-color:var(--brand);}
  .ds-pend{font-size:var(--t-sm);color:var(--text-muted);cursor:pointer;text-decoration:underline;}
  .de{text-align:center;padding:38px 20px;border:1px solid var(--border);border-radius:var(--r);
    background:var(--card);}
  .de-i{font-size:var(--t-2xl);color:var(--brand);line-height:1;}
  .de h3{margin:10px 0 6px;font-size:var(--t-xl);}
  .de p{font-size:var(--t-sm);color:var(--text-muted);margin-bottom:18px;}
  .de-b{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
  .de-next{margin-top:16px;text-align:left;border:1px solid var(--border);border-radius:var(--r);
    padding:10px 12px;font-size:var(--t-sm);line-height:1.6;overflow-wrap:anywhere;}
  .de-next>span{display:block;font-size:var(--t-xs);font-weight:700;color:var(--brand);
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
  /* ── TODAY 2.0 ── */
  .dnes-rest>summary{cursor:pointer;font-size:var(--t-sm);color:var(--text-muted);
    padding:10px 2px;list-style:none;}
  .dnes-rest>summary::-webkit-details-marker{display:none;}
  .dnes-rest>summary:before{content:"▸ ";}
  .dnes-rest[open]>summary:before{content:"▾ ";}
  .dnes-rest>summary:hover{color:var(--text);}
  .hero-load{margin-top:-6px;margin-bottom:14px;font-size:var(--t-sm);color:var(--text-muted);}
  .hero-load-s{margin-left:8px;font-size:var(--t-xs);opacity:.8;}
  .q2{border:1px solid var(--border);border-left-width:3px;border-radius:var(--r);
    padding:11px 13px;margin-bottom:10px;background:var(--card);}
  .q2-critical{border-left-color:var(--danger);} .q2-planned{border-left-color:var(--warn);}
  .q2-optional{border-left-color:var(--brand);}
  .q2-top{display:flex;align-items:baseline;gap:8px;}
  .q2-name{font-size:var(--t-md);font-weight:700;cursor:pointer;overflow-wrap:anywhere;}
  .q2-name:hover{color:var(--brand);}
  .q2-b{margin-left:auto;font-size:var(--t-sm);}
  .q2-act{font-size:var(--t-xs);font-weight:800;letter-spacing:.5px;color:var(--brand);margin:3px 0 6px;}
  .q2-l{font-size:var(--t-sm);line-height:1.45;padding:1px 0;overflow-wrap:anywhere;}
  .q2-l b{font-weight:600;color:var(--text-muted);}
  .q2-btns{display:flex;align-items:center;gap:12px;margin-top:9px;}
  .q2-go{flex:1;font-weight:700;letter-spacing:.3px;}
  .q2-skip{background:none;border:0;color:var(--text-muted);font-size:var(--t-sm);cursor:pointer;
    text-decoration:underline;padding:0;}
  .q2-skip:hover{color:var(--text);}
  .q-sec{margin:16px 0 8px;display:flex;align-items:baseline;gap:8px;}
  .q-sec-h{font-size:var(--t-sm);font-weight:800;}
  .q-sec-s{font-size:var(--t-xs);color:var(--text-muted);}
  .q-sec-n{margin-left:auto;font-size:var(--t-xs);color:var(--text-muted);}
  .dial-step{text-align:center;padding:44px 22px;max-width:440px;margin:0 auto;}
  .dial-step-i{font-size:var(--t-2xl);color:var(--brand);line-height:1;}
  .dial-step h3{margin:12px 0 10px;font-size:var(--t-xl);overflow-wrap:anywhere;}
  .dial-step-m{border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;margin-bottom:14px;
    font-size:var(--t-sm);line-height:1.6;text-align:left;color:var(--text-muted);}
  .dial-step-m div{padding-left:13px;position:relative;overflow-wrap:anywhere;}
  .dial-step-m div:before{content:"✓";position:absolute;left:0;color:var(--brand);}
  .dial-step p{font-size:var(--t-sm);color:var(--text-muted);margin-bottom:18px;}
  .dial-end{display:flex;flex-direction:column;gap:5px;margin:14px 0;}
  .dial-end-r{font-size:var(--t-md);} .dial-end-r b{font-size:var(--t-xl);margin-right:6px;}
  .dial-end-t{font-size:var(--t-sm);color:var(--text-muted);}
  .dial-end-next{border:1px solid var(--accent-border);background:var(--accent-soft);
    border-radius:var(--r);padding:10px 12px;margin:14px 0 18px;font-size:var(--t-sm);line-height:1.5;
    text-align:left;overflow-wrap:anywhere;}
  .dial-end-next span{display:block;font-size:var(--t-xs);font-weight:700;color:var(--brand);
    text-transform:uppercase;letter-spacing:.4px;}
  .dial-end-w{font-size:var(--t-xs);color:var(--text-muted);margin-top:2px;}
  /* ── Guided Sales Experience ── */
  .nav-more{display:flex;align-items:center;gap:10px;padding:9px 14px;margin-top:6px;
    font-size:var(--t-sm);color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);user-select:none;}
  .nav-more:hover{background:var(--bg-soft);color:var(--text);}
  .nav-more-c{margin-left:auto;font-size:var(--t-xs);}
  .nav-rest{display:block;}
  /* NAVFLAT: „Víc“ zrušeno — vše viditelné; oddělovač mezi prvními 4 a zbytkem. */
  .nav-sep{height:1px;background:var(--sb-border);margin:8px 4px;border:0;}
  .dial-auto{margin-top:8px;padding-top:7px;border-top:1px dashed var(--border);}
  .dial-auto-k{display:block;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
  .dial-auto-i{font-size:var(--t-xs);line-height:1.4;color:var(--text-muted);padding-left:11px;
    position:relative;overflow-wrap:anywhere;}
  .dial-auto-i:before{content:"✓";position:absolute;left:0;color:var(--brand);}
  .hero{border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;margin-bottom:16px;
    background:var(--card);}
  .hero-hi{font-size:var(--t-xl);font-weight:700;margin-bottom:14px;}
  .hero-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;}
  @media(min-width:760px){ .hero-tiles{grid-template-columns:repeat(4,minmax(0,1fr));} }
  .hero-tile{border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;min-width:0;}
  .hero-tile[onclick]{cursor:pointer;}
  .hero-tile[onclick]:hover{border-color:var(--brand);}
  .hero-n{font-size:var(--t-xl);font-weight:800;line-height:1.1;}
  .hero-l{font-size:var(--t-sm);color:var(--text-muted);margin-top:2px;overflow-wrap:anywhere;}
  .hero-go{width:100%;border:0;border-radius:var(--r);padding:16px 18px;cursor:pointer;
    background:var(--brand);color:var(--accent-text);font-size:var(--t-lg);font-weight:800;letter-spacing:.4px;
    display:flex;flex-direction:column;align-items:center;gap:4px;}
  .hero-go:hover{filter:brightness(1.06);}
  .hero-go-s{font-size:var(--t-sm);font-weight:600;opacity:.75;letter-spacing:0;}
  .hero-empty{font-size:var(--t-sm);color:var(--text-muted);line-height:1.5;text-align:center;padding:8px 0 4px;}
  .cp-box{border:1px solid var(--border);border-radius:var(--r);margin-bottom:10px;background:var(--card);}
  .cp-box>summary{cursor:pointer;padding:11px 14px;font-size:var(--t-sm);font-weight:700;
    display:flex;align-items:baseline;gap:8px;list-style:none;}
  .cp-box>summary::-webkit-details-marker{display:none;}
  .cp-box>summary:before{content:"▸";font-size:var(--t-xs);color:var(--text-muted);}
  .cp-box[open]>summary:before{content:"▾";}
  .cp-box-s{margin-left:auto;font-size:var(--t-xs);font-weight:500;color:var(--text-muted);}
  .cp-box-b{padding:0 14px 12px;}
  .onb-ov{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:1400;
    display:none;align-items:center;justify-content:center;padding:20px;}
  .onb-ov.show{display:flex;}
  .onb-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);
    max-width:520px;width:100%;padding:26px 28px;max-height:88vh;overflow-y:auto;}
  .onb-card h2{margin:6px 0 12px;font-size:var(--t-xl);}
  .onb-dots{display:flex;gap:6px;margin-bottom:14px;}
  .onb-dot{width:26px;height:4px;border-radius:var(--r-sm);background:var(--border);}
  .onb-dot.on{background:var(--brand);} .onb-dot.done{background:var(--brand);opacity:.45;}
  .onb-step{font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.5px;}
  .onb-text{font-size:var(--t-md);line-height:1.65;overflow-wrap:anywhere;}
  .onb-ok{margin-top:12px;font-size:var(--t-sm);color:var(--brand);font-weight:600;}
  .onb-foot{display:flex;gap:10px;justify-content:space-between;margin-top:22px;}
  /* ── Knihovna námitek (Fáze 3 / Sprint 1) ── */
  .ob-t{width:100%;border-collapse:collapse;font-size:var(--t-sm);}
  .ob-t th{text-align:left;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;padding:0 8px 6px 0;border-bottom:1px solid var(--border);}
  .ob-t td{padding:6px 8px 6px 0;border-bottom:1px solid var(--border);vertical-align:top;
    line-height:1.45;overflow-wrap:anywhere;}
  .ob-n{font-weight:700;width:38px;}
  .ob-dim{color:var(--text-muted);font-size:var(--t-xs);}
  .ob-rate{color:var(--brand);font-weight:700;font-size:var(--t-xs);white-space:nowrap;}
  .ob-segs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
  @media(min-width:900px){ .ob-segs{grid-template-columns:repeat(2,minmax(0,1fr));} }
  .ob-seg{border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;min-width:0;}
  .ob-seg h4{margin:0 0 7px;font-size:var(--t-sm);}
  .ob-li{font-size:var(--t-sm);line-height:1.5;padding:3px 0;border-top:1px solid var(--border);
    overflow-wrap:anywhere;}
  .ob-li:first-of-type{border-top:0;}
  .ob-up{color:var(--warn);font-weight:700;} .ob-down{color:var(--brand);font-weight:700;}
  /* ── Deal Strategy + Kouč (Fáze 2 / Sprint 5–6) ── */
  .dl{border:1px solid var(--border);border-left-width:3px;border-radius:var(--r);
    padding:11px 13px;margin-bottom:12px;background:var(--card);}
  .dl-green{border-left-color:var(--brand);} .dl-amber{border-left-color:var(--warn);}
  .dl-red{border-left-color:var(--danger);}
  .dl-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;}
  .dl-band{font-size:var(--t-md);font-weight:700;}
  .dl-score{font-size:var(--t-xs);color:var(--text-muted);}
  .dl-k{display:block;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
  .dl-r{font-size:var(--t-sm);line-height:1.45;padding:1px 0 1px 11px;position:relative;overflow-wrap:anywhere;}
  .dl-r:before{content:"·";position:absolute;left:2px;color:var(--text-muted);}
  .dl-pos:before{content:"+";color:var(--brand);} .dl-neg:before{content:"−";color:var(--warn);}
  .dl-danger:before{content:"!";color:var(--danger);}
  .dl-strat{margin-top:9px;padding:8px 10px;border-radius:var(--r-sm);
    background:var(--accent-soft);border:1px solid var(--accent-border);}
  .dl-strat b{font-size:var(--t-sm);}
  .dl-act{font-size:var(--t-sm);line-height:1.45;margin-top:2px;overflow-wrap:anywhere;}
  .dl-why2{font-size:var(--t-xs);color:var(--text-muted);margin-top:3px;}
  .dl-alt,.dl-risks{margin-top:9px;}
  .dl-dim{color:var(--text-muted);font-size:var(--t-xs);margin-left:5px;}
  .dl-more{margin-top:9px;font-size:var(--t-sm);}
  .dl-more summary{cursor:pointer;color:var(--text-muted);}
  .dl-node{display:flex;gap:8px;font-size:var(--t-sm);padding:2px 0 2px 10px;
    border-left:2px solid var(--border);overflow-wrap:anywhere;}
  .dl-nd{flex:0 0 72px;color:var(--text-muted);font-size:var(--t-xs);}
  .dl-n-now{font-weight:600;}
  .co-priv{font-size:var(--t-xs);font-weight:500;color:var(--text-muted);margin-left:8px;
    padding:1px 6px;border:1px solid var(--border);border-radius:var(--r-pill);}
  .co-k{display:block;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
  .co-goal{padding:9px 11px;border-radius:var(--r);margin-bottom:10px;
    background:var(--accent-soft);border:1px solid var(--accent-border);}
  .co-lesson{padding:9px 11px;border-radius:var(--r);margin-bottom:10px;
    border:1px solid var(--border);background:var(--bg-soft);}
  .co-t{font-size:var(--t-sm);line-height:1.55;margin-top:3px;overflow-wrap:anywhere;}
  .co-why{font-size:var(--t-xs);color:var(--text-muted);margin-top:4px;}
  .co-blk{margin-bottom:10px;}
  .co-li{font-size:var(--t-sm);line-height:1.5;padding:2px 0 2px 13px;position:relative;overflow-wrap:anywhere;}
  .co-li:before{content:"·";position:absolute;left:3px;color:var(--text-muted);}
  .co-ok:before{content:"✓";color:var(--brand);} .co-warn:before{content:"⚠";color:var(--warn);}
  .co-dim{color:var(--text-muted);font-size:var(--t-xs);}
  .co-up{color:var(--brand);font-weight:700;} .co-down{color:var(--warn);font-weight:700;}
  .co-rev{border:1px solid var(--border);border-radius:var(--r);padding:9px 11px;margin-bottom:8px;background:var(--card);}
  .co-rev h5{margin:0 0 6px;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;}
  .co-try{font-size:var(--t-sm);line-height:1.45;margin-top:6px;padding-top:6px;
    border-top:1px dashed var(--border);overflow-wrap:anywhere;}
  /* ── Meeting Intelligence (Fáze 2 / Sprint 4) ── */
  .mb{display:flex;flex-direction:column;gap:12px;}
  .mb-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
    padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--card);}
  .mb-co{font-size:var(--t-md);font-weight:700;}
  .mb-seg{font-size:var(--t-xs);color:var(--text-muted);}
  .mb-goal{flex:1;min-width:220px;padding:8px 12px;border-radius:var(--r);
    background:var(--accent-soft);border:1px solid var(--accent-border);}
  .mb-goal b{font-size:var(--t-md);}
  .mb-gl{display:block;font-size:var(--t-xs);font-weight:600;color:var(--brand);
    text-transform:uppercase;letter-spacing:.4px;}
  .mb-go{flex:0 0 auto;}
  .mb-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
  @media(min-width:1000px){ .mb-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} }
  .mb-cols>div{display:flex;flex-direction:column;gap:12px;min-width:0;}
  .mb-card{border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;background:var(--card);}
  .mb-card h5{margin:0 0 8px;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;}
  .mb-r{display:flex;gap:8px;font-size:var(--t-sm);line-height:1.5;padding:1px 0;overflow-wrap:anywhere;}
  .mb-k{flex:0 0 96px;color:var(--text-muted);}
  .mb-v{min-width:0;}
  .mb-dim{color:var(--text-muted);font-size:var(--t-xs);}
  .mb-warn{color:var(--warn);font-weight:600;}
  .mb-q{display:flex;gap:8px;padding:5px 0;border-top:1px solid var(--border);}
  .mb-q:first-of-type{border-top:0;}
  .mb-n{flex:0 0 18px;height:18px;border-radius:50%;background:var(--brand);color:var(--accent-text);
    font-size:var(--t-xs);font-weight:700;display:flex;align-items:center;justify-content:center;}
  .mb-qt{font-size:var(--t-sm);line-height:1.45;overflow-wrap:anywhere;}
  .mb-why{font-size:var(--t-xs);color:var(--text-muted);line-height:1.4;margin-top:2px;overflow-wrap:anywhere;}
  .mb-risk{padding:6px 9px;border-radius:var(--r-sm);margin-bottom:6px;font-size:var(--t-sm);
    border-left:3px solid var(--border);background:var(--bg-soft);}
  .mb-warn2{}
  .mb-risk.mb-warn{border-left-color:var(--warn);color:inherit;font-weight:400;}
  .mb-risk.mb-danger{border-left-color:var(--danger);}
  .mb-ok{font-size:var(--t-sm);color:var(--brand);}
  .mb-li{font-size:var(--t-sm);line-height:1.5;padding:2px 0 2px 12px;position:relative;overflow-wrap:anywhere;}
  .mb-li:before{content:"›";position:absolute;left:0;color:var(--brand);}
  .mb-story{display:flex;flex-direction:column;gap:0;}
  .mb-node{display:flex;gap:9px;font-size:var(--t-sm);line-height:1.45;padding:3px 0 3px 12px;
    position:relative;border-left:2px solid var(--border);overflow-wrap:anywhere;}
  .mb-node:before{content:"";position:absolute;left:-4px;top:9px;width:6px;height:6px;
    border-radius:50%;background:var(--border);}
  .mb-n-outcome:before,.mb-n-stage:before{background:var(--brand);}
  .mb-n-today:before{background:var(--warn);}
  .mb-n-today{font-weight:600;}
  .mb-nd{flex:0 0 74px;color:var(--text-muted);font-size:var(--t-xs);}
  .mb-chg{border:1px solid var(--accent-border);border-radius:var(--r);padding:9px 11px;margin-bottom:8px;
    background:var(--accent-soft);}
  .mb-chg h5{margin:0 0 6px;font-size:var(--t-xs);font-weight:700;color:var(--brand);
    text-transform:uppercase;letter-spacing:.4px;}
  .mb-chg-idle{border:1px dashed var(--border);border-radius:var(--r);padding:9px 11px;margin-bottom:8px;
    font-size:var(--t-sm);color:var(--text-muted);line-height:1.45;background:transparent;}
  .mb-chg-i{font-size:var(--t-sm);line-height:1.45;padding:2px 0;overflow-wrap:anywhere;}
  .mb-chg-k{font-weight:700;margin-right:6px;}
  .mb-sum{border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;margin-bottom:8px;background:var(--card);}
  .mb-sum h5{margin:0 0 8px;font-size:var(--t-xs);font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.4px;}
  .mb-sum-b{margin-bottom:8px;} .mb-sum-b b{font-size:var(--t-sm);}
  .mb-p{font-size:var(--t-sm);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;}
  /* ── navigace hovoru (Fáze 2 / Sprint 3) ── */
  /* Navigace se nesmí smrsknout — je to rám hovoru, ne doplněk. */
  .cw-nav{flex:0 0 auto;min-width:0;}
  .cv-card{border-color:var(--accent-border);}
  .cv-goal{font-size:var(--t-xs);font-weight:600;color:var(--brand);margin-left:6px;
    padding:1px 6px;border:1px solid var(--accent-border);border-radius:var(--r-pill);}
  .cv-bar{height:4px;border-radius:var(--r-sm);background:var(--border);overflow:hidden;margin:8px 0 4px;}
  .cv-bar>span{display:block;height:100%;background:var(--brand);border-radius:var(--r-sm);
    transition:width .25s ease;}
  .cv-meta{font-size:var(--t-xs);color:var(--text-muted);margin-bottom:6px;}
  .cv-li{font-size:var(--t-sm);line-height:1.45;display:flex;gap:6px;align-items:flex-start;
    padding:1px 0;overflow-wrap:anywhere;}
  .cv-i{flex:0 0 auto;width:11px;font-weight:700;}
  .cv-ok{color:var(--text-muted);} .cv-ok .cv-i{color:var(--brand);}
  .cv-miss{color:var(--text);} .cv-miss .cv-i{color:var(--warn);}
  .cv-heard{font-size:var(--t-xs);color:var(--text-muted);margin-top:6px;
    border-top:1px dashed var(--border);padding-top:5px;overflow-wrap:anywhere;}
  .cv-next{margin-top:7px;padding:6px 8px;border-radius:var(--r-sm);font-size:var(--t-sm);line-height:1.45;
    background:var(--accent-soft);border:1px solid var(--accent-border);
    display:flex;gap:6px;align-items:flex-start;overflow-wrap:anywhere;}
  .cv-next .cv-i{color:var(--brand);}
  .cp-card{border-color:var(--accent-border);max-height:56vh;overflow-y:auto;}
  @media(max-width:860px){ .cp-card{max-height:44vh;} }
  .cp-hist{max-height:30vh;overflow-y:auto;margin-top:6px;}
  .cp-hrow{border-top:1px solid var(--border);padding:4px 0;}
  .cp-hrow summary{cursor:pointer;font-size:var(--t-sm);display:flex;gap:7px;align-items:baseline;}
  .cp-htime{font-size:var(--t-xs);color:var(--text-muted);min-width:34px;}
  .cp-seg{font-size:var(--t-xs);font-weight:500;color:var(--text-muted);margin-left:6px;
          border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 7px;}
  .cp-topic{font-size:var(--t-sm);font-weight:600;border-radius:var(--r-sm);padding:5px 9px;margin-bottom:8px;
            overflow-wrap:anywhere;word-break:normal;}
  .cp-warn{background:var(--warn-soft);color:var(--warn);}
  .cp-ok{background:var(--accent-soft);color:var(--ok);}
  .cp-info{background:rgba(90,150,255,0.12);color:var(--text-secondary);}
  .cp-dim{background:var(--surface-2);color:var(--text-muted);}
  .cp-danger{background:var(--danger-soft);color:var(--danger);}
  .cp-ask{font-size:var(--t-sm);padding:5px 9px;border-radius:var(--r-sm);margin-bottom:8px;
    background:rgba(55,138,221,0.12);color:var(--text-secondary);}
  .cp-again{background:var(--warn-soft);color:var(--warn);}
  .cp-blk{margin-bottom:9px;}
  .cp-k{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);}
  .cp-t{font-size:var(--t-sm);line-height:1.5;margin-top:3px;
        overflow-wrap:anywhere;word-break:normal;hyphens:none;}
  .cp-copy{padding:2px 8px;font-size:var(--t-xs);margin-top:5px;}
  .cp-stat{font-size:var(--t-xs);color:var(--text-muted);margin-top:4px;}
  .cp-conf{float:right;font-size:var(--t-xs);opacity:.75;font-weight:500;}
  .cp-alts{margin:0 0 9px;} .cp-alts summary{cursor:pointer;font-size:var(--t-xs);color:var(--text-muted);}
  .cp-alt{padding:6px 0;border-top:1px solid var(--border);}
  .cp-next{background:var(--ok-soft);border-radius:var(--r-sm);padding:6px 9px;font-size:var(--t-sm);margin-bottom:8px;}
  .cp-risk{border-left:3px solid currentColor;padding:5px 9px;border-radius:0 7px 7px 0;margin-bottom:7px;font-size:var(--t-sm);}
  .cp-sub{font-size:var(--t-xs);color:var(--text-muted);margin:9px 0 4px;}
  .cp-li{font-size:var(--t-sm);padding:2px 0;overflow-wrap:anywhere;}
  .cp-log{margin-top:8px;} .cp-log summary{cursor:pointer;font-size:var(--t-xs);color:var(--text-muted);}
  /* Nápověda k rozepsané námitce — tichá, dokud není shoda. */
  .cp-hint{min-height:0;overflow:hidden;transition:min-height .12s;}
  .cp-hint.on{min-height:24px;display:flex;align-items:center;gap:8px;
    background:var(--warn-soft);border-radius:var(--r-sm);padding:4px 9px;margin-top:6px;}
  .cp-hint-k{font-size:var(--t-xs);font-weight:600;color:var(--warn);}
  .cp-hint-t{font-size:var(--t-xs);color:var(--text-muted);}
  .mic-obj-q{font-size:var(--t-sm);font-weight:600;margin-bottom:4px;
             overflow-wrap:anywhere;word-break:normal;hyphens:none;}
  .mic-obj-a{font-size:var(--t-sm);line-height:1.5;color:var(--text-secondary);
             overflow-wrap:anywhere;word-break:normal;hyphens:none;}
  .mic-open{background:var(--surface-2);border-left:3px solid var(--accent);
            border-radius:0 8px 8px 0;padding:9px 11px;font-style:normal;line-height:1.55;}
  .mic-doc{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);
           padding:10px 12px;font-size:var(--t-sm);line-height:1.6;white-space:pre-wrap;}
  .mic-ratio{display:flex;height:22px;border-radius:var(--r-sm);overflow:hidden;font-size:var(--t-xs);
             line-height:22px;text-align:center;color:#fff;}
  .mic-ratio-me{background:var(--accent);}
  .mic-ratio-them{background:var(--text-muted);flex:1;}
  /* KALENDÁŘ */
  .cal-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;}
  .cal-head div{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.5px;
                color:var(--text-muted);font-weight:600;padding:0 4px;}
  .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
  .cal-cell{min-height:96px;background:var(--surface-2);border:1px solid var(--border);
            border-radius:var(--r-sm);padding:6px 7px;cursor:pointer;overflow:hidden;}
  .cal-cell:hover{border-color:var(--accent-border);}
  .cal-cell.is-out{opacity:.42;}
  .cal-cell.is-today{border-color:var(--accent-border);background:var(--ok-soft);}
  .cal-daynum{font-size:var(--t-sm);font-weight:600;color:var(--text-secondary);margin-bottom:5px;}
  .cal-cell.is-today .cal-daynum{color:var(--accent);}
  .cal-entry{display:block;font-size:var(--t-xs);line-height:1.35;padding:3px 5px;margin-bottom:3px;
             border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);
             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
  .cal-entry:hover{border-color:var(--accent-border);}
  .cal-more{font-size:var(--t-xs);color:var(--text-muted);padding:1px 5px;}
  .cal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;
           vertical-align:middle;background:var(--text-muted);}
  .cal-entry.task .cal-dot{background:var(--accent);}
  .cal-entry.activity .cal-dot{background:var(--text-muted);}
  /* Aktivita je HISTORIE (klik = karta firmy), úkol je PRÁCE (klik = akce).
     Ať je to poznat na první pohled, ne až po kliknutí. */
  .cal-entry.activity,.cal-e2.activity{font-style:italic;opacity:.72;}
  /* ── Akční panel úkolu (Kalendář) ── */
  .task-panel{width:380px;padding:18px 20px;}
  .tp-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:4px;}
  .tp-title{font-weight:600;font-size:var(--t-md);line-height:1.3;flex:1;}
  .tp-meta{color:var(--text-muted);font-size:var(--t-sm);margin:2px 0 4px;}
  .tp-note{background:var(--surface-2);border-radius:var(--r-sm);padding:8px 10px;
    font-size:var(--t-sm);color:var(--text-secondary);margin:8px 0 2px;white-space:pre-wrap;}
  .tp-actions{display:flex;gap:8px;margin-top:14px;}
  .tp-actions .btn{flex:1;}
  .tp-sec{display:flex;gap:14px;justify-content:center;margin-top:12px;}
  .tp-sec .cd-link{font-size:var(--t-xs);}
  .cal-entry.overdue .cal-dot,.cal-dot.overdue{background:var(--danger);}
  .cal-dot.task{background:var(--accent);}
  .cal-dot.activity{background:var(--text-muted);}
  /* hodinová mřížka */
  .cal-tg-head{display:grid;gap:0;margin-bottom:0;position:sticky;top:0;background:var(--surface);
               border-bottom:1px solid var(--border);}
  .cal-tg-head > div{font-size:var(--t-xs);color:var(--text-muted);padding:6px 8px;text-align:center;}
  .cal-tg-head > div.is-today{color:var(--accent);}
  .cal-timegrid{max-height:560px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-sm);}
  .cal-tg-row{display:grid;gap:0;border-bottom:1px solid var(--border);}
  .cal-tg-row:last-child{border-bottom:none;}
  .cal-allday{background:var(--surface-2);}
  .cal-tg-hour{font-size:var(--t-xs);color:var(--text-muted);padding:5px 8px;text-align:right;
               border-right:1px solid var(--border);}
  .cal-tg-cell{min-height:34px;padding:3px 4px;border-right:1px solid var(--border);cursor:pointer;}
  .cal-tg-cell:last-child{border-right:none;}
  .cal-tg-cell:hover{background:var(--surface-2);}
  .cal-tg-cell.is-today{background:var(--ok-soft);}
  .cal-tg-cell.is-today:hover{background:var(--ok-soft);filter:brightness(0.97);}
  .cal-co{color:var(--text-muted);}
  .cal-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;
              padding-top:12px;border-top:1px solid var(--border);
              font-size:var(--t-sm);color:var(--text-secondary);}
  /* OBCHODNÍ TÝM */
  .drawer-owner{display:inline-flex;align-items:center;gap:2px;font-size:var(--t-sm);
                color:var(--text-muted);margin-left:9px;vertical-align:middle;}
  .tl-by{font-size:var(--t-xs);color:var(--text-muted);margin-top:2px;}
  /* STATICKÉ ŠABLONY */
  .tpl-pick{display:flex;align-items:center;gap:12px;padding:12px 13px;background:var(--surface-2);
            border:1px solid var(--border);border-radius:var(--r);margin-bottom:9px;cursor:pointer;}
  .tpl-pick:hover{border-color:var(--accent-border);}
  .tpl-pick-icon{font-size:var(--t-lg);flex-shrink:0;}
  .tpl-pick-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .tpl-pick-label{font-size:var(--t-sm);font-weight:600;}
  .tpl-pick-hint{font-size:var(--t-sm);color:var(--text-muted);line-height:1.45;}
  /* DOKONČENÉ ÚKOLY */
  .task-row.leaving{opacity:0;transform:translateX(14px);
                    transition:opacity .18s ease, transform .18s ease;}
  .done-toggle{margin-top:12px;padding:8px 0;text-align:center;font-size:var(--t-sm);
               color:var(--text-muted);cursor:pointer;border-top:1px solid var(--border);}
  .done-toggle:hover{color:var(--accent);}
  /* AI KARTY — AI nemá vlastní modul. Tyhle třídy jsou sdílené pro
     místa, kde se AI objeví uvnitř práce: hovor, schůzka, follow-up. */
  .aic{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
       padding:0;margin-bottom:16px;box-shadow:var(--shadow-sm);overflow:hidden;}
  .aic-head{display:flex;align-items:center;gap:9px;padding:13px 15px;
            border-bottom:1px solid var(--border);background:var(--surface-2);}
  .aic-title{font-size:var(--t-sm);font-weight:600;flex:1;min-width:0;}
  .aic-body{padding:14px 15px;}
  .aic-sec{margin-bottom:15px;}
  .aic-sec:last-child{margin-bottom:0;}
  .aic-lbl{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);
           font-weight:600;margin-bottom:6px;}
  .aic-txt{font-size:var(--t-sm);line-height:1.6;color:var(--text-secondary);}
  .aic-score{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--surface-2);
             border:1px solid var(--border);border-radius:var(--r);margin-bottom:15px;}
  .aic-score-val{font-size:var(--t-2xl);font-weight:700;line-height:1;}
  .aic-score-band{font-size:var(--t-sm);font-weight:600;margin-top:3px;}
  .aic-score-side{margin-left:auto;text-align:right;font-size:var(--t-xs);color:var(--text-muted);line-height:1.6;}
  .aic-li{font-size:var(--t-sm);line-height:1.55;padding:4px 0 4px 18px;position:relative;color:var(--text-secondary);}
  .aic-li::before{content:"✓";position:absolute;left:0;top:4px;color:var(--accent);font-weight:700;font-size:var(--t-xs);}
  .aic-offer{padding:8px 0;border-bottom:1px solid var(--border);font-size:var(--t-sm);line-height:1.55;}
  .aic-offer:last-child{border-bottom:none;}
  .aic-offer b{color:var(--text);}
  .aic-quote{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;
             padding:11px 13px;font-size:var(--t-sm);line-height:1.65;color:var(--text-secondary);}
  .aic-obj{padding:9px 0;border-bottom:1px solid var(--border);}
  .aic-obj:last-child{border-bottom:none;}
  .aic-obj-q{font-size:var(--t-sm);font-weight:600;margin-bottom:3px;}
  .aic-obj-a{font-size:var(--t-sm);line-height:1.55;color:var(--text-secondary);}
  .aic-nba{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:var(--r);
           background:var(--ok-soft);border:1px solid var(--border);}
  .aic-nba-main{flex:1;min-width:0;}
  .aic-nba-act{font-size:var(--t-sm);font-weight:600;margin-bottom:2px;}
  .aic-nba-why{font-size:var(--t-sm);color:var(--text-secondary);line-height:1.5;}
  /* NEXT BEST ACTION — hlavní blok karty */
  .aic-hero{padding:15px;background:var(--ok-soft);border-bottom:1px solid var(--border);}
  .aic-hero-lbl{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.7px;font-weight:700;
                color:var(--accent);margin-bottom:7px;display:flex;align-items:center;gap:6px;}
  .aic-hero-act{font-size:var(--t-lg);font-weight:600;line-height:1.3;margin-bottom:6px;}
  .aic-hero-why{font-size:var(--t-sm);line-height:1.6;color:var(--text-secondary);margin-bottom:5px;}
  .aic-hero-when{font-size:var(--t-sm);color:var(--text-muted);margin-bottom:12px;}
  .aic-hero-btns{display:flex;gap:7px;flex-wrap:wrap;}
  .aic-pot{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
  .aic-pot-val{font-size:var(--t-2xl);font-weight:700;line-height:1;}
  .aic-pot-band{font-size:var(--t-sm);font-weight:600;}
  .aic-pot-track{flex:1;height:6px;background:var(--surface-3);border-radius:var(--r-sm);overflow:hidden;}
  .aic-pot-fill{height:100%;border-radius:var(--r-sm);transition:width .35s ease;}
  .aic-meters{display:flex;gap:10px;}
  .aic-meter{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;}
  .aic-meter-lbl{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;}
  .aic-meter-val{font-size:var(--t-md);font-weight:600;}
  .aic-ctx summary{cursor:pointer;font-size:var(--t-sm);color:var(--text-muted);list-style:none;}
  .aic-ctx summary::-webkit-details-marker{display:none;}
  .aic-ctx summary::before{content:"▸ ";}
  .aic-ctx[open] summary::before{content:"▾ ";}
  .aic-acts{display:flex;flex-wrap:wrap;gap:6px;}
  .aic-act{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);
           padding:7px 11px;border-radius:var(--r-sm);font-size:var(--t-sm);cursor:pointer;font-family:inherit;}
  .aic-act:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent);}
  .aic-act:disabled{opacity:.45;cursor:default;}
  .aic-state{padding:20px 16px;text-align:center;}
  .aic-state-txt{font-size:var(--t-sm);color:var(--text-muted);line-height:1.6;margin-bottom:12px;}
  .aic-stream{font-size:var(--t-sm);line-height:1.55;color:var(--text-muted);font-family:ui-monospace,monospace;
              max-height:120px;overflow:hidden;text-align:left;white-space:pre-wrap;
              background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px;margin-top:10px;}
  .aic-err{background:var(--danger-soft);border:1px solid var(--border);border-radius:var(--r-sm);
           padding:11px 13px;font-size:var(--t-sm);line-height:1.55;color:var(--text-secondary);text-align:left;}
  .aic-banner{padding:8px 15px;font-size:var(--t-xs);line-height:1.45;
              background:var(--warn-soft);border-bottom:1px solid var(--border);color:var(--text-secondary);}
  .aic-meta{font-size:var(--t-xs);color:var(--text-muted);margin-top:12px;line-height:1.5;}
  .aic-out{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);
           padding:12px 13px;margin-top:9px;font-size:var(--t-sm);line-height:1.6;white-space:pre-wrap;}
  /* MEETING INTELLIGENCE */
  .mi-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);
          border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;cursor:pointer;}
  .mi-row:hover{border-color:var(--accent-border);}
  .mi-src{width:30px;height:30px;border-radius:var(--r-sm);background:var(--surface-2);display:flex;
          align-items:center;justify-content:center;font-size:var(--t-md);flex-shrink:0;}
  .mi-main{flex:1;min-width:0;}
  .mi-title{font-size:var(--t-sm);font-weight:600;margin-bottom:3px;}
  .mi-meta{display:flex;gap:9px;flex-wrap:wrap;font-size:var(--t-sm);color:var(--text-muted);}
  .mi-side{display:flex;align-items:center;gap:12px;flex-shrink:0;}
  .mi-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
            padding:12px 14px;margin-bottom:10px;}
  .mi-block h4{margin:0 0 7px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.5px;
               color:var(--text-muted);font-weight:600;}
  .mi-item{font-size:var(--t-sm);line-height:1.5;padding:6px 0;border-bottom:1px solid var(--border);}
  .mi-item:last-child{border-bottom:none;}
  .mi-quote{display:block;font-size:var(--t-xs);color:var(--text-muted);font-style:italic;margin-top:3px;}
  .mi-art{display:flex;align-items:center;gap:11px;padding:10px 12px;background:var(--surface-2);
          border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:8px;}
  .mi-art-main{flex:1;min-width:0;}
  .mi-doc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);
          padding:13px 15px;margin:0 0 10px;font-size:var(--t-sm);line-height:1.6;white-space:pre-wrap;
          font-family:inherit;}
  .mi-coach{display:flex;align-items:center;gap:11px;margin-bottom:9px;}
  .mi-coach-lbl{width:158px;flex-shrink:0;font-size:var(--t-sm);}
  .mi-know-q{display:inline-flex;margin:0 6px 6px 0;padding:7px 12px;border-radius:var(--r-pill);
             border:1px solid var(--border);background:var(--surface-2);font-size:var(--t-sm);cursor:pointer;
             color:var(--text-secondary);}
  .mi-know-q:hover{border-color:var(--accent-border);color:var(--accent);}
  .hidden{display:none !important;}

  .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--surface-3);border:1px solid var(--border);color:var(--text);padding:11px 18px;border-radius:var(--r-sm);font-size:var(--t-sm);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;z-index:90;display:flex;align-items:center;gap:8px;}
  .toast.show{opacity:1;transform:translate(-50%,0);}
  .toast b{color:var(--accent);}
  .toast-icon{width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-xs);font-weight:700;flex-shrink:0;}

  /* VIEW TRANSITION */
  @keyframes viewFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
  .view.fade-in{animation:viewFadeIn .22s ease;}

  /* SKELETON LOADING */
  @keyframes skeletonPulse{0%{opacity:0.55;}50%{opacity:1;}100%{opacity:0.55;}}
  .skel{background:var(--surface-2);border-radius:var(--r-sm);animation:skeletonPulse 1.1s ease-in-out infinite;}
  .skel-row{display:flex;align-items:center;gap:14px;padding:12px;border-bottom:1px solid var(--border);}
  .skel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;}
  .skel-kcol{flex:0 0 208px;background:var(--surface-2);border-radius:var(--r);padding:10px;min-height:120px;}

  /* SPINNER */
  @keyframes spin{to{transform:rotate(360deg);}}
  .spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,0.35);border-top-color:var(--accent-text);display:inline-block;animation:spin .6s linear infinite;flex-shrink:0;}
  .btn[disabled]{opacity:0.7;cursor:default;pointer-events:none;}

  /* FILTER BAR */
  .filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;
             padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);}
  .filter-search{flex:1;min-width:190px;display:flex;align-items:center;gap:7px;
                 background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 10px;}
  .filter-search input{flex:1;border:none;background:transparent;color:var(--text);
                       font-size:var(--t-sm);font-family:inherit;outline:none;padding:0;}
  .filter-search input::placeholder{color:var(--text-muted);}
  .filter-search .fs-icon{color:var(--text-muted);font-size:var(--t-sm);flex-shrink:0;}
  .filter-sel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);
              padding:6px 9px;color:var(--text);font-size:var(--t-sm);font-family:inherit;cursor:pointer;
              max-width:170px;}
  .filter-sel:hover{border-color:var(--text-muted);}
  .filter-sel.on{border-color:var(--accent-border);color:var(--accent);}
  .filter-count{font-size:var(--t-sm);color:var(--text-muted);white-space:nowrap;margin-left:auto;}
  .filter-count b{color:var(--text);}
  .filter-clear{border:none;background:transparent;color:var(--text-muted);font-size:var(--t-sm);
                cursor:pointer;padding:6px 8px;border-radius:var(--r-sm);font-family:inherit;}
  .filter-clear:hover{background:var(--surface-2);color:var(--text);}
  .filter-clear[hidden]{display:none;}

  /* SORTABLE HEADERS */
  thead th.sortable{cursor:pointer;user-select:none;white-space:nowrap;}
  thead th.sortable:hover{color:var(--text);}
  thead th .sort-ind{opacity:0;margin-left:4px;font-size:var(--t-xs);}
  thead th.sortable:hover .sort-ind{opacity:0.45;}
  thead th.sorted{color:var(--accent);}
  thead th.sorted .sort-ind{opacity:1;}

  /* ÚKOLY */
  .task-group{margin-bottom:20px;}
  .task-group-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
  .task-group-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
  .task-group-title{font-size:var(--t-sm);font-weight:600;}
  .task-group-count{font-size:var(--t-sm);color:var(--text-muted);}
  .task-row{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;background:var(--surface);
            border:1px solid var(--border);border-radius:var(--r);margin-bottom:7px;
            transition:border-color .12s ease,opacity .15s ease;}
  .task-row:hover{border-color:var(--text-muted);}
  .task-row.done{opacity:0.45;}
  .task-row.done .task-title{text-decoration:line-through;}
  .task-check{width:17px;height:17px;border-radius:var(--r-sm);border:1.6px solid var(--border);
              background:transparent;cursor:pointer;flex-shrink:0;margin-top:1px;padding:0;
              display:flex;align-items:center;justify-content:center;font-size:var(--t-xs);color:transparent;}
  .task-check:hover{border-color:var(--accent-border);}
  .task-check.on{background:var(--accent);border-color:var(--accent-border);color:var(--accent-text);}
  .task-main{flex:1;min-width:0;}
  .task-title{font-size:var(--t-sm);margin-bottom:3px;}
  .task-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:var(--t-sm);color:var(--text-muted);}
  .task-company{color:var(--text-secondary);cursor:pointer;}
  .task-company:hover{color:var(--accent);}
  .task-due{font-weight:600;}
  .task-side{display:flex;align-items:center;gap:7px;flex-shrink:0;}

  /* REPORTING */
  .funnel-step{display:flex;align-items:center;gap:12px;margin-bottom:9px;}
  .funnel-stage{width:112px;flex-shrink:0;font-size:var(--t-sm);color:var(--text-secondary);}
  .funnel-track{flex:1;height:30px;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden;position:relative;}
  .funnel-fill{height:100%;background:var(--accent);border-radius:var(--r-sm);
               display:flex;align-items:center;padding-left:10px;font-size:var(--t-sm);
               font-weight:600;color:var(--accent-text);min-width:26px;transition:width .35s ease;}
  .funnel-conv{width:74px;flex-shrink:0;text-align:right;font-size:var(--t-sm);color:var(--text-muted);}
  .funnel-conv b{color:var(--text);}

  .bar-row{display:flex;align-items:center;gap:11px;margin-bottom:8px;}
  .bar-label{width:132px;flex-shrink:0;font-size:var(--t-sm);display:flex;align-items:center;gap:7px;}
  .bar-track{flex:1;height:22px;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden;}
  .bar-fill{height:100%;border-radius:var(--r-sm);transition:width .35s ease;}
  .bar-val{width:96px;flex-shrink:0;text-align:right;font-size:var(--t-sm);color:var(--text-secondary);}
  .bar-val b{color:var(--text);}

  .rep-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;}
  .split-row{display:flex;align-items:center;justify-content:space-between;
             padding:9px 0;border-bottom:1px solid var(--border);font-size:var(--t-sm);}
  .split-row:last-child{border-bottom:none;}
  .split-bar{width:88px;height:6px;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden;margin:0 10px;}
  .split-bar span{display:block;height:100%;background:var(--accent);border-radius:var(--r-sm);}

  /* EMPTY STATE */
  .empty-state{padding:34px 16px;text-align:center;color:var(--text-muted);font-size:var(--t-sm);}
  .empty-state .empty-icon{font-size:var(--t-xl);margin-bottom:6px;opacity:0.6;}
  .kcol-empty{padding:16px 6px;text-align:center;color:var(--text-muted);font-size:var(--t-sm);border:1px dashed var(--border);border-radius:var(--r-sm);}

  /* MICRO-INTERACTIONS */
  .btn, .icon-btn, .nav-item, .kcard, .kpi-card, tbody tr{transition:background .12s ease, border-color .12s ease, transform .12s ease, box-shadow .12s ease;}
  .btn:active, .icon-btn:active{transform:scale(0.96);}
  .kcard.just-dropped{animation:cardDrop .35s ease;}
  @keyframes cardDrop{0%{transform:scale(1.04);box-shadow:0 0 0 2px var(--accent);}100%{transform:scale(1);box-shadow:none;}}
  .kpi-card{animation:viewFadeIn .25s ease;}

/* Přehled schůzky — hustá mřížka, žádné odstavce */
.ms{padding:2px 0;}
.ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:1100px){.ms-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.ms-grid{grid-template-columns:1fr;}}
.ms-sec{background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r);padding:10px 12px;min-height:92px;}
.ms-h{font-size:var(--t-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.ms-badge{margin-left:auto;font-size:var(--t-sm);font-weight:700;letter-spacing:0;
  text-transform:none;color:var(--text);}
.ms-li{font-size:var(--t-sm);line-height:1.4;color:var(--text);padding:3px 0 3px 11px;
  position:relative;}
.ms-li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;
  border-radius:50%;background:var(--accent);}
.ms-q{display:block;font-size:var(--t-xs);color:var(--text-dim);font-style:italic;
  margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ms-none{font-size:var(--t-sm);color:var(--text-dim);opacity:.6;padding-top:2px;}
.ms-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--t-sm);
  color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r);padding:10px 12px;margin-bottom:10px;}
.ms-foot{display:flex;gap:8px;margin-top:10px;}

/* Přeneseno ze zrušeného bloku V1 — tyhle třídy rozhraní pořád používá. */
.ci-btn{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r);padding:12px 14px;margin-bottom:14px;cursor:pointer;color:var(--text);
  font-size:var(--t-md);font-weight:600;}
.ci-btn:hover{border-color:var(--accent-border);}
.ci-btn span{display:block;font-size:var(--t-sm);font-weight:400;color:var(--text-dim);margin-top:2px;}
.ci-det{font-size:var(--t-xs);opacity:.7;margin-top:6px;overflow-wrap:anywhere;}

/* ── Company Intelligence V2 ── */
/* Zalamování: overflow-wrap:anywhere, NIKDY word-break:break-word.
   Rozdíl je zásadní a stál nás jednu regresi. break-word láme uvnitř slova
   VŽDYCKY, jakmile se hodí — tak vzniklo „VERO / NIKA". anywhere láme
   uvnitř slova JEN když by jinak přeteklo, a zároveň dovolí sloupci mřížky
   smrsknout se pod šířku nejdelšího slova. To druhé je přesně to, co
   potřebujeme, aby dlouhý e-mail nerozstrčil layout. */

/* Slova se nelámou. Hodnota dostane celou šířku karty, ne zbytek po štítku. */
/* Počet sloupců se řídí ŠÍŘKOU KONTEJNERU, ne oknem prohlížeče.
   Tohle byla příčina přetékání: @media měří okno, ale karty žijí i
   v zásuvce široké 440 px. Na monitoru 1440 px tedy platilo „desktop,
   dva sloupce" a karta dostala 175 px. */
.ci-wrap{container-type:inline-size;container-name:ci;}
.ci-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;}
@container ci (min-width:680px){ .ci-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@container ci (min-width:680px){ .ci-card.ci-span2{grid-column:1/-1;} }
/* Záloha pro prohlížeče bez podpory kontejnerových dotazů: v zásuvce
   vždycky jeden sloupec, v širokém pohledu dva podle okna. */
@supports not (container-type: inline-size){
  .ci-grid{grid-template-columns:1fr;}
  @media(min-width:1000px){ .view .ci-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
  @media(min-width:1000px){ .view .ci-card.ci-span2{grid-column:1/-1;} }
  .drawer .ci-grid{grid-template-columns:1fr!important;}
}
/* min-width:0 je u položek mřížky povinné: výchozí min-width:auto znamená
   „nesmrskávej se pod obsah", takže jediný dlouhý e-mail roztlačí sloupec. */
.ci-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  padding:14px 16px;display:flex;flex-direction:column;
  width:100%;min-width:0;max-width:100%;overflow:hidden;}
.ci-h{font-size:var(--t-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-dim);margin:0 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ci-warn{font-size:var(--t-xs);font-weight:600;letter-spacing:0;text-transform:none;color:var(--warn);
  border:1px solid var(--warn);border-radius:var(--r-pill);padding:1px 7px;white-space:nowrap;}
.ci-sub2{font-size:var(--t-xs);font-weight:600;color:var(--text-dim);text-transform:uppercase;
  letter-spacing:.04em;margin:12px 0 5px;display:flex;align-items:center;gap:7px;}
.ci-sub2:first-child{margin-top:0;}
.ci-name{font-size:var(--t-xl);font-weight:700;line-height:1.25;color:var(--text);
  overflow-wrap:anywhere;word-break:normal;hyphens:none;white-space:normal;min-width:0;}
.ci-lead{font-size:var(--t-md);line-height:1.5;color:var(--text);margin:7px 0 0;
  overflow-wrap:anywhere;word-break:normal;white-space:normal;min-width:0;}
.ci-line{font-size:var(--t-md);line-height:1.5;color:var(--text);padding:3px 0;
  overflow-wrap:anywhere;word-break:normal;hyphens:none;white-space:normal;min-width:0;}
.ci-bul{padding-left:13px;position:relative;}
.ci-bul:before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;
  border-radius:50%;background:var(--accent);}
.ci-dim{color:var(--text-dim);}
.ci-why{display:block;font-size:var(--t-sm);color:var(--text-dim);margin-top:1px;
  overflow-wrap:anywhere;white-space:normal;}
.ci-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;min-width:0;}
.ci-chip{font-size:var(--t-sm);background:var(--surface-3,rgba(128,128,128,.13));border-radius:var(--r-pill);
  padding:3px 10px;color:var(--text);white-space:normal;overflow-wrap:anywhere;max-width:100%;}
.ci-chip-ok{background:rgba(52,199,89,.15);color:var(--ok);}
.ci-chip-warn{background:rgba(255,159,10,.15);color:var(--warn);}
.ci-chip-accent{background:rgba(52,120,246,.14);color:var(--accent);}
.ci-scope{display:flex;flex-wrap:wrap;gap:5px;}
.ci-scope .ci-chip{font-size:var(--t-xs);color:var(--text-dim);white-space:normal;}
.ci-miss{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:var(--t-sm);color:var(--text-dim);}
.ci-miss a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;max-width:100%;}
/* Definiční seznam: štítek nad hodnotou na úzku, vedle sebe na široko. */
.ci-dl{margin:0;display:grid;gap:2px;min-width:0;}
.ci-idrow{display:grid;grid-template-columns:1fr;padding:4px 0;border-bottom:1px solid var(--border);}
.ci-idrow:last-child{border-bottom:none;}
@container ci (min-width:340px){ .ci-idrow{grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:baseline;} }
@supports not (container-type: inline-size){
  @media(min-width:420px){ .ci-idrow{grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:baseline;} }
}
.ci-idrow dt{font-size:var(--t-sm);color:var(--text-dim);}
.ci-idrow dd{margin:0;font-size:var(--t-md);color:var(--text);min-width:0;
  overflow-wrap:anywhere;word-break:normal;hyphens:none;white-space:normal;}
.ci-na{color:var(--text-dim);opacity:.6;font-style:italic;font-size:var(--t-sm);}
.ci-src{font-size:var(--t-xs);color:var(--accent);text-decoration:none;
  border-bottom:1px dotted var(--accent);margin-left:7px;opacity:.75;white-space:nowrap;
  display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;}
.ci-src:hover{opacity:1;}
.ci-none{font-size:var(--t-sm);color:var(--text-dim);opacity:.65;}
.ci-note{font-size:var(--t-xs);color:var(--text-dim);opacity:.75;margin-top:10px;line-height:1.45;}
/* Rozhodovatelé */
/* min(220px,100%) místo 240px: v úzké kartě se sloupec smí zúžit pod
   svoje minimum, jinak přeteče ven z karty. */
.ci-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:12px;min-width:0;}
.ci-person{display:flex;gap:10px;align-items:flex-start;min-width:0;max-width:100%;}
.ci-ava{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:var(--t-sm);font-weight:700;
  background:var(--surface-3,rgba(128,128,128,.16));color:var(--text-dim);}
.ci-pinfo{min-width:0;flex:1;overflow:hidden;}
.ci-pname{font-size:var(--t-md);font-weight:600;color:var(--text);line-height:1.3;min-width:0;
  overflow-wrap:anywhere;word-break:normal;hyphens:none;white-space:normal;}
.ci-prole{font-size:var(--t-sm);color:var(--text-dim);margin-top:1px;overflow-wrap:anywhere;white-space:normal;}
.ci-plinks{display:flex;flex-wrap:wrap;gap:6px 9px;margin-top:3px;align-items:baseline;min-width:0;}
.ci-plinks .ci-src{margin-left:0;}
.ci-plinks .ci-na{font-size:var(--t-xs);}
.ci-rec{margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid var(--border);}
/* Příprava hovoru */
.ci-quote{margin:0;padding:9px 12px;border-left:3px solid var(--accent);overflow-wrap:anywhere;min-width:0;
  background:var(--surface-3,rgba(128,128,128,.08));border-radius:0 8px 8px 0;
  font-size:var(--t-md);line-height:1.5;color:var(--text);}
.ci-q{padding-left:26px;position:relative;}
.ci-qn{position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;
  background:var(--accent);color:#fff;font-size:var(--t-xs);font-weight:700;
  display:flex;align-items:center;justify-content:center;}
.ci-obj{padding:7px 0;border-bottom:1px solid var(--border);}
.ci-obj:last-child{border-bottom:none;}
.ci-objt{font-size:var(--t-sm);color:var(--text);font-style:italic;}
.ci-objr{font-size:var(--t-sm);color:var(--text-dim);margin-top:2px;}
.ci-conf{display:inline-block;font-size:var(--t-xs);font-weight:700;border-radius:var(--r-pill);
  padding:1px 7px;margin-right:6px;vertical-align:1px;white-space:nowrap;}
.ci-conf-high{background:rgba(52,199,89,.16);color:var(--ok);}
.ci-conf-medium{background:rgba(255,159,10,.16);color:var(--warn);}
.ci-conf-low{background:var(--surface-3,rgba(128,128,128,.16));color:var(--text-dim);}
/* Lišty, hledání, postup */
.ci-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.ci-age{font-size:var(--t-sm);color:var(--text-dim);margin-right:auto;}
.ci-stale{color:var(--warn);}
.ci-srclist{display:flex;flex-wrap:wrap;gap:10px 14px;min-width:0;}
.ci-srclist a{font-size:var(--t-sm);color:var(--accent);text-decoration:none;
  overflow-wrap:anywhere;max-width:100%;min-width:0;}
.ci-search{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.ci-search .input{flex:1;min-width:220px;}
.ci-hint{font-size:var(--t-sm);color:var(--text-dim);line-height:1.55;max-width:640px;margin-bottom:14px;}
.ci-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center;}
.ci-dup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--t-sm);
  background:rgba(255,159,10,.12);border:1px solid var(--warn);border-radius:var(--r);padding:8px 12px;}
.ci-prog{display:flex;flex-direction:column;gap:8px;}
.ci-pstep{font-size:var(--t-md);color:var(--text-dim);display:flex;align-items:center;gap:9px;}
.ci-p-done{color:var(--text);} .ci-p-running{color:var(--text);font-weight:600;}
.ci-p-failed{color:var(--danger);} .ci-p-skipped{opacity:.55;}
.ci-pi{width:16px;text-align:center;flex-shrink:0;}
.ci-p-done .ci-pi{color:var(--ok);}
.ci-pn{font-size:var(--t-sm);opacity:.7;}
.ci-eta{font-size:var(--t-sm);color:var(--text-dim);margin-top:4px;}
.ci-cand{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);margin-top:8px;
  cursor:pointer;font-size:var(--t-md);transition:border-color .15s;}
.ci-cand:hover{border-color:var(--accent-border);}
.ci-cand span{display:block;font-size:var(--t-sm);color:var(--text-dim);margin-top:2px;}
.ci-askrow{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.ci-askrow .input{flex:1;min-width:200px;}
.ci-det{font-size:var(--t-xs);opacity:.7;margin-top:6px;overflow-wrap:anywhere;}
.ci-foot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.ci-btn{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r);padding:12px 14px;margin-bottom:14px;cursor:pointer;color:var(--text);
  font-size:var(--t-md);font-weight:600;}
.ci-btn:hover{border-color:var(--accent-border);}
.ci-btn span{display:block;font-size:var(--t-sm);font-weight:400;color:var(--text-dim);margin-top:2px;}
/* Tisk: na papír jde jen report */
@media print{
  body.ci-printing .sidebar,body.ci-printing .view-header,body.ci-printing .ci-top,
  body.ci-printing .ci-actions,body.ci-printing .ci-search,body.ci-printing .ci-hint,
  body.ci-printing .drawer-tabs,body.ci-printing .btn,body.ci-printing #toast{display:none!important;}
  body.ci-printing .ci-grid{display:block;}
  body.ci-printing .ci-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;
    background:#fff;color:#000;margin-bottom:10px;}
  body.ci-printing .ci-src{color:#555;}
}

.ai-diag{margin-top:14px;border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;}
.ai-diag>summary{cursor:pointer;font-size:var(--t-sm);font-weight:600;color:var(--text);}
.ai-diag-row{border-top:1px solid var(--border);padding:9px 0;}
.ai-diag-head{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);flex-wrap:wrap;}
.ai-diag-tag{font-size:var(--t-xs);font-weight:700;border-radius:var(--r-pill);padding:1px 8px;
  background:var(--surface-3,rgba(128,128,128,.16));color:var(--text-dim);}
.ai-out-ok .ai-diag-tag{background:rgba(52,199,89,.16);color:var(--ok);}
.ai-out-valid_empty .ai-diag-tag{background:rgba(255,159,10,.16);color:var(--warn);}
.ai-out-bad_shape .ai-diag-tag,.ai-out-invalid_json .ai-diag-tag,
.ai-out-transport_failed .ai-diag-tag{background:var(--danger-soft);color:var(--danger);}
.ai-diag-time{margin-left:auto;font-size:var(--t-xs);color:var(--text-dim);}
.ai-diag-kv{display:flex;flex-wrap:wrap;gap:12px;font-size:var(--t-sm);color:var(--text-dim);margin-top:3px;}
.ai-diag-why{font-size:var(--t-sm);color:var(--text);margin-top:5px;}
.ai-diag-row details>summary{cursor:pointer;font-size:var(--t-sm);color:var(--text-dim);margin-top:5px;}
.aic-empty{border-left:3px solid var(--warn);padding-left:11px;}
.aic-empty-why{font-size:var(--t-sm);color:var(--text-dim);}

/* Kontakty */
.ct-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  padding:11px 13px;margin-bottom:14px;}
.ct-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:var(--t-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:8px;}
.ct-row{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;min-width:0;
  padding:7px 0;border-top:1px solid var(--border);}
.ct-row:first-of-type{border-top:none;}
.ct-who{font-size:var(--t-md);color:var(--text);display:flex;align-items:baseline;gap:7px;
  flex-wrap:wrap;word-break:normal;overflow-wrap:anywhere;hyphens:none;min-width:0;}
.ct-role{font-size:var(--t-sm);color:var(--text-dim);}
.ct-tag{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  border-radius:var(--r-pill);padding:1px 7px;background:var(--surface-3,rgba(128,128,128,.16));
  color:var(--text-dim);white-space:nowrap;}
.ct-primary{background:rgba(52,120,246,.16);color:var(--accent);}
.ct-lines{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;margin-top:2px;min-width:0;}
.ct-tel{font-size:var(--t-md);font-weight:600;color:var(--accent);text-decoration:none;
  white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.ct-tel:hover{text-decoration:underline;}
.ct-mail{font-size:var(--t-sm);color:var(--text-dim);text-decoration:none;
  overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%;}
.ct-add{background:none;border:1px dashed var(--border);border-radius:var(--r-pill);padding:1px 9px;
  font-size:var(--t-sm);color:var(--text-dim);cursor:pointer;}
.ct-add:hover{border-color:var(--accent-border);color:var(--accent);}
.ct-acts{display:flex;gap:8px;margin-left:auto;}
.ct-mini{background:none;border:none;padding:0;font-size:var(--t-xs);color:var(--text-dim);
  cursor:pointer;text-decoration:underline;}
.ct-mini:hover{color:var(--accent);}
.ct-del:hover{color:var(--danger);}
.ct-none{font-size:var(--t-sm);color:var(--text-dim);opacity:.7;}
.ct-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px;
  padding-top:10px;border-top:1px solid var(--border);}
.ct-count{font-size:var(--t-sm);color:var(--text-dim);margin-right:auto;}
.ct-hint{font-size:var(--t-xs);color:var(--text-dim);opacity:.7;}
.ct-ok{color:var(--ok);}
.ct-bad{color:var(--danger);}

/* Objevování firem */
.dc-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.dc-summary{font-size:var(--t-sm);color:var(--text-dim);margin-right:auto;}
.dc-src{display:inline-block;font-size:var(--t-xs);font-weight:600;border-radius:var(--r-pill);padding:1px 7px;
  white-space:nowrap;cursor:pointer;vertical-align:1px;}
.dc-ok{background:rgba(52,199,89,.15);color:var(--ok);}
.dc-warn{background:rgba(255,159,10,.15);color:var(--warn);}
.dc-low{background:var(--surface-3,rgba(128,128,128,.16));color:var(--text-dim);}
.dc-n{font-size:var(--t-xs);font-weight:700;background:var(--surface-3,rgba(128,128,128,.16));
  color:var(--text-dim);border-radius:var(--r-pill);padding:1px 7px;letter-spacing:0;}
.dc-item{padding:5px 0;border-bottom:1px solid var(--border);display:flex;
  flex-wrap:wrap;gap:8px;align-items:baseline;}
.dc-item:last-child{border-bottom:none;}
.dc-kind{font-size:var(--t-xs);color:var(--text-dim);background:var(--surface-3,rgba(128,128,128,.13));
  border-radius:var(--r-pill);padding:1px 7px;}
.dc-ctx{flex-basis:100%;font-size:var(--t-xs);color:var(--text-dim);opacity:.7;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dc-form{display:grid;grid-template-columns:1fr;gap:9px;margin:10px 0;}
@media(min-width:620px){ .dc-form{grid-template-columns:repeat(2,minmax(0,1fr));} }
.dc-found{border-color:var(--accent-border)!important;background:rgba(52,120,246,.06);}
.dc-badge{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  background:rgba(52,120,246,.16);color:var(--accent);border-radius:var(--r-pill);padding:1px 6px;margin-left:5px;}
.dc-check{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);margin:6px 0 2px;cursor:pointer;}
.dc-check input{accent-color:var(--accent);}
.dc-sources{display:flex;flex-direction:column;gap:6px;}
.dc-srow{font-size:var(--t-sm);display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;
  padding-bottom:5px;border-bottom:1px solid var(--border);}
.dc-srow:last-child{border-bottom:none;}
.dc-sname{font-weight:600;color:var(--text);min-width:130px;}
.dc-srow a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;}
.dc-sstat{margin-left:auto;font-size:var(--t-xs);color:var(--text-dim);}
.dc-s-ok .dc-sstat{color:var(--ok);}
.dc-s-failed .dc-sstat{color:var(--danger);}

.lk-btn{text-decoration:none;display:inline-flex;align-items:center;}
.dc-s-lookup .dc-sstat{color:var(--text-dim);}
.dc-s-lookup{opacity:.9;}

/* ── Company Detail 2.0 ── */
.drawer-ident{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;
  font-size:var(--t-sm);color:var(--text-dim);min-width:0;}
.drawer-ident a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;}
.drawer-ident a:hover{text-decoration:underline;}
.cd-sep{opacity:.45;}
/* Další krok — jediná karta, kterou musí být vidět hned */
.cd-na{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:var(--r);padding:14px 16px;margin-bottom:12px;min-width:0;}
.cd-na-lbl{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:6px;}
.cd-na-title{font-size:var(--t-lg);font-weight:600;line-height:1.35;color:var(--text);
  overflow-wrap:anywhere;word-break:normal;}
.cd-na-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:8px;font-size:var(--t-sm);}
.cd-na-due{font-weight:600;}
.cd-na-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.cd-na-empty{border-left-color:var(--text-dim);}
.cd-na-none{font-size:var(--t-md);color:var(--text-dim);margin-bottom:10px;}
.cd-dim{color:var(--text-dim);font-weight:400;}
/* Rychlé akce */
.cd-qa{margin-bottom:12px;}
.cd-qa-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
@media(min-width:520px){ .cd-qa-btns{grid-template-columns:repeat(4,minmax(0,1fr));} }
.cd-qa-btns .btn{font-size:var(--t-sm);padding:8px 4px;}
.cd-qa-note{margin-top:8px;}
.cd-qa-note textarea{width:100%;}
.cd-qa-note-btns{display:flex;gap:8px;margin-top:6px;}
/* Sdílená karta */
.cd-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  padding:12px 14px;margin-bottom:12px;min-width:0;overflow:hidden;}
.cd-h{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);margin:0 0 9px;display:flex;align-items:center;gap:7px;}
.cd-n{font-size:var(--t-xs);font-weight:700;background:var(--surface-3,rgba(128,128,128,.16));
  color:var(--text-dim);border-radius:var(--r-pill);padding:1px 7px;letter-spacing:0;}
.cd-none{font-size:var(--t-sm);color:var(--text-dim);opacity:.7;}
.cd-link{background:none;border:none;padding:6px 0 0;font-size:var(--t-sm);color:var(--accent);
  cursor:pointer;text-decoration:underline;display:block;}
.cd-warn{font-size:var(--t-sm);color:var(--warn);margin-top:8px;line-height:1.45;}
/* Poslední interakce */
.cd-ri-row{display:flex;gap:10px;justify-content:space-between;align-items:baseline;
  font-size:var(--t-sm);padding:3px 0;min-width:0;}
.cd-ri-k{color:var(--text-dim);flex-shrink:0;}
.cd-ri-v{color:var(--text);text-align:right;overflow-wrap:anywhere;}
/* Úkoly */
.cd-task{display:flex;gap:10px;align-items:flex-start;padding:6px 0;
  border-top:1px solid var(--border);min-width:0;}
.cd-task:first-of-type{border-top:none;}
.cd-check{width:18px;height:18px;flex-shrink:0;border-radius:var(--r-sm);border:1.5px solid var(--border);
  background:none;cursor:pointer;color:var(--ok);font-size:var(--t-xs);line-height:1;margin-top:2px;}
.cd-check:hover:not(:disabled){border-color:var(--ok);}
.cd-check:disabled{cursor:default;border-color:var(--ok);opacity:.6;}
.cd-task-main{min-width:0;}
.cd-task-t{font-size:var(--t-md);color:var(--text);line-height:1.35;overflow-wrap:anywhere;}
.cd-task-m{font-size:var(--t-sm);color:var(--text-dim);margin-top:1px;}
.cd-task-done .cd-task-t{text-decoration:line-through;opacity:.6;}
.cd-done-wrap{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);}
/* Pipeline */
.cd-pipe{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0;}
.cd-pipe select{flex:1;min-width:150px;}
.cd-pipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
/* Kontakty */
.cd-people{display:grid;gap:10px;min-width:0;}
.cd-person{display:flex;gap:10px;align-items:flex-start;min-width:0;}
.cd-person-i{min-width:0;flex:1;}
.cd-person-n{font-size:var(--t-md);font-weight:600;color:var(--text);line-height:1.3;
  overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;}
.cd-person-r{font-size:var(--t-sm);color:var(--text-dim);margin-top:1px;overflow-wrap:anywhere;}
.cd-person-c{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;align-items:baseline;min-width:0;}
.cd-person-m{font-size:var(--t-xs);color:var(--text-dim);margin-top:3px;overflow-wrap:anywhere;}
.cd-badge{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  background:rgba(52,120,246,.16);color:var(--accent);border-radius:var(--r-pill);padding:1px 6px;white-space:nowrap;}
.cd-badge-dim{background:var(--surface-3,rgba(128,128,128,.16));color:var(--text-dim);}
/* Historie */
.cd-tl{display:flex;gap:9px;align-items:flex-start;padding:5px 0;min-width:0;}
.cd-tl-i{flex-shrink:0;font-size:var(--t-sm);opacity:.8;}
.cd-tl-d{font-size:var(--t-xs);color:var(--text-dim);}
.cd-tl-t{font-size:var(--t-sm);color:var(--text);line-height:1.4;overflow-wrap:anywhere;}
/* Sbalené sekce */
.cd-reg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  padding:10px 14px;margin-bottom:12px;min-width:0;}
.cd-reg>summary{cursor:pointer;font-size:var(--t-sm);font-weight:600;color:var(--text-dim);}
.cd-reg>summary:hover{color:var(--text);}
.cd-reg[open]>summary{margin-bottom:10px;}

/* ── Dashboard jako velín ── */
#dashBody{min-width:0;}
.db-today{background:var(--surface-2);border:1px solid var(--border);
  border-left:3px solid var(--accent);border-radius:var(--r);padding:16px 18px;margin-bottom:14px;min-width:0;}
.db-today-h{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:12px;}
.db-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media(min-width:640px){ .db-nums{grid-template-columns:repeat(4,minmax(0,1fr));} }
.db-num{min-width:0;}
.db-num-v{display:block;font-size:var(--t-2xl);font-weight:700;line-height:1.1;color:var(--text);}
.db-num-l{display:block;font-size:var(--t-sm);color:var(--text-dim);margin-top:2px;}
.db-today-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.db-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  padding:13px 16px;margin-bottom:14px;min-width:0;overflow:hidden;}
.db-alert{border-left:3px solid var(--danger);}
.db-ok{border-left:3px solid var(--ok);}
.db-h{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);margin:0 0 10px;display:flex;align-items:center;gap:8px;}
.db-n{font-size:var(--t-xs);font-weight:700;background:var(--surface-3,rgba(128,128,128,.16));
  color:var(--text-dim);border-radius:var(--r-pill);padding:1px 7px;letter-spacing:0;}
.db-n-warn{background:var(--danger-soft);color:var(--danger);}
.db-empty{font-size:var(--t-sm);color:var(--text-dim);opacity:.75;line-height:1.5;}
.db-row{display:flex;gap:10px;align-items:flex-start;padding:6px 0;cursor:pointer;
  border-top:1px solid var(--border);min-width:0;}
.db-row:first-of-type{border-top:none;}
.db-row:hover .db-row-t{color:var(--accent);}
.db-row-i{flex-shrink:0;font-size:var(--t-sm);width:18px;text-align:center;}
.db-row-m{min-width:0;}
.db-row-t{font-size:var(--t-md);color:var(--text);line-height:1.35;overflow-wrap:anywhere;}
.db-row-s{font-size:var(--t-sm);color:var(--text-dim);margin-top:1px;overflow-wrap:anywhere;}
.db-link{background:none;border:none;padding:8px 0 0;font-size:var(--t-sm);color:var(--accent);
  cursor:pointer;text-decoration:underline;display:block;}
.db-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:900px){ .db-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
.db-stage{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;min-width:0;}
.db-stage:hover .db-stage-n{color:var(--accent);}
.db-stage-n{font-size:var(--t-sm);color:var(--text);width:130px;flex-shrink:0;overflow-wrap:anywhere;}
.db-stage-bar{flex:1;height:5px;border-radius:var(--r-sm);background:var(--surface-3,rgba(128,128,128,.16));
  overflow:hidden;min-width:30px;}
.db-stage-bar span{display:block;height:100%;border-radius:var(--r-sm);}
.db-stage-c{font-size:var(--t-sm);font-weight:700;color:var(--text);width:26px;text-align:right;flex-shrink:0;}
.db-stage-v{font-size:var(--t-xs);color:var(--text-dim);width:96px;text-align:right;flex-shrink:0;}
@media(max-width:560px){ .db-stage-v{display:none;} .db-stage-n{width:96px;} }
.db-perf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media(min-width:640px){ .db-perf{grid-template-columns:repeat(4,minmax(0,1fr));} }
.db-perf-c{min-width:0;}
.db-perf-v{font-size:var(--t-xl);font-weight:700;color:var(--text);line-height:1.1;}
.db-perf-l{font-size:var(--t-sm);color:var(--text-dim);margin-top:2px;}

/* ── Call Mode ── */
.call-start{width:100%;padding:13px;margin-bottom:12px;border-radius:var(--r);cursor:pointer;
  background:var(--accent);color:#fff;border:none;font-size:var(--t-md);font-weight:700;letter-spacing:.01em;}
.call-start:hover{filter:brightness(1.08);}
.call-overlay{position:fixed;inset:0;z-index:80;background:var(--bg);
  display:none;flex-direction:column;}
.call-overlay.show{display:flex;}
body.call-open{overflow:hidden;}
.call-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.call-title{font-size:var(--t-lg);font-weight:700;color:var(--text);overflow-wrap:anywhere;}
.call-sub{font-size:var(--t-sm);color:var(--text-dim);margin-top:2px;}
.call-head-b{display:flex;gap:8px;align-items:center;}
.call-body{flex:1;display:grid;grid-template-columns:1fr;gap:14px;padding:16px 20px;
  overflow-y:auto;min-height:0;}
@media(min-width:1100px){ .call-body{grid-template-columns:260px minmax(0,1fr) 300px;overflow:hidden;} }
/* Pracoviště si rozvrhuje šířku samo. Rodičovská mřížka má tři sloupce
   a jediné dítě by spadlo do prvního — 260 px místo celé obrazovky.
   Přesně tohle rozbilo Call Workspace ve Sprintu 3. */
.call-body.cw-mode{display:block;padding:0;overflow:hidden;}
.call-col{min-width:0;display:flex;flex-direction:column;gap:12px;}
@media(min-width:1100px){ .call-left,.call-right{overflow-y:auto;} }
.call-center{min-height:0;}
.call-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  padding:11px 13px;min-width:0;overflow:hidden;}
.call-h{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);margin:0 0 8px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.call-name{font-size:var(--t-md);font-weight:700;color:var(--text);overflow-wrap:anywhere;}
.call-stage{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;}
.call-dim{font-size:var(--t-sm);color:var(--text-dim);overflow-wrap:anywhere;}
.call-pname{font-size:var(--t-md);font-weight:600;color:var(--text);overflow-wrap:anywhere;}
.call-tel{display:inline-block;margin-top:5px;font-size:var(--t-md);font-weight:700;
  color:var(--accent);text-decoration:none;}
.call-more{margin-top:8px;padding-top:7px;border-top:1px solid var(--border);}
.call-mini{font-size:var(--t-sm);color:var(--text-dim);padding:2px 0;overflow-wrap:anywhere;}
.call-hist{padding:5px 0;border-top:1px solid var(--border);font-size:var(--t-sm);
  color:var(--text);overflow-wrap:anywhere;}
.call-hist:first-of-type{border-top:none;}
/* Poznámky — největší prvek na obrazovce */
.call-notes-h{display:flex;justify-content:space-between;align-items:baseline;
  gap:10px;margin-bottom:6px;font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-dim);}
.call-save{font-size:var(--t-xs);font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-dim);}
.call-save-bad{color:var(--danger);font-weight:700;}
.call-notes{width:100%;flex:1;min-height:240px;resize:vertical;font-size:var(--t-md);
  line-height:1.55;padding:12px 14px;border-radius:var(--r);}
@media(min-width:1100px){ .call-notes{min-height:0;} }
.call-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;}
@media(min-width:700px){ .call-qa{grid-template-columns:repeat(3,minmax(0,1fr));} }
.call-qa-b{font-size:var(--t-sm);padding:8px 4px;}
.call-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.call-chip{font-size:var(--t-xs);background:rgba(52,199,89,.15);color:var(--ok);
  border-radius:var(--r-pill);padding:2px 8px;}
.call-na{border-left:3px solid var(--accent);}
.call-na-t{font-size:var(--t-md);font-weight:600;color:var(--text);overflow-wrap:anywhere;}
.call-task{display:flex;gap:8px;align-items:flex-start;padding:5px 0;
  border-top:1px solid var(--border);min-width:0;}
.call-task:first-of-type{border-top:none;}
.call-task-t{font-size:var(--t-sm);color:var(--text);overflow-wrap:anywhere;}
.call-sum{font-size:var(--t-sm);line-height:1.5;color:var(--text);margin:0 0 8px;overflow-wrap:anywhere;}
.call-sub{font-size:var(--t-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-dim);margin:9px 0 4px;}
.call-li{font-size:var(--t-sm);line-height:1.45;color:var(--text);padding:2px 0 2px 11px;
  position:relative;overflow-wrap:anywhere;}
.call-li:before{content:"";position:absolute;left:0;top:9px;width:3px;height:3px;
  border-radius:50%;background:var(--accent);}
.call-obj{font-size:var(--t-sm);color:var(--text);padding:4px 0;font-style:italic;overflow-wrap:anywhere;}
.call-obj span{display:block;font-style:normal;margin-top:1px;}
/* Dialogy */
.call-out-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
@media(min-width:520px){ .call-out-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
.call-out-b{padding:12px 8px;border-radius:var(--r);border:1px solid var(--border);
  background:var(--surface-2);color:var(--text);font-size:var(--t-sm);font-weight:600;cursor:pointer;}
.call-out-b:hover{border-color:var(--accent-border);}
.call-out-b.on{border-color:var(--accent-border);background:rgba(52,120,246,.12);color:var(--accent);}
.call-out-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.call-note{font-size:var(--t-sm);color:var(--text-dim);margin-top:8px;line-height:1.5;}
.call-fu-done{font-size:var(--t-sm);color:var(--ok);margin-bottom:12px;}
.call-fu-item{margin-bottom:14px;}
.call-fu-item textarea,.call-fu-item input{width:100%;margin-bottom:6px;}

/* ── Denní fronta ── */
.q-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;}
.q-count{font-size:var(--t-sm);color:var(--text-dim);margin-left:auto;}
.q-list{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:1000px){ .q-list{grid-template-columns:repeat(2,minmax(0,1fr));} }
.q-card{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border);
  border-radius:var(--r);padding:12px 14px;min-width:0;overflow:hidden;}
.q-danger{border-left-color:var(--danger);}
.q-warn{border-left-color:var(--warn);}
.q-accent{border-left-color:var(--accent);}
.q-dim{color:var(--text-dim);}
.q-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:7px;}
.q-tier,.q-sil{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  border-radius:var(--r-pill);padding:2px 8px;white-space:nowrap;}
.q-t-danger{background:var(--danger-soft);color:var(--danger);}
.q-t-warn{background:rgba(255,159,10,.16);color:var(--warn);}
.q-t-accent{background:rgba(52,120,246,.14);color:var(--accent);}
.q-t-dim{background:var(--surface-3,rgba(128,128,128,.16));color:var(--text-dim);}
.q-name{font-size:var(--t-md);font-weight:700;color:var(--text);cursor:pointer;
  overflow-wrap:anywhere;line-height:1.3;}
.q-name:hover{color:var(--accent);}
.q-why{font-size:var(--t-sm);color:var(--text-dim);margin-top:2px;overflow-wrap:anywhere;}
.q-who{font-size:var(--t-sm);color:var(--text);margin-top:7px;overflow-wrap:anywhere;}
.q-tel{color:var(--accent);text-decoration:none;font-weight:600;margin-left:6px;white-space:nowrap;}
.q-meta{display:flex;flex-direction:column;gap:2px;margin-top:8px;font-size:var(--t-sm);
  color:var(--text);min-width:0;}
.q-meta span{overflow-wrap:anywhere;}
.q-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px;}
@media(min-width:520px){ .q-btns{grid-template-columns:repeat(4,minmax(0,1fr));} }
.q-btns .btn{font-size:var(--t-sm);padding:8px 4px;}
.q-skip{color:var(--text-dim);}
.q-more{font-size:var(--t-sm);color:var(--text-dim);margin-top:10px;text-align:center;}

.call-notes-h{flex-wrap:wrap;}
.call-savebtn{margin-left:auto;font-size:var(--t-sm);padding:5px 12px;letter-spacing:0;text-transform:none;}
.call-savebtn:disabled{opacity:.45;cursor:default;}
.call-save-ok{color:var(--ok);}

.call-fu-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.call-fu-btns{margin-left:auto;display:flex;gap:6px;}
.call-fu-btns .btn{font-size:var(--t-xs);padding:4px 10px;}
.call-fu-load{display:flex;align-items:center;gap:10px;font-size:var(--t-md);
  color:var(--text);margin-bottom:12px;}
.call-fu-save{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);}

  /* ═══════════════════════════════════════════════════════════════
     VIZUÁLNÍ SYSTÉM
     Jedna typografická škála, jedna mřížka, tři poloměry, tři tlačítka.
     Nic z toho nemění chování — jen to, jak produkt působí.
     ═══════════════════════════════════════════════════════════════ */

  body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
        font-feature-settings:"cv11","ss01"; letter-spacing:-0.006em; }

  /* ── Typografie: nadpisy nesou váhu, tělo dýchá ── */
  .view-title{ font-size:var(--t-2xl); font-weight:700; letter-spacing:-0.022em;
               line-height:1.15; color:var(--text); }
  .view-sub{ font-size:var(--t-sm); color:var(--text-muted); margin-top:var(--s2);
             line-height:1.5; }
  .view-header{ margin-bottom:var(--s6); align-items:flex-start; }
  .panel > h3, .drawer h3, .modal h3{
    font-size:var(--t-lg); font-weight:650; letter-spacing:-0.014em;
    line-height:1.3; margin:0 0 var(--s4); color:var(--text); }
  .cd-h, .call-h{ font-size:var(--t-sm); font-weight:650; letter-spacing:0.02em; }
  p, .muted{ line-height:1.6; }

  /* ── Plochy: víc vzduchu uvnitř, jasná mezera mezi ── */
  .panel{ border-radius:var(--r); padding:var(--s5); margin-bottom:var(--s5);
          box-shadow:var(--shadow-sm); border:1px solid var(--border); }
  .kpi-grid{ gap:var(--s3); margin-bottom:var(--s5); }
  .kpi-card{ border-radius:var(--r); padding:var(--s4) var(--s5);
             box-shadow:none; border:1px solid var(--border); }
  .kpi-label{ font-size:var(--t-xs); color:var(--text-muted); letter-spacing:0.02em; }
  .kpi-value{ font-size:var(--t-xl); font-weight:700; letter-spacing:-0.02em;
              line-height:1.2; margin-top:var(--s1); }
  .view{ padding-bottom:var(--s7); }

  /* Karty produktu — jemné zaoblení, stín jen naznačený. */
  .q2, .dg, .ck, .cp-box, .mb-card, .dl, .co-rev, .ds-c, .cal-e2, .opp-c,
  .cd-card, .call-card, .mb-head, .hero, .dial-card{
    border-radius:var(--r); }
  .q2, .dg, .ck, .ds-c, .mb-card, .hero{ box-shadow:var(--shadow-sm); }
  .q2:hover, .dg:hover, .opp-c:hover, .cal-e2:hover{ box-shadow:var(--shadow); }
  .hero{ padding:var(--s5) var(--s5) var(--s5); }
  .ck{ padding:var(--s4) var(--s5); margin-bottom:var(--s3); }
  .q2, .dg{ padding:var(--s4) var(--s5); }
  .cp-box > summary{ padding:var(--s4) var(--s5); font-size:var(--t-sm); }
  .cp-box-b{ padding:0 var(--s5) var(--s4); }

  /* ── Tlačítka: primární, sekundární, nebezpečné. Nic jiného. ── */
  .btn{ border-radius:var(--r-sm); font-size:var(--t-sm); font-weight:550;
        padding:9px 15px; letter-spacing:-0.004em;
        transition:background var(--ease), border-color var(--ease),
                   color var(--ease), box-shadow var(--ease); }
  .btn:hover{ transform:none; }
  .btn:active{ transform:translateY(0.5px); }
  .btn-primary{ background:var(--accent); border-color:var(--accent);
                color:var(--accent-text); box-shadow:none; }
  .btn-primary:hover{ background:var(--accent-bright); border-color:var(--accent-bright); }
  .btn-danger{ background:transparent; border-color:var(--danger); color:var(--danger); }
  .btn-danger:hover{ background:var(--danger-soft); }
  .call-start{ border-radius:var(--r-sm); font-size:var(--t-md); font-weight:600;
               padding:12px 18px; box-shadow:none; }
  .hero-go{ border-radius:var(--r); font-size:var(--t-lg); font-weight:700;
            letter-spacing:-0.01em; padding:var(--s4) var(--s5); }

  /* ── Pilulky a odznaky: jeden tvar, jedna velikost ── */
  .pill, .q2-b, .fj-s, .dial-chip, .opp-b, .co-priv, .cv-goal, .mb-seg{
    border-radius:var(--r-pill); font-size:var(--t-xs); font-weight:600;
    letter-spacing:0.01em; }
  .nav-badge{ background:var(--danger); border-radius:var(--r-pill);
              font-size:var(--t-xs); font-weight:650; }

  /* ── Navigace: klidnější, bez ostrého pruhu ── */
  .sidebar{ padding:var(--s5) var(--s3); background:var(--sidebar-bg); }
  .nav-item{ border-radius:var(--r-sm); font-size:var(--t-sm); padding:9px 11px;
             transition:background var(--ease), color var(--ease); }
  .nav-item.active{ background:var(--accent-soft); font-weight:600; }
  .nav-item.active::before{ display:none; }
  .brand-mark{ background:var(--accent); box-shadow:none; border-radius:var(--r-sm); }
  .brand-name{ font-size:var(--t-md); font-weight:650; letter-spacing:-0.01em; }

  /* ── Formuláře ── */
  input, select, textarea{ border-radius:var(--r-sm); font-size:var(--t-sm);
    transition:border-color var(--ease), box-shadow var(--ease); }
  input:focus, select:focus, textarea:focus{
    outline:none; border-color:var(--accent-border);
    box-shadow:0 0 0 3px var(--accent-soft); }
  .field{ margin-bottom:var(--s4); }
  .field label{ font-size:var(--t-xs); font-weight:600; color:var(--text-secondary);
                letter-spacing:0.01em; margin-bottom:var(--s2); display:block; }

  /* ── Modály a překryvy ── */
  .modal{ border-radius:var(--r); padding:var(--s6); box-shadow:var(--shadow); }
  .modal-overlay{ backdrop-filter:blur(2px); }
  .onb-card{ border-radius:var(--r); padding:var(--s6); box-shadow:var(--shadow); }

  /* ── Tabulky ── */
  table th{ font-size:var(--t-xs); font-weight:600; letter-spacing:0.03em;
            color:var(--text-muted); text-transform:uppercase; }
  table td{ font-size:var(--t-sm); }

  /* ── Animace: jen náběh a zvýraznění, 160 ms ── */
  *,*::before,*::after{ animation-duration:var(--ease) !important; }
  .view:not(.hidden){ animation:fadeIn 180ms cubic-bezier(.2,.6,.3,1); }
  @keyframes fadeIn{ from{opacity:0} to{opacity:1} }
  .q2, .dg, .ck, .cal-e2, .opp-c, .nav-item, .btn, .cp-box{
    transition:all var(--ease); }

  /* ── Ikony: stejná velikost, stejná optická váha ── */
  .nav-icon, .dg-i, .ck-k, .fl-i, .cv-i{ font-size:var(--t-md); line-height:1; }
  .dg-i, .fl-i{ opacity:.85; }


  /* ═══════════════════════════════════════════════════════════════
     VISUAL SYSTEM 1.0
     Jeden systém karet, jeden rytmus, jeden hover. Nic z toho nemění
     chování — jen odstraňuje rozdíly, které nikdo nezamýšlel.
     ═══════════════════════════════════════════════════════════════ */

  /* ── 11 · Sidebar jako rám aplikace ── */
  .sidebar{ background:var(--sidebar-bg); border-right:1px solid var(--sb-border);
            padding:var(--s5) var(--s3) var(--s4); gap:1px; }
  .sidebar .brand-name{ color:var(--sb-text-hi); }
  .sidebar .brand-sub,.sidebar .nav-group-label{ color:var(--sb-text); opacity:.75; }
  .nav-item{ color:var(--sb-text); }
  .nav-item:hover{ background:var(--sb-hover); color:var(--sb-text-hi); }
  .nav-item.active{ background:var(--sb-active); color:var(--sb-active-text); }
  .nav-item.active .nav-icon{ color:var(--sb-active-text); }
  .nav-more{ color:var(--sb-text); }
  .nav-more:hover{ background:var(--sb-hover); color:var(--sb-text-hi); }
  .sidebar .icon-btn,.sidebar .user-chip,.sidebar .build-stamp{ color:var(--sb-text); }
  .sidebar .user-chip:hover{ background:var(--sb-hover); }
  .nav-icon{ color:var(--sb-text); opacity:.7; }
  .sidebar-footer,.sidebar-footer *{ color:var(--sb-text); }
  .sidebar-footer{ border-top:1px solid var(--sb-border); }
  .sidebar .brand{ border-bottom:1px solid var(--sb-border); }
  .nav-group-label{ color:var(--sb-text); }
  .nav-item.active .nav-icon,.nav-item:hover .nav-icon{ opacity:1; }

  /* ── 3 · Jeden systém karet ── */
  .panel,.kpi-card,.q2,.dg,.ck,.cp-box,.mb-card,.dl,.co-rev,.ds-c,.cal-e2,
  .opp-c,.cd-card,.call-card,.mb-head,.hero,.dial-card,.q-card,.mi-row,
  .co-goal,.co-lesson,.de,.de-next,.prop-row,.task-row,.tl-item{
    border-radius:var(--r);
    border:1px solid var(--border);
    background:var(--surface);
    box-shadow:none;
  }
  .panel,.hero,.q2,.dg,.ck,.ds-c,.mb-card,.opp-c,.cal-e2,.de{
    box-shadow:var(--shadow-sm); }
  .tl-item,.task-row,.prop-row{ box-shadow:none; }

  /* ── 2 · Rytmus: jedno odsazení, jedna mezera ── */
  .main{ padding:var(--s6) var(--s6) var(--s7); }
  .view-header{ margin-bottom:var(--s6); }
  .panel{ padding:var(--s5); margin-bottom:var(--s5); }
  .panel > h3{ margin-bottom:var(--s4); }
  .q-list,.dgs,.opp-g,.ob-segs{ gap:var(--s3); }
  .kpi-grid{ gap:var(--s3); margin-bottom:var(--s5); }
  .filterbar{ gap:var(--s2); margin-bottom:var(--s4); padding:var(--s3);
              border-radius:var(--r); background:var(--surface); border:1px solid var(--border); }
  .tl-item,.task-row,.prop-row{ padding:var(--s3) var(--s4); margin-bottom:var(--s2); }

  /* ── 7 · Tři tlačítka, jedna výška ── */
  .btn,.btn-primary,.btn-danger{ height:36px; padding:0 var(--s4);
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    border-radius:var(--r-sm); font-size:var(--t-sm); font-weight:550;
    border:1px solid var(--border-strong); background:var(--surface);
    color:var(--text); cursor:pointer; white-space:nowrap; }
  .btn:hover{ background:var(--surface-2); border-color:var(--border-strong); }
  .btn-primary{ background:var(--accent); border-color:var(--accent); color:var(--accent-text); }
  .btn-primary:hover{ background:var(--accent-bright); border-color:var(--accent-bright); }
  .btn-danger{ background:var(--surface); border-color:var(--danger); color:var(--danger); }
  .btn-danger:hover{ background:var(--danger-soft); }
  .btn:disabled,.btn[disabled]{ opacity:.45; cursor:not-allowed; }
  .call-start,.hero-go{ height:auto; }

  /* ── 8 · Inputy: jedna výška, jeden focus ── */
  input:not([type=checkbox]):not([type=radio]),select,textarea{
    min-height:36px; padding:0 var(--s3); border-radius:var(--r-sm);
    border:1px solid var(--border-strong); background:var(--surface);
    color:var(--text); font-size:var(--t-sm); font-family:inherit; }
  textarea{ padding:var(--s3); min-height:72px; line-height:1.6; }
  input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--accent);
    box-shadow:0 0 0 3px var(--accent-soft); }
  input::placeholder,textarea::placeholder{ color:var(--text-muted); }

  /* ── 9 · Hover: zesvětlení a náznak stínu. Nic víc. ── */
  .q2:hover,.dg:hover,.opp-c:hover,.cal-e2:hover,.ds-c:hover,.mi-row:hover{
    background:var(--surface); border-color:var(--border-strong);
    box-shadow:var(--shadow); }
  .task-row:hover,.tl-item:hover,.prop-row:hover{ background:var(--surface-2); }
  *:hover{ transition-duration:160ms; }

  /* ── 14 · Prázdné stavy: klidné, ne omluvné ── */
  .empty-state{ padding:var(--s7) var(--s5); text-align:center;
    color:var(--text-secondary); font-size:var(--t-sm); line-height:1.6; }
  .empty-state .empty-icon{ display:block; font-size:var(--t-2xl); opacity:.28;
    margin-bottom:var(--s3); font-weight:300; }
  .kcol-empty{ padding:var(--s4); border:1px dashed var(--border);
    border-radius:var(--r); color:var(--text-muted); }

  /* ── 15 · Skeleton místo blikání ── */
  .skeleton-overlay{ padding:var(--s6); }
  .sk-line,.sk-card{ background:linear-gradient(90deg,var(--surface-2) 25%,
      var(--surface-3) 37%,var(--surface-2) 63%);
    background-size:400% 100%; animation:skShimmer 1200ms ease-in-out infinite;
    border-radius:var(--r-sm); }
  .sk-card{ height:76px; border-radius:var(--r); margin-bottom:var(--s3); }
  .sk-line{ height:12px; margin-bottom:var(--s2); }
  @keyframes skShimmer{ 0%{background-position:100% 50%} 100%{background-position:0 50%} }

  /* ── 13 · Fokus: jedna dominantní věc ── */
  .hero-go,.ck-goal,.dial-go,.q2-go{ position:relative; }
  .view-header .btn:not(.btn-primary){ opacity:.9; }

  /* ── 16 · Stejný pocit na menších obrazovkách ── */
  @media(max-width:1100px){
    .main{ padding:var(--s5) var(--s4) var(--s6); }
    .view-title{ font-size:var(--t-xl); }
    .panel{ padding:var(--s4); }
  }

  /* ── Výjimky: co má mít barvu, si ji nechá ──
     Plošný systém karet by jinak přebil akcenty, protože stojí v souboru
     později. Tohle je jediné místo, kde smí být karta jiná — a vždycky
     proto, že ta barva nese význam. */
  .ck-goal{ background:var(--accent-soft); border-color:var(--accent-border); }
  .co-goal,.de-next,.mb-goal,.mb-chg,.dial-end-next{
    background:var(--accent-soft); border:1px solid var(--accent-border); }
  .co-lesson{ background:var(--surface-2); border:1px solid var(--border); }
  .deal-banner.warn{ background:var(--warn-soft); border:1px solid var(--warn); }
  .deal-banner.lost{ background:var(--danger-soft); border:1px solid var(--danger); }
  .ck-warn{ border-left:3px solid var(--warn); }
  .ck-ok{ border-left:3px solid var(--accent); }
  .dg-critical{ border-left:3px solid var(--danger); }
  .dg-planned{ border-left:3px solid var(--warn); }
  .dg-optional{ border-left:3px solid var(--accent); }
  .q2-critical{ border-left:3px solid var(--danger); }
  .q2-planned{ border-left:3px solid var(--warn); }
  .q2-optional{ border-left:3px solid var(--accent); }
  .dl-green{ border-left:3px solid var(--accent); }
  .dl-amber{ border-left:3px solid var(--warn); }
  .dl-red{ border-left:3px solid var(--danger); }
  .cal-e2.overdue{ border-left:3px solid var(--danger); }
  .cal-e2.is-done,.cal-entry.is-done{ opacity:.45; }
  .opp-def{ border-color:var(--accent-border); }
  .cp-card,.cv-card{ border-color:var(--accent-border); }
  .prop-row{ border-left:3px solid var(--accent); }
  /* Karty s barevným levým pruhem nesmí mít zaoblený jen ten okraj. */
  .ck-warn,.ck-ok,.dg-critical,.dg-planned,.dg-optional,
  .q2-critical,.q2-planned,.q2-optional,
  .dl-green,.dl-amber,.dl-red,.cal-e2.overdue,.prop-row{
    border-top-left-radius:var(--r); border-bottom-left-radius:var(--r); }

  /* ── 17 · Konzistence: žádné zbytky ── */
  .pill,.q2-b,.fj-s,.opp-b,.co-priv,.cv-goal,.mb-seg,.dial-chip{
    border:0; padding:3px 9px; line-height:1.6; }
  hr,.divider{ border:0; border-top:1px solid var(--border); margin:var(--s5) 0; }
  ::selection{ background:var(--accent-soft); color:var(--text); }


  .dial-step-st{ display:flex; align-items:center; justify-content:center;
    gap:8px; margin:10px 0 2px; }
  .dial-step-n{ display:flex; align-items:baseline; justify-content:center;
    gap:8px; margin:8px 0 2px; font-size:var(--t-sm); color:var(--text-secondary); }

  /* ── Akademie: čtyři obrazovky, vzduch, žádné LMS ── */
  .acad{ max-width:760px; }
  .acad-head{ display:flex; align-items:center; justify-content:space-between;
    gap:12px; margin-bottom:var(--s4); font-size:var(--t-sm); color:var(--text-secondary); }
  .acad-hint{ background:var(--accent-soft); border:1px solid var(--accent-border);
    border-radius:var(--r-sm); padding:10px 14px; margin-bottom:var(--s4);
    font-size:var(--t-sm); }
  .acad-hint a{ color:var(--accent); font-weight:600; text-decoration:none; }
  .acad-row{ display:flex; align-items:center; gap:14px; padding:14px 16px;
    border:1px solid var(--border); border-radius:var(--r); margin-bottom:8px;
    background:var(--surface); cursor:pointer; transition:box-shadow var(--ease); }
  .acad-row:hover{ box-shadow:var(--shadow-sm); }
  .acad-off{ cursor:default; opacity:.55; }
  .acad-off:hover{ box-shadow:none; }
  .acad-no{ flex:none; width:30px; height:30px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--surface-2); font-weight:700; font-size:var(--t-sm); }
  .acad-tt{ min-width:0; display:flex; flex-direction:column; gap:2px; }
  .acad-why{ font-size:var(--t-sm); color:var(--text-secondary); font-weight:400; }
  .acad-st{ margin-left:auto; flex:none; font-size:var(--t-xs); font-weight:700;
    color:var(--accent); }
  .acad-soon{ color:var(--text-muted); font-weight:400; }
  .acad-crumb{ font-size:var(--t-xs); font-weight:700; letter-spacing:.07em;
    text-transform:uppercase; color:var(--text-muted); margin-bottom:var(--s3); }
  .acad-body{ line-height:1.7; color:var(--text); margin:var(--s3) 0 var(--s4); }
  .acad-src{ font-size:var(--t-xs); color:var(--text-muted); margin-bottom:var(--s4); }
  .acad-act{ display:flex; gap:10px; justify-content:flex-end; margin-top:var(--s4); }
  .acad-sit{ background:var(--surface-2); border-radius:var(--r-sm);
    padding:var(--s3) var(--s4); margin-bottom:var(--s4); line-height:1.6; }
  .acad-sit .fm-cap,.acad-model .fm-cap{ display:block; margin-bottom:4px; }
  .acad-task{ font-size:var(--t-sm); color:var(--text-secondary); margin-bottom:8px; }
  .acad-ans{ width:100%; font-size:var(--t-md); line-height:1.6; padding:12px 14px;
    border-radius:var(--r-sm); resize:vertical; box-sizing:border-box; }
  .acad-verdict{ font-size:var(--t-lg); font-weight:700; margin-bottom:var(--s3); }
  .acad-pass{ color:var(--accent); }
  .acad-retry{ color:var(--warn); }
  .acad-check{ padding:4px 0; font-size:var(--t-sm); }
  .acad-check.okk{ color:var(--text-secondary); }
  .acad-check.bad{ color:var(--danger); }
  .acad-model{ background:var(--accent-soft); border:1px solid var(--accent-border);
    border-radius:var(--r-sm); padding:var(--s3) var(--s4); margin-top:var(--s4);
    line-height:1.6; }
  .acad-note{ display:block; margin-top:6px; font-size:var(--t-sm);
    color:var(--text-secondary); }
  .acad-sim-h{ display:flex; flex-direction:column; gap:2px; margin:var(--s5) 0 var(--s3);
    font-weight:700; font-size:var(--t-md); }
  .sim-goal{ background:var(--surface-2); border-radius:var(--r-sm);
    padding:8px 14px; margin-bottom:var(--s4); font-size:var(--t-sm); }
  .sim-goal .fm-cap{ margin-right:8px; }
  .sim-log{ display:flex; flex-direction:column; gap:8px; margin-bottom:var(--s4); }
  .sim-line{ max-width:82%; padding:9px 13px; border-radius:var(--r-sm);
    font-size:var(--t-md); line-height:1.55; position:relative; }
  .sim-k{ align-self:flex-start; background:var(--surface-2);
    border:1px solid var(--border); }
  .sim-o{ align-self:flex-end; background:var(--accent-soft);
    border:1px solid var(--accent-border); }
  .sim-who{ display:block; font-size:9px; font-weight:700; letter-spacing:.08em;
    color:var(--text-muted); margin-bottom:2px; }
  .sim-task{ font-size:var(--t-sm); font-weight:700; color:var(--text-secondary);
    margin:var(--s3) 0 8px; }
  .sim-choices{ display:flex; flex-direction:column; gap:8px; margin-bottom:var(--s3); }
  .sim-choice{ text-align:left; padding:11px 14px; border-radius:var(--r-sm);
    border:1px solid var(--border-strong); background:var(--surface);
    font-size:var(--t-md); line-height:1.5; cursor:pointer; color:var(--text);
    transition:background var(--ease), border-color var(--ease); }
  .sim-choice:hover{ background:var(--accent-soft); border-color:var(--accent-border); }
  .sim-src{ color:var(--text-muted); font-weight:400; font-size:var(--t-xs); }
  .sim-fix{ margin:3px 0 0 18px; font-size:var(--t-sm); color:var(--text-secondary); }
  .acad-end{ text-align:center; padding:var(--s7) var(--s5); }
  .acad-endi{ width:44px; height:44px; border-radius:50%; background:var(--accent);
    color:#fff; display:flex; align-items:center; justify-content:center;
    font-size:20px; margin:0 auto var(--s4); }

  /* ── Pracoviště: vlevo práce, vpravo podklady ── */
  /* CALLLAYOUT: dva sloupce — vlevo Poznámky/Kde jsem/Copilot,
     vpravo kroky 1–9 + Aktuálně/Cíl/Co udělat/Poslední kontakt. */
  .cw2{ grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr);
    grid-template-rows:auto minmax(0,1fr);
    grid-template-areas:none;
    gap:14px; padding:14px 18px; }
  .cw2 .cw-who{ grid-column:1 / -1; }
  .cw2 .cw-left,.cw2 .cw-right{ min-width:0; min-height:0; display:flex;
    flex-direction:column; gap:10px; overflow-y:auto; }
  .cw2 .cw-left .cw-notes{ flex:1 1 auto; min-height:0; }
  .cw2 .cw-left .call-notes{ font-size:var(--t-md); line-height:1.7; }
  .cw-ctx{ min-width:0; }
  .cw-docs{ min-width:0; min-height:0; overflow-y:auto;
    display:flex; flex-direction:column; gap:10px; }
  /* pravá zóna je pomocník — o stupeň tišší než pracovní plocha */
  .cw-docs .call-card,.cw-ctx .call-card{ background:var(--surface); }
  .fu-card{ padding:var(--s3) var(--s4); }
  .fu-t{ font-size:var(--t-sm); line-height:1.6; padding:10px 12px;
    border-radius:var(--r-sm); resize:vertical; }
  .fu-row{ margin-bottom:var(--s3); }
  .dial-wide{ max-width:1100px; }
  .dial-wide .fu-t{ font-size:var(--t-md); }
  @media(max-width:1100px){
    .cw2{ grid-template-columns:minmax(0,1fr); grid-template-rows:auto; }
    .cw2 .cw-left,.cw2 .cw-right{ display:contents; }
    .cw2 .cw-who{ order:0; }
    .cw2 .cw-notes{ order:1; min-height:240px; flex:none; }
    .cw2 #convPanel{ order:2; }
    .cw2 #dialOutBar{ order:3; }
    .cw2 #cpPanel{ order:4; }
    .cw2 #cwCtx{ order:5; }
    .cw2 #cwDocs{ order:6; }
    .cw2 .cw-fin .dial-out{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  }

  .task-note{ font-size:var(--t-xs); color:var(--text-muted); line-height:1.35;
    margin:1px 0 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  /* ── Jeden pracovní seznam: čas a urgence na kartě ── */
  .dg-h{ margin:0 0 var(--s3); font-size:var(--t-lg); }
  .dg-time{ font-variant-numeric:tabular-nums; }
  .dg-ub{ margin-left:8px; font-size:var(--t-xs); font-weight:700;
    border-radius:var(--r-pill); padding:2px 9px; white-space:nowrap; }
  .dg-ub-w{ background:var(--warn-soft); color:var(--warn); }
  .dg-ub-c{ background:var(--danger); color:#fff; }
  .dg-ub-p{ background:var(--surface-2); color:var(--text-muted); }
  .dg-uu{ border-color:var(--warn) !important; }
  .dg-uc{ border-color:var(--danger) !important; background:var(--danger-soft);
    box-shadow:0 0 0 1px var(--danger), var(--shadow-sm); }
  .dg-task .task-check{ width:22px; height:22px; }

  /* ── Focus Mode: kde jsem → kam mám dojít ── */
  .fm-jump{ display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    margin-bottom:var(--s3); }
  .fm-cap{ font-size:10px; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; color:var(--text-muted); }
  .fm-stage{ font-size:var(--t-sm); font-weight:650; color:var(--text);
    background:var(--surface-2); border:1px solid var(--border);
    border-radius:var(--r-pill); padding:3px 12px; }
  .fm-stage.fm-next{ background:var(--accent-soft); border-color:var(--accent-border);
    color:var(--accent); }
  .fm-arrow{ color:var(--text-muted); }
  .fm-goal{ margin:var(--s3) 0; padding:var(--s3) var(--s4);
    background:var(--accent-soft); border:1px solid var(--accent-border);
    border-radius:var(--r-sm); }
  .fm-goal b{ display:block; font-size:var(--t-md); color:var(--text); margin-top:2px; }
  .fm-sub{ display:block; font-size:var(--t-sm); color:var(--text-secondary); margin-top:2px; }
  .fm-sec{ display:flex; gap:10px; align-items:baseline; padding:5px 0;
    font-size:var(--t-sm); color:var(--text-secondary); }
  .fm-sec .fm-cap{ flex:none; width:104px; }

  /* ── Otazník s vysvětlením — najetí myší nebo fokus ── */
  .help-tip{ position:relative; display:inline-flex; align-items:center; justify-content:center;
    width:16px; height:16px; border-radius:50%; border:1px solid var(--border-strong);
    color:var(--text-muted); font-size:10px; font-weight:700; cursor:help;
    vertical-align:middle; margin-left:6px; background:var(--surface); flex:none; }
  .help-tip:hover,.help-tip:focus{ color:var(--accent); border-color:var(--accent-border); outline:none; }
  .help-pop{ position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%);
    width:290px; background:var(--surface); border:1px solid var(--border-strong);
    border-radius:var(--r-sm); box-shadow:var(--shadow); padding:12px 14px;
    font-size:var(--t-sm); font-weight:400; line-height:1.55; color:var(--text-secondary);
    text-align:left; opacity:0; visibility:hidden; transition:opacity var(--ease);
    z-index:220; pointer-events:none; white-space:normal; cursor:default; }
  .help-tip:hover .help-pop,.help-tip:focus .help-pop{ opacity:1; visibility:visible; }
  .help-pop b{ color:var(--text); }
  .help-pop .hp-consent{ display:block; margin-top:8px; padding-top:8px;
    border-top:1px solid var(--border); }
  .help-pop-up{ top:auto; bottom:calc(100% + 8px); }
  .fj .help-tip{ margin-left:2px; }
  .fl .help-tip{ margin-left:8px; }
  /* HOTFIX: modál má overflow-y:auto a absolutní popup klipnul. Zdrojový
     .help-pop je jen nosič textu; zobrazuje se plovoucí kopie u <body>,
     kterou žádný rodič oříznout nemůže. */
  .help-pop{ display:none !important; }
  .help-pop-float{ position:fixed; z-index:400;
    max-height:calc(100vh - 16px); overflow-y:auto;
    width:min(320px, calc(100vw - 24px));
    background:var(--surface); border:1px solid var(--border-strong);
    border-radius:var(--r-sm); box-shadow:var(--shadow); padding:12px 14px;
    font-size:var(--t-sm); font-weight:400; line-height:1.55;
    color:var(--text-secondary); text-align:left; white-space:normal;
    pointer-events:none; }
  .help-pop-float b{ color:var(--text); }
  .help-tip-big{ width:22px; height:22px; font-size:13px;
    border-color:var(--warn); color:var(--warn); background:var(--warn-soft); }
  .help-tip-big:hover,.help-tip-big:focus{ color:var(--warn); border-color:var(--warn); }
  .help-pop-float .hp-consent{ display:block; margin-top:8px; padding-top:8px;
    border-top:1px solid var(--border); }

  /* ═══ VISUAL DEPTH — atmosféra, ne efekty ═══
     Pozadí není plocha, je to prostor: nahoře jemné světlo, dole
     o vlas tmavěji. Ukotvené (fixed), takže se pod obsahem nehýbe. */
  body{
    background:
      radial-gradient(1100px 560px at 30% -12%, #FFFFFF 0%, rgba(255,255,255,0) 62%),
      linear-gradient(180deg, #F7F8FE 0%, #EAEDF8 100%);
    background-attachment:fixed;
  }
  body[data-theme="dark"]{
    background:
      radial-gradient(1100px 560px at 30% -12%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 62%),
      linear-gradient(180deg, #1B1E31 0%, #12131F 100%);
    background-attachment:fixed;
  }
  /* Celoplošná překrytí nesou stejnou atmosféru jako plátno — ukotvený
     přechod se kryje s tím pod ním, takže otevření hovoru nic „necvakne". */
  .skeleton-overlay,.call-overlay{
    background:
      radial-gradient(1100px 560px at 30% -12%, #FFFFFF 0%, rgba(255,255,255,0) 62%),
      linear-gradient(180deg, #F7F8FE 0%, #EAEDF8 100%);
    background-attachment:fixed;
  }
  body[data-theme="dark"] .skeleton-overlay,
  body[data-theme="dark"] .call-overlay{
    background:
      radial-gradient(1100px 560px at 30% -12%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 62%),
      linear-gradient(180deg, #1B1E31 0%, #12131F 100%);
    background-attachment:fixed;
  }
  /* ═══ MIKROINTERAKCE — „reaguje na mě", ne „poskakuje" (6.8.0) ═══
     Krátké přechody (80–220 ms), zdvihy max 3 px / scale 1.06 (4× intenzita, schváleno),
     žádné herní prvky. Celé vypnutelné přes prefers-reduced-motion. */
  .btn,.icon-btn{ transition:transform 160ms cubic-bezier(.2,.6,.3,1),
    box-shadow 160ms cubic-bezier(.2,.6,.3,1),
    background 160ms cubic-bezier(.2,.6,.3,1),
    border-color 160ms cubic-bezier(.2,.6,.3,1),
    filter 160ms cubic-bezier(.2,.6,.3,1); }
  .btn:hover,.icon-btn:hover{ transform:translateY(-2px) scale(1.06);
    box-shadow:var(--shadow); filter:brightness(1.08);
    position:relative; z-index:2; }
  .btn:active,.icon-btn:active{ transform:translateY(0) scale(.98);
    transition-duration:80ms; }
  .btn:disabled:hover{ transform:none; box-shadow:none; filter:none; }
  /* FIX_CLOSE: zavírací X detailu firmy je position:absolute. Globální
     hover rule ho přepínal na position:relative + transform (scale/lift),
     což ho vracelo do toku a roztřáslo celý panel. Tady jen u tohoto
     tlačítka rušíme přesun/přepnutí — barva/box-shadow zůstávají. */
  .icon-btn.drawer-close:hover,
  .icon-btn.drawer-close:focus,
  .icon-btn.drawer-close:active{ position:absolute; transform:none; z-index:auto; }
  .btn-primary:hover{ box-shadow:0 0 0 2px var(--accent-border),
    0 10px 24px rgba(145,132,217,.35); }

  /* karty odpovědí (drilly i simulace): „tady si vybírám svou reakci" */
  .sim-choice{ transition:transform 180ms cubic-bezier(.2,.6,.3,1),
    box-shadow 180ms cubic-bezier(.2,.6,.3,1),
    background 180ms cubic-bezier(.2,.6,.3,1),
    border-color 180ms cubic-bezier(.2,.6,.3,1); }
  .sim-choice:hover{ transform:translateY(-3px) scale(1.03);
    border-color:var(--accent); position:relative; z-index:1;
    box-shadow:0 0 0 1px var(--accent-border), 0 12px 26px rgba(0,0,0,.16); }
  .sim-choice:active{ transform:translateY(0) scale(.99); transition-duration:90ms; }

  /* řádky kapitol v Akademii dýchají s kurzorem */
  .acad-row{ transition:transform 160ms cubic-bezier(.2,.6,.3,1),
    box-shadow 160ms cubic-bezier(.2,.6,.3,1); }
  .acad-row:hover{ transform:translateY(-2px); box-shadow:var(--shadow-sm); }
  .acad-off:hover{ transform:none; }

  /* verdikt: krátká pozitivní mikroanimace / jemná reakce — žádný shake,
     žádné blikání, žádné konfety */
  @keyframes acadPassIn{ from{ opacity:0; transform:translateY(4px) scale(.98); }
    to{ opacity:1; transform:none; } }
  @keyframes acadSoftIn{ from{ opacity:0; transform:translateY(2px); }
    to{ opacity:1; transform:none; } }
  .acad-verdict.acad-pass{ animation:acadPassIn 220ms cubic-bezier(.2,.6,.3,1); }
  .acad-verdict.acad-retry{ animation:acadSoftIn 200ms ease-out; }
  .acad-check,.acad-model,.sim-fix{ animation:acadSoftIn 200ms ease-out; }

  /* postup se posouvá plynule — bar-fill má width transition od 6.8.0
     potvrzeně i tady, kdyby se track někdy přestyloval */
  .bar-fill{ transition:width .35s ease; }

  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{ transition-duration:.01ms !important;
      animation-duration:.01ms !important;
      animation-iteration-count:1 !important; scroll-behavior:auto !important; }
  }
  /* manažerský kontext — interní zápisky vedení */
  .mgr-ctx{ margin-top:var(--s4); }
  .mgr-note{ border-left:2px solid var(--accent-border); padding:8px 0 8px 12px;
    margin-bottom:10px; font-size:var(--t-sm); line-height:1.55; }
  .mgr-note-h{ font-size:var(--t-xs); color:var(--text-muted); margin-bottom:3px; }
  .mgr-task{ display:flex; align-items:center; gap:12px; padding:9px 0;
    border-bottom:1px solid var(--border); font-size:var(--t-sm); }
  .mgr-task:last-child{ border-bottom:0; }
  .mgr-task-d{ flex:none; width:132px; color:var(--text-muted); font-size:var(--t-xs); }
  .mgr-task-t{ flex:1; }
  .mgr-done{ opacity:.55; }
  .mgr-done .mgr-task-t{ text-decoration:line-through; }

  /* doporučené tréninky — dva stavy vedle sebe, nikdy splynuté */
  .mgr-tr{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    padding:9px 0; border-bottom:1px solid var(--border); font-size:var(--t-sm); }
  .mgr-tr-t{ flex:1; min-width:220px; }
  .mgr-tr-k{ flex:none; font-size:var(--t-xs); color:var(--text-muted);
    border:1px solid var(--border); border-radius:var(--r-pill); padding:1px 9px; }
  .mgr-tr-s{ flex:none; font-size:var(--t-xs); font-weight:700;
    border-radius:var(--r-pill); padding:2px 10px; background:var(--surface-2); }
  .mgr-s-passed{ color:var(--ok); background:var(--ok-soft); }
  .mgr-s-retry{ color:var(--warn); background:var(--warn-soft); }
  .mgr-s-open{ color:var(--text-secondary); }
  .mgr-s-none{ color:var(--text-muted); }
  .mgr-tr-m{ flex:none; font-size:var(--t-xs); color:var(--text-muted); }
  .mgr-hint{ background:var(--accent-soft); border:1px solid var(--accent-border);
    border-radius:var(--r-sm); padding:10px 12px; margin-bottom:12px;
    font-size:var(--t-sm); display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
  .mgr-pick{ display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap; }

  /* doporučení od manažera v Akademii */
  .acad-rec-h{ font-size:var(--t-md); font-weight:600; margin:0 0 8px; }
  .acad-rec{ border:1px solid var(--accent-border); background:var(--accent-soft);
    border-radius:var(--r); padding:12px 14px; margin-bottom:8px; }
  .acad-rec-t{ font-weight:600; display:flex; align-items:center; gap:10px;
    flex-wrap:wrap; margin-bottom:4px; }
  .acad-rec-m{ font-size:var(--t-sm); color:var(--text-secondary); margin-bottom:10px; }
  .acad-rec-a{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
  .mgr-tr-w{ flex-basis:100%; font-size:var(--t-xs); color:var(--text-secondary); }

  /* úprava kontaktu — tichá akce vedle údajů, ne další tlačítko do popředí */
  .ct-edit{ background:none; border:0; padding:0; cursor:pointer;
    color:var(--text-muted); font-size:var(--t-xs); text-decoration:underline;
    text-underline-offset:2px; }
  .ct-edit:hover{ color:var(--accent); }
  .ct-del-row{ display:flex; justify-content:flex-end; margin:-4px 0 10px; }

  /* přepínač obchodníka v hlavičce DNES */
  .dh-rep{ display:flex; align-items:center; gap:8px; margin:6px 0 2px; }
  .dh-rep-l{ font-size:var(--t-sm); color:var(--text-secondary); }

  /* ═══ OHRANIČENÍ — podpis systému: obrys a prstenec, ne výplň ═══ */
  :focus{outline:none;}
  :focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
  ::selection{background:rgba(145,132,217,.30);}
  input,textarea,select{caret-color:var(--accent);}

  /* ═══ ORBITA MOBILE — UI-only responsive patch (≤ 767px) ═══
     Desktop/tablet od 768px vizuálně beze změny: všechna pravidla žijí
     VÝHRADNĚ uvnitř media queries + jediný řádek skrývající hamburger. */
  #mobileNavBtn{display:none;}
  @media (max-width: 767px){
    html, body{overflow-x:hidden;}
    body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}
    #mobileNavBtn{display:inline-flex;align-items:center;justify-content:center;
      min-width:44px;min-height:44px;font-size:20px;flex:none;}
    /* SIDEBAR: off-canvas panel, otevírá hamburger, zavírá klik mimo */
    .sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(280px,84vw);
      transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;
      padding-bottom:calc(18px + env(safe-area-inset-bottom));}
    body.m-nav-open .sidebar{transform:translateX(0);}
    body.m-nav-open::after{content:"";position:fixed;inset:0;
      background:rgba(0,0,0,.35);z-index:59;}
    .nav-item{min-height:44px;}
    /* TOPBAR: zalomení místo přetékání */
    .topbar{height:auto;min-height:56px;flex-wrap:wrap;padding:8px 10px;gap:8px;}
    .search-box{min-width:0;flex:1 1 150px;}
    .filter-search{min-width:0;flex:1 1 150px;}
    .filter-bar, .view-head{flex-wrap:wrap;}
    /* DASHBOARD/REPORTING: jeden sloupec, plná šířka */
    .kpi-grid{grid-template-columns:1fr;}
    .field-grid{grid-template-columns:1fr;}
    /* FORMULÁŘE: nikdy nepřetékat */
    input, select, textarea{max-width:100%;box-sizing:border-box;}
    .field input, .field select, .field textarea{width:100%;}
    /* MODALY */
    .modal{width:auto;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);
      overflow-y:auto;}
    .modal-overlay{padding:12px;}
    .modal-actions .btn{min-height:44px;}
    /* KARTA FIRMY (drawer) přes celý telefon */
    .drawer{width:100vw;max-width:100vw;}
    /* SEZNAM FIREM: tabulka → karty (vše zůstává, klik firmu otevírá) */
    #view-list table, #view-list tbody, #view-list tr, #view-list td{
      display:block;width:100%;box-sizing:border-box;}
    #view-list thead{display:none;}
    #view-list tbody tr{border:1px solid var(--border);border-radius:var(--r-sm);
      margin-bottom:8px;padding:8px 10px;background:var(--surface);}
    #view-list td{border:none;padding:2px 0;white-space:normal;}
    #view-list td:first-child{font-weight:700;}
    /* ADMIN POZNÁMKY: tabulka → karty, select na celý prst */
    .pn-admin table, .pn-admin tbody, .pn-admin tr, .pn-admin td{
      display:block;width:100%;box-sizing:border-box;}
    .pn-admin thead{display:none;}
    .pn-admin tbody tr{border:1px solid var(--border);border-radius:var(--r-sm);
      margin-bottom:8px;padding:8px 10px;background:var(--surface);}
    .pn-admin td{border:none;padding:2px 0;}
    .pn-admin select{width:100%;min-height:44px;}
    /* OSTATNÍ široké tabulky: vnitřní scroll kontejneru, ne celé stránky */
    #view-reporting table, #view-obchodnici table, #view-akademie table{
      display:block;overflow-x:auto;max-width:100%;}
    /* KALENDÁŘ: mřížka → denní agenda (logika i data beze změny) */
    .cal-head{display:none;}
    .cal-grid{display:block;}
    .cal-cell{min-height:0;margin-bottom:8px;overflow:visible;}
    .cal-cell.is-out{display:none;}
    .cal-cell:not(.is-today):not(:has(.cal-entry)){display:none;}
    .cal-daynum{font-size:var(--t-md);}
    .cal-entry{white-space:normal;min-height:36px;display:flex;align-items:center;}
    /* DNES/ÚKOLY: jeden sloupec, dotyková tlačítka */
    .dgs{grid-template-columns:minmax(0,1fr);}
    .task-row{flex-wrap:wrap;}
    .task-check{min-width:32px;min-height:32px;}
    .btn{min-height:40px;}
    /* PIPELINE: sloupec ≈ obrazovka, swipe uvnitř .kanban (vnitřní scroll) */
    .kcol{flex:0 0 86vw;}
    /* POZNÁMKY K ORBITĚ */
    .pn-box textarea{min-height:120px;}
    .pn-row{flex-wrap:wrap;}
    .pn-row .btn{flex:1 1 100%;min-height:44px;}
    /* pravý panel DNES pod obsah */
    .ds{width:100%;}
  }
  @media (max-width: 480px){
    .topbar .btn{flex:1 1 46%;}
    .kcol{flex:0 0 92vw;}
  }

  /* ═══ POZNÁMKY K ORBITĚ (NOTES) ═══ */
  .pn-box{margin:0 0 16px;border:1px solid var(--border);border-radius:var(--r-sm);
    padding:8px 12px;font-size:var(--t-sm);color:var(--text-secondary);}
  .pn-box summary{cursor:pointer;font-weight:600;color:var(--text);padding:7px 0;}
  .pn-box summary:focus-visible{outline:2px solid var(--border-strong);outline-offset:4px;}
  .pn-row{flex-wrap:wrap;}
  .pn-body{margin-top:8px;}
  .pn-box textarea{width:100%;padding:9px 10px;border:1px solid var(--border-strong);
    border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font:inherit;}
  .pn-row{display:flex;align-items:center;gap:10px;margin-top:6px;}
  .pn-saved{color:var(--ok);font-size:var(--t-xs);font-weight:600;}
  .pn-note{margin-top:8px;line-height:1.45;}
  .pn-st{font-size:var(--t-xs);font-weight:700;border-radius:var(--r-pill);
    padding:1px 8px;margin-right:4px;}
  .pn-open{background:var(--warn-soft);color:var(--warn);}
  .pn-implemented{background:var(--ok-soft);color:var(--ok);}
  .pn-dismissed{background:var(--bg-soft);color:var(--text-muted);}
  .pn-date{color:var(--text-muted);font-size:var(--t-xs);margin-right:2px;}
  .pn-admin{margin-top:16px;}

  /* ═══ ONLINE PILOT — SUPABASE AUTH ═══ */
  body.auth-loading .app{display:none !important;}
  #orbitaAuthOverlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
    background:var(--bg);padding:24px;}
  #orbitaAuthOverlay[hidden]{display:none !important;}
  .orbita-auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);
    border-radius:var(--r);box-shadow:var(--shadow);padding:28px;}
  .orbita-auth-card h1{margin:0 0 6px;font-size:26px;}
  .orbita-auth-logo{width:88px;height:88px;border-radius:20px;display:block;margin:0 auto 16px;box-shadow:0 8px 26px rgba(0,0,0,.45);}
  .orbita-auth-card p{color:var(--text-secondary);line-height:1.5;margin:0 0 20px;}
  .orbita-auth-card label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px;}
  .orbita-auth-card input{width:100%;padding:11px 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);
    background:var(--surface-2);color:var(--text);font:inherit;}
  .orbita-auth-card button{width:100%;margin-top:16px;}
  #orbitaAuthError{margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--danger-soft);
    color:var(--danger);font-size:13px;line-height:1.45;}
  .orbita-auth-status{font-size:12px;color:var(--text-muted);margin-top:12px;}

  /* ═══════════════════════════════════════════════════════════════
     ORBITA MODERN VISUAL SYSTEM 8.17.63
     Pure visual redesign — no workflow/data logic changes.
     Inspired by modern SaaS/fintech dashboards: airy, crisp, premium.
     ═══════════════════════════════════════════════════════════════ */

  :root{
    --bg:#F6F8FC;
    --surface:#FFFFFF;
    --surface-2:#F8FAFD;
    --surface-3:#EEF3F8;
    --border:#E7ECF2;
    --border-strong:#D8E0EA;

    --text:#111827;
    --text-secondary:#475569;
    --text-muted:#7C889C;

    --accent:#12C98A;
    --accent-bright:#00B978;
    --accent-text:#FFFFFF;
    --accent-soft:#E9FBF5;
    --accent-line:#12C98A;
    --accent-border:#AEEFD9;

    --ok:#12C98A;
    --ok-soft:#E9FBF5;
    --warn:#F6A81A;
    --warn-soft:#FFF7E6;
    --danger:#F04464;
    --danger-soft:#FFF0F3;
    --info:#2F7CF6;
    --info-soft:#EDF5FF;
    --violet:#7557F6;
    --violet-soft:#F1EEFF;
    --pink:#E95DA2;
    --pink-soft:#FFF0F7;

    --sidebar-bg:#0C1728;
    --sidebar-grad:linear-gradient(180deg,#0C1728 0%,#10213A 58%,#0A1424 100%);
    --sb-text:#A8B3C7;
    --sb-text-hi:#FFFFFF;
    --sb-hover:rgba(255,255,255,.065);
    --sb-active:linear-gradient(135deg,#18D5BD 0%,#0CC98A 100%);
    --sb-active-text:#07151C;
    --sb-border:rgba(255,255,255,.075);

    --r-sm:10px;
    --r:16px;
    --r-pill:999px;
    --radius:16px;

    --shadow:0 18px 50px rgba(24,39,75,.10), 0 2px 8px rgba(24,39,75,.05);
    --shadow-sm:0 7px 24px rgba(24,39,75,.055), 0 1px 4px rgba(24,39,75,.035);
  }

  [data-theme="dark"]{
    --bg:#0D1422;
    --surface:#131D2D;
    --surface-2:#182436;
    --surface-3:#213047;
    --border:rgba(255,255,255,.07);
    --border-strong:rgba(255,255,255,.13);
    --text:#F7F9FC;
    --text-secondary:#CBD4E2;
    --text-muted:#8E9AAF;
    --accent:#20DB9D;
    --accent-bright:#39E8AD;
    --accent-text:#07151C;
    --accent-soft:rgba(32,219,157,.12);
    --accent-border:rgba(32,219,157,.38);
    --ok:#20DB9D; --ok-soft:rgba(32,219,157,.12);
    --warn:#FFBF43; --warn-soft:rgba(255,191,67,.12);
    --danger:#FF6B83; --danger-soft:rgba(255,107,131,.12);
    --info:#68A4FF; --info-soft:rgba(104,164,255,.12);
    --violet:#9A82FF; --violet-soft:rgba(154,130,255,.12);
    --sidebar-bg:#080F1B;
    --sidebar-grad:linear-gradient(180deg,#080F1B 0%,#0E1B30 100%);
    --sb-active:linear-gradient(135deg,#20DBCA 0%,#20DB9D 100%);
  }

  body{
    background:
      radial-gradient(circle at 42% -10%, rgba(117,87,246,.055), transparent 34%),
      radial-gradient(circle at 85% 10%, rgba(18,201,138,.045), transparent 30%),
      var(--bg);
  }

  /* Sidebar */
  .sidebar{
    background:var(--sidebar-grad) !important;
    width:236px;
    border-right:1px solid var(--sb-border);
    box-shadow:10px 0 40px rgba(12,23,40,.08);
  }
  .brand{padding:8px 9px 20px!important;}
  .brand-mark{
    width:36px;height:36px;border-radius:12px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.24)!important;
  }
  .brand-name{font-size:17px!important;font-weight:750!important;letter-spacing:.03em!important;}
  .brand-sub{letter-spacing:.08em;text-transform:uppercase;font-size:9.5px!important;opacity:.7;}
  .nav-item{
    min-height:42px;
    margin:2px 0;
    padding:10px 12px!important;
    border-radius:11px!important;
    font-weight:520;
  }
  .nav-item.active{
    background:var(--sb-active)!important;
    color:var(--sb-active-text)!important;
    box-shadow:0 8px 24px rgba(12,201,138,.20);
  }
  .nav-item.active .nav-icon{color:inherit!important;}
  .nav-icon{opacity:.9!important;}
  .sidebar-footer{
    margin:12px 3px 0;
    padding:14px 10px!important;
    border-top:1px solid var(--sb-border)!important;
  }

  /* Top bar / search */
  .topbar{
    height:68px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(16px) saturate(140%);
    -webkit-backdrop-filter:blur(16px) saturate(140%);
    border-bottom:1px solid rgba(218,226,236,.78);
    padding:0 28px;
  }
  [data-theme="dark"] .topbar{background:rgba(13,20,34,.78);}
  .search-box{
    max-width:500px;
    min-height:40px;
    background:var(--surface)!important;
    border:1px solid var(--border)!important;
    border-radius:12px!important;
    box-shadow:0 2px 8px rgba(24,39,75,.035);
    padding:9px 14px!important;
  }
  .search-box:hover{
    border-color:#C9D4E2!important;
    box-shadow:0 4px 14px rgba(24,39,75,.055);
  }

  /* Workspace */
  .main{padding:30px 34px 48px!important;}
  .view-title{
    font-size:28px!important;
    font-weight:760!important;
    letter-spacing:-.035em!important;
    color:#0F172A!important;
  }
  [data-theme="dark"] .view-title{color:var(--text)!important;}
  .view-sub{font-size:13px!important;color:var(--text-muted)!important;}

  /* Universal cards */
  .panel,.kpi-card,.q2,.dg,.ck,.cp-box,.mb-card,.dl,.co-rev,.ds-c,.cal-e2,
  .opp-c,.cd-card,.call-card,.mb-head,.hero,.dial-card,.q-card,.mi-row,
  .co-goal,.co-lesson,.de,.de-next,.prop-row,.task-row,.tl-item{
    background:var(--surface)!important;
    border:1px solid var(--border)!important;
    border-radius:16px!important;
    box-shadow:var(--shadow-sm)!important;
  }
  .panel:hover,.kpi-card:hover,.q2:hover,.dg:hover,.opp-c:hover,.cal-e2:hover{
    border-color:#D7E0EA!important;
    box-shadow:var(--shadow)!important;
  }

  .kpi-card{
    padding:18px 19px!important;
    min-height:94px;
    position:relative;
    overflow:hidden;
  }
  .kpi-card::after{
    content:"";
    position:absolute;
    width:74px;height:74px;
    border-radius:50%;
    right:-26px;top:-26px;
    background:linear-gradient(135deg,rgba(117,87,246,.08),rgba(18,201,138,.03));
    pointer-events:none;
  }
  .kpi-label{font-size:11px!important;text-transform:none!important;letter-spacing:.015em!important;}
  .kpi-value{font-size:24px!important;font-weight:760!important;}

  /* Buttons */
  .btn,.btn-primary,.btn-danger{
    min-height:38px!important;
    border-radius:10px!important;
    font-weight:630!important;
    padding:0 15px!important;
    box-shadow:none!important;
  }
  .btn{
    background:#FFFFFF!important;
    border-color:#DCE4EE!important;
    color:#253047!important;
  }
  [data-theme="dark"] .btn{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border-strong)!important;}
  .btn:hover{background:#F8FAFD!important;border-color:#C9D5E3!important;}
  .btn-primary,.call-start{
    background:linear-gradient(135deg,#16D19A 0%,#08C784 100%)!important;
    border-color:transparent!important;
    color:#FFFFFF!important;
    box-shadow:0 8px 20px rgba(12,201,138,.18)!important;
  }
  .btn-primary:hover,.call-start:hover{
    filter:none!important;
    transform:translateY(-1px)!important;
    box-shadow:0 12px 26px rgba(12,201,138,.25)!important;
  }
  .btn-danger{
    background:#FFF!important;
    color:var(--danger)!important;
    border-color:#FFD0D9!important;
  }

  /* Inputs */
  input,select,textarea{
    background:var(--surface)!important;
    border:1px solid #DCE4EE!important;
    border-radius:10px!important;
    min-height:39px;
    color:var(--text)!important;
  }
  textarea{min-height:72px;}
  input:focus,select:focus,textarea:focus{
    border-color:rgba(18,201,138,.70)!important;
    box-shadow:0 0 0 4px rgba(18,201,138,.10)!important;
  }

  /* Status pills */
  .pill,.q2-b,.fj-s,.dial-chip,.opp-b,.co-priv,.cv-goal,.mb-seg,.cd-badge{
    border-radius:999px!important;
    padding:5px 9px!important;
    font-size:10.5px!important;
    font-weight:700!important;
  }

  /* Company drawer = premium side sheet */
  .drawer{
    width:min(520px,94vw)!important;
    border-left:1px solid rgba(220,228,238,.9)!important;
    box-shadow:-24px 0 70px rgba(15,23,42,.12)!important;
    background:var(--surface)!important;
  }
  .drawer-head{
    padding:28px 30px 20px!important;
    background:
      radial-gradient(circle at 85% -20%,rgba(117,87,246,.10),transparent 35%),
      var(--surface);
  }
  .drawer-title{
    font-size:27px!important;
    line-height:1.15!important;
    font-weight:780!important;
    letter-spacing:-.035em!important;
    margin-bottom:10px!important;
    padding-right:50px;
  }
  .drawer-ident{
    gap:7px 12px!important;
    color:var(--text-secondary)!important;
    font-size:12.5px!important;
  }
  .drawer-tabs{background:var(--surface)!important;}
  .drawer-body{padding:20px 28px 34px!important;}

  .drawer .ck,.drawer .cd-card,.drawer .cp-box{
    border-radius:15px!important;
    border:1px solid #E5EAF1!important;
    box-shadow:0 5px 20px rgba(24,39,75,.045)!important;
    background:#FFF!important;
  }
  [data-theme="dark"] .drawer .ck,
  [data-theme="dark"] .drawer .cd-card,
  [data-theme="dark"] .drawer .cp-box{background:var(--surface)!important;}

  .ck{
    padding:17px 18px!important;
    margin-bottom:12px!important;
  }
  .ck-k,.cd-h{
    color:#667085!important;
    font-size:10.5px!important;
    text-transform:uppercase!important;
    letter-spacing:.065em!important;
    font-weight:760!important;
  }
  .ck-t{font-size:13.5px!important;line-height:1.55!important;}
  .ck-goal{
    background:linear-gradient(145deg,#F8F7FF 0%,#F3F8FF 100%)!important;
    border-color:#DDD8FF!important;
  }
  .ck-ok{border-left:3px solid var(--accent)!important;}
  .ck-warn{border-left:3px solid var(--warn)!important;}

  .cd-task{
    padding:10px 0!important;
    border-bottom:1px solid #EEF2F6!important;
  }
  .cd-task:last-child{border-bottom:none!important;}
  .cd-task-t{font-weight:620!important;font-size:13.5px!important;}
  .cd-task-m{font-size:12px!important;color:var(--text-muted)!important;}

  .cd-tl{
    position:relative;
    padding:10px 0 10px 18px!important;
    gap:10px!important;
  }
  .cd-tl::before{
    content:"";
    position:absolute;
    left:5px;top:0;bottom:0;
    width:1px;background:#E6ECF3;
  }
  .cd-tl::after{
    content:"";
    position:absolute;
    left:2px;top:18px;
    width:7px;height:7px;border-radius:50%;
    background:#FFF;border:2px solid #AEBBE0;
  }
  .cd-tl-i{display:none!important;}
  .cd-tl-d{color:#7B88A1!important;}
  .cd-tl-t{font-size:12.8px!important;}

  .cp-box{
    overflow:hidden;
    box-shadow:none!important;
  }
  .cp-box>summary{
    padding:15px 17px!important;
    background:#FFF!important;
    font-weight:680!important;
  }

  /* Tables and rows */
  tbody tr{
    border-radius:10px;
  }
  /* HOVERFIX 8.17.64 — jeden stabilní paint target */
  tbody tr:hover{background:transparent!important;}
  tbody tr:hover td{background:#F7FAFC!important;color:#111827!important;}
  [data-theme="dark"] tbody tr:hover td{
    background:var(--surface-2)!important;
    color:var(--text)!important;
  }
  th{
    color:#8A96A8!important;
    font-size:10px!important;
    letter-spacing:.055em!important;
  }

  /* Toast / modal */
  .modal{
    border:1px solid var(--border)!important;
    border-radius:18px!important;
    box-shadow:0 28px 80px rgba(15,23,42,.18)!important;
  }
  .modal-overlay{
    background:rgba(15,23,42,.28)!important;
    backdrop-filter:blur(6px)!important;
  }

  /* Scrollbars */
  *{scrollbar-width:thin;scrollbar-color:#CCD5E2 transparent;}
  ::-webkit-scrollbar{width:8px;height:8px;}
  ::-webkit-scrollbar-track{background:transparent;}
  ::-webkit-scrollbar-thumb{background:#CCD5E2;border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
  ::-webkit-scrollbar-thumb:hover{background:#AEB9C9;background-clip:padding-box;}

  /* Micro interactions */
  .panel,.kpi-card,.q2,.dg,.ck,.opp-c,.cal-e2,.btn,.nav-item,.search-box{
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
  }
  .kpi-card:hover,.q2:hover,.dg:hover,.opp-c:hover,.cal-e2:hover{
    transform:translateY(-1px);
  }

  @media(max-width:900px){
    .main{padding:20px 16px 36px!important;}
    .topbar{padding:9px 14px!important;}
  }


  /* ═══════════════════════════════════════════════════════════════
     ORBITA 8.17.63 — LIGHT WORKSPACE VISUAL FIX
     Target look: dark premium sidebar + bright white workspace.
     This block intentionally wins over the legacy dark-theme rules.
     ═══════════════════════════════════════════════════════════════ */

  html, body, body[data-theme="dark"], [data-theme="dark"] body{
    background:#F6F8FC !important;
    color:#111827 !important;
  }

  body[data-theme="dark"],
  [data-theme="dark"]{
    --bg:#F6F8FC !important;
    --surface:#FFFFFF !important;
    --surface-2:#F8FAFD !important;
    --surface-3:#EEF3F8 !important;
    --border:#E5EAF1 !important;
    --border-strong:#D6DFEA !important;
    --text:#111827 !important;
    --text-secondary:#475569 !important;
    --text-muted:#7C889C !important;
  }

  /* Keep only navigation dark. */
  .sidebar{
    background:linear-gradient(180deg,#0A1526 0%,#10213B 60%,#091421 100%) !important;
    color:#AEB9CB !important;
  }
  .sidebar *{color:inherit;}
  .sidebar .brand-name,.sidebar .nav-item.active,.sidebar .nav-item.active *{color:#FFFFFF !important;}
  .sidebar .nav-item.active{
    background:linear-gradient(135deg,#18D5BD 0%,#10C98A 100%) !important;
    color:#07151C !important;
  }
  .sidebar .nav-item.active *{color:#07151C !important;}

  .workspace,.content,.main,.view,.app-main,.shell-main{
    background:#F6F8FC !important;
    color:#111827 !important;
  }

  .topbar{
    background:rgba(255,255,255,.94) !important;
    color:#111827 !important;
    border-bottom:1px solid #E7ECF2 !important;
  }

  .drawer,.drawer-head,.drawer-body,.drawer-tabs,
  .modal,.modal-body,.modal-head,
  .panel,.card,.kpi-card,.q2,.dg,.ck,.cp-box,.mb-card,.dl,.co-rev,.ds-c,.cal-e2,
  .opp-c,.cd-card,.call-card,.mb-head,.hero,.dial-card,.q-card,.mi-row,
  .co-goal,.co-lesson,.de,.de-next,.prop-row,.task-row,.tl-item,
  details, summary{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:#E5EAF1 !important;
  }

  /* Drawer and company detail */
  .drawer{
    box-shadow:-24px 0 70px rgba(15,23,42,.14) !important;
  }
  .drawer-title,.drawer h1,.drawer h2,.drawer h3,.drawer h4,
  .drawer .cd-task-t,.drawer .ck-t,.drawer .cd-h,.drawer .ck-k,
  .drawer label,.drawer b,.drawer strong{
    color:#111827 !important;
  }
  .drawer-ident,.drawer .cd-dim,.drawer .cd-task-m,.drawer .cd-tl-d,
  .drawer .muted,.drawer small{
    color:#667085 !important;
  }

  /* Fix the white-on-white headers seen in 8.17.63 */
  .cp-box>summary,
  .drawer details>summary,
  .drawer .cd-head,
  .drawer .section-head,
  .drawer .box-head{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-bottom:1px solid #EEF2F6 !important;
  }

  .drawer textarea,.drawer input,.drawer select,
  .modal textarea,.modal input,.modal select,
  input,select,textarea{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:#D7E0EA !important;
    caret-color:#111827 !important;
  }
  input::placeholder, textarea::placeholder{color:#98A2B3 !important;}
  input:focus,textarea:focus,select:focus{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:#13C98C !important;
    box-shadow:0 0 0 4px rgba(19,201,140,.11) !important;
  }

  /* Current task cards should look like the mockup, not dark slabs. */
  .drawer .cd-task,
  .drawer .task-row,
  .drawer .ck,
  .drawer .cd-card{
    background:#FFFFFF !important;
    color:#111827 !important;
  }
  .drawer .cd-task{
    border-bottom:1px solid #EEF2F6 !important;
  }

  /* Buttons */
  .btn{
    background:#FFFFFF !important;
    color:#253047 !important;
    border:1px solid #D9E2EC !important;
  }
  .btn:hover{
    background:#F8FAFD !important;
    border-color:#C7D3E1 !important;
  }
  .btn-primary,.call-start{
    color:#FFFFFF !important;
    background:linear-gradient(135deg,#18D49C 0%,#09C782 100%) !important;
    border-color:transparent !important;
  }

  /* General text hierarchy */
  h1,h2,h3,h4,h5,h6,.view-title,.title,.section-title{
    color:#101828 !important;
  }
  p,.body-text,.text,.label{color:#344054 !important;}
  .muted,.hint,.sub,.subtitle,.cd-dim{color:#7A869A !important;}

  /* Softer cards, like the target screenshot. */
  .panel,.kpi-card,.q2,.dg,.ck,.cp-box,.mb-card,.dl,.co-rev,.ds-c,.cal-e2,
  .opp-c,.cd-card,.call-card,.mb-head,.hero,.dial-card,.q-card,.mi-row,
  .co-goal,.co-lesson,.de,.de-next,.prop-row,.task-row,.tl-item{
    box-shadow:0 8px 28px rgba(24,39,75,.055),0 1px 4px rgba(24,39,75,.035) !important;
  }

  /* Avoid old dark blocks inside the drawer */
  .drawer [style*="background:#1"],
  .drawer [style*="background: #1"],
  .drawer [style*="background:#0"],
  .drawer [style*="background: #0"]{
    background:#FFFFFF !important;
  }

  /* Timeline */
  .drawer .cd-tl::before{background:#E3EAF2 !important;}
  .drawer .cd-tl::after{
    background:#FFFFFF !important;
    border-color:#AEBBE0 !important;
  }

  /* Accent links */
  a,.link,.drawer a{
    color:#2F6FED !important;
  }
  .sidebar a{color:inherit !important;}

  /* Ensure hidden theme inversion cannot re-darken the app */
  [data-theme="dark"] .main,
  [data-theme="dark"] .drawer,
  [data-theme="dark"] .drawer-head,
  [data-theme="dark"] .drawer-body,
  [data-theme="dark"] .drawer-tabs,
  [data-theme="dark"] .panel,
  [data-theme="dark"] .ck,
  [data-theme="dark"] .cp-box,
  [data-theme="dark"] input,
  [data-theme="dark"] textarea,
  [data-theme="dark"] select{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:#E5EAF1 !important;
  }


  /* ═══════════════════════════════════════════════════════════════
     ORBITA 8.17.63 — THEME + TODAY COLOR RESTORE
     - Light = premium white workspace
     - Dark  = true dark workspace
     - Today cards keep semantic green/red/fialová coloring
     ═══════════════════════════════════════════════════════════════ */

  /* LIGHT MODE — explicit, not global */
  body[data-theme="light"]{
    --bg:#F6F8FC !important;
    --surface:#FFFFFF !important;
    --surface-2:#F8FAFD !important;
    --surface-3:#EEF3F8 !important;
    --border:#E5EAF1 !important;
    --border-strong:#D6DFEA !important;
    --text:#111827 !important;
    --text-secondary:#475569 !important;
    --text-muted:#7C889C !important;
    background:#F6F8FC !important;
    color:#111827 !important;
  }
  body[data-theme="light"] .main,
  body[data-theme="light"] .workspace,
  body[data-theme="light"] .content,
  body[data-theme="light"] .view,
  body[data-theme="light"] .app-main,
  body[data-theme="light"] .shell-main{
    background:#F6F8FC !important;
    color:#111827 !important;
  }
  body[data-theme="light"] .topbar{
    background:rgba(255,255,255,.94) !important;
    color:#111827 !important;
    border-color:#E7ECF2 !important;
  }
  body[data-theme="light"] .drawer,
  body[data-theme="light"] .drawer-head,
  body[data-theme="light"] .drawer-body,
  body[data-theme="light"] .drawer-tabs,
  body[data-theme="light"] .panel,
  body[data-theme="light"] .ck,
  body[data-theme="light"] .cp-box,
  body[data-theme="light"] .cd-card{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:#E5EAF1 !important;
  }
  body[data-theme="light"] input,
  body[data-theme="light"] textarea,
  body[data-theme="light"] select{
    background:#FFFFFF !important;
    color:#111827 !important;
    border-color:#D7E0EA !important;
    caret-color:#111827 !important;
  }

  /* DARK MODE — real dark workspace again */
  body[data-theme="dark"]{
    --bg:#0B1220 !important;
    --surface:#111B2B !important;
    --surface-2:#162337 !important;
    --surface-3:#1B2A40 !important;
    --border:rgba(255,255,255,.085) !important;
    --border-strong:rgba(255,255,255,.14) !important;
    --text:#F5F7FB !important;
    --text-secondary:#C8D1E0 !important;
    --text-muted:#8E9AAF !important;

    --ok:#22D99A !important;
    --ok-soft:rgba(34,217,154,.105) !important;
    --danger:#FF657B !important;
    --danger-soft:rgba(255,101,123,.11) !important;
    --violet:#9A83FF !important;
    --violet-soft:rgba(154,131,255,.10) !important;

    background:#0B1220 !important;
    color:#F5F7FB !important;
  }
  body[data-theme="dark"] .main,
  body[data-theme="dark"] .workspace,
  body[data-theme="dark"] .content,
  body[data-theme="dark"] .view,
  body[data-theme="dark"] .app-main,
  body[data-theme="dark"] .shell-main{
    background:
      radial-gradient(circle at 40% -10%,rgba(117,87,246,.10),transparent 34%),
      #0B1220 !important;
    color:#F5F7FB !important;
  }
  body[data-theme="dark"] .topbar{
    background:rgba(10,18,32,.90) !important;
    color:#F5F7FB !important;
    border-color:rgba(255,255,255,.075) !important;
  }
  body[data-theme="dark"] .search-box{
    background:#111B2B !important;
    border-color:rgba(255,255,255,.10) !important;
    color:#F5F7FB !important;
  }
  body[data-theme="dark"] .drawer,
  body[data-theme="dark"] .drawer-head,
  body[data-theme="dark"] .drawer-body,
  body[data-theme="dark"] .drawer-tabs,
  body[data-theme="dark"] .panel,
  body[data-theme="dark"] .kpi-card,
  body[data-theme="dark"] .q2,
  body[data-theme="dark"] .dg,
  body[data-theme="dark"] .ck,
  body[data-theme="dark"] .cp-box,
  body[data-theme="dark"] .mb-card,
  body[data-theme="dark"] .dl,
  body[data-theme="dark"] .ds-c,
  body[data-theme="dark"] .cal-e2,
  body[data-theme="dark"] .opp-c,
  body[data-theme="dark"] .cd-card,
  body[data-theme="dark"] .call-card,
  body[data-theme="dark"] .task-row,
  body[data-theme="dark"] .tl-item,
  body[data-theme="dark"] details,
  body[data-theme="dark"] summary{
    background:#111B2B !important;
    color:#F5F7FB !important;
    border-color:rgba(255,255,255,.085) !important;
  }
  body[data-theme="dark"] .drawer-title,
  body[data-theme="dark"] h1,
  body[data-theme="dark"] h2,
  body[data-theme="dark"] h3,
  body[data-theme="dark"] h4,
  body[data-theme="dark"] .view-title,
  body[data-theme="dark"] .cd-task-t,
  body[data-theme="dark"] .ck-t,
  body[data-theme="dark"] .cd-h,
  body[data-theme="dark"] .ck-k,
  body[data-theme="dark"] label,
  body[data-theme="dark"] b,
  body[data-theme="dark"] strong{
    color:#F5F7FB !important;
  }
  body[data-theme="dark"] .muted,
  body[data-theme="dark"] .hint,
  body[data-theme="dark"] .sub,
  body[data-theme="dark"] .subtitle,
  body[data-theme="dark"] .cd-dim,
  body[data-theme="dark"] .cd-task-m,
  body[data-theme="dark"] .cd-tl-d,
  body[data-theme="dark"] small{
    color:#95A2B7 !important;
  }
  body[data-theme="dark"] input,
  body[data-theme="dark"] textarea,
  body[data-theme="dark"] select{
    background:#0E1929 !important;
    color:#F5F7FB !important;
    border-color:rgba(255,255,255,.13) !important;
    caret-color:#FFFFFF !important;
  }
  body[data-theme="dark"] input::placeholder,
  body[data-theme="dark"] textarea::placeholder{
    color:#77869D !important;
  }
  body[data-theme="dark"] .btn{
    background:#162337 !important;
    color:#EAF0F8 !important;
    border-color:rgba(255,255,255,.12) !important;
  }
  body[data-theme="dark"] .btn:hover{
    background:#1B2A40 !important;
    border-color:rgba(255,255,255,.20) !important;
  }
  body[data-theme="dark"] .btn-primary,
  body[data-theme="dark"] .call-start{
    background:linear-gradient(135deg,#21D69F 0%,#0AC987 100%) !important;
    color:#07151C !important;
    border-color:transparent !important;
  }

  /* TODAY — semantic colors must survive universal card styling */
  body[data-theme="light"] .dg.dg-task.dg-today{
    background:#EAFBF3 !important;
    border:2px solid #16C784 !important;
    border-left:6px solid #16C784 !important;
    box-shadow:0 8px 24px rgba(22,199,132,.08) !important;
  }
  body[data-theme="light"] .dg.dg-task.dg-today.dg-uc{
    background:#FFF0F3 !important;
    border:2px solid #F04464 !important;
    border-left:6px solid #F04464 !important;
    box-shadow:0 8px 24px rgba(240,68,100,.08) !important;
  }
  body[data-theme="light"] .dg.dg-optional{
    background:#F5F2FF !important;
    border:1px solid #DDD4FF !important;
    border-left:5px solid #8069E8 !important;
  }

  body[data-theme="dark"] .dg.dg-task.dg-today{
    background:rgba(34,217,154,.095) !important;
    border:2px solid #22D99A !important;
    border-left:6px solid #22D99A !important;
    box-shadow:0 8px 26px rgba(34,217,154,.08) !important;
  }
  body[data-theme="dark"] .dg.dg-task.dg-today.dg-uc{
    background:rgba(255,101,123,.10) !important;
    border:2px solid #FF657B !important;
    border-left:6px solid #FF657B !important;
    box-shadow:0 8px 26px rgba(255,101,123,.08) !important;
  }
  body[data-theme="dark"] .dg.dg-optional{
    background:rgba(154,131,255,.09) !important;
    border:1px solid rgba(154,131,255,.30) !important;
    border-left:5px solid #9A83FF !important;
  }

  body[data-theme="light"] .dg.dg-task.dg-today:hover{border-color:#16C784 !important;}
  body[data-theme="light"] .dg.dg-task.dg-today.dg-uc:hover{border-color:#F04464 !important;}
  body[data-theme="dark"] .dg.dg-task.dg-today:hover{border-color:#22D99A !important;}
  body[data-theme="dark"] .dg.dg-task.dg-today.dg-uc:hover{border-color:#FF657B !important;}


/* ORBITA 8.17.63 — SUBTLE TODAY SEMANTIC COLORS
   Keep meaning, remove loud saturation. */
body[data-theme="light"] .dg.dg-task.dg-today{
  background:#F7FCFA !important;
  border:1px solid #D8EEE6 !important;
  border-left:4px solid #67C9A7 !important;
  box-shadow:0 5px 18px rgba(24,39,75,.045) !important;
}
body[data-theme="light"] .dg.dg-task.dg-today.dg-uc{
  background:#FFF9FA !important;
  border:1px solid #F2DDE2 !important;
  border-left:4px solid #E58A9A !important;
  box-shadow:0 5px 18px rgba(24,39,75,.045) !important;
}
body[data-theme="light"] .dg.dg-optional{
  background:#FAF9FE !important;
  border:1px solid #E8E3F7 !important;
  border-left:4px solid #A79ADB !important;
  box-shadow:0 5px 18px rgba(24,39,75,.04) !important;
}
body[data-theme="dark"] .dg.dg-task.dg-today{
  background:rgba(84,181,147,.055) !important;
  border:1px solid rgba(103,201,167,.20) !important;
  border-left:4px solid #5FB99A !important;
  box-shadow:0 5px 18px rgba(0,0,0,.10) !important;
}
body[data-theme="dark"] .dg.dg-task.dg-today.dg-uc{
  background:rgba(204,104,123,.055) !important;
  border:1px solid rgba(229,138,154,.18) !important;
  border-left:4px solid #CF7D8D !important;
  box-shadow:0 5px 18px rgba(0,0,0,.10) !important;
}
body[data-theme="dark"] .dg.dg-optional{
  background:rgba(142,128,194,.05) !important;
  border:1px solid rgba(167,154,219,.16) !important;
  border-left:4px solid #8F83BD !important;
  box-shadow:0 5px 18px rgba(0,0,0,.09) !important;
}
/* Hover preserves semantics without getting louder */
body[data-theme="light"] .dg.dg-task.dg-today:hover{
  border-color:#C9E6DC !important;border-left-color:#67C9A7 !important;
}
body[data-theme="light"] .dg.dg-task.dg-today.dg-uc:hover{
  border-color:#EED4DA !important;border-left-color:#E58A9A !important;
}
body[data-theme="dark"] .dg.dg-task.dg-today:hover{
  border-color:rgba(103,201,167,.25) !important;border-left-color:#5FB99A !important;
}
body[data-theme="dark"] .dg.dg-task.dg-today.dg-uc:hover{
  border-color:rgba(229,138,154,.23) !important;border-left-color:#CF7D8D !important;
}

/* Dnes · časová priorita má přednost před obecným typem karty. */
body[data-theme] .dg.dg-uu{
  background:var(--warn-soft) !important;
  border-color:color-mix(in srgb,var(--warn) 35%,var(--border)) !important;
  border-left:4px solid var(--warn) !important;
}
body[data-theme] .dg.dg-task.dg-today.dg-uu{
  background:var(--warn-soft) !important;
  border-color:color-mix(in srgb,var(--warn) 35%,var(--border)) !important;
  border-left:4px solid var(--warn) !important;
  box-shadow:0 5px 18px rgba(24,39,75,.045) !important;
}
body[data-theme] .dg.dg-uc:not(.dg-today){
  background:var(--danger-soft) !important;
  border-color:color-mix(in srgb,var(--danger) 35%,var(--border)) !important;
  border-left:4px solid var(--danger) !important;
}
body[data-theme] .dg.dg-uu:hover,
body[data-theme] .dg.dg-task.dg-today.dg-uu:hover{
  border-color:color-mix(in srgb,var(--warn) 48%,var(--border)) !important;
  border-left-color:var(--warn) !important;
}


/* ═══════════════════════════════════════════════════════════════
   ORBITA 8.17.63 — INTERACTION CONTRAST FIX
   Hover/focus must never make labels unreadable.
   Supports theme attribute on either <html> or <body>.
   ═══════════════════════════════════════════════════════════════ */

/* DARK — secondary buttons stay readable on hover */
[data-theme="dark"] .btn,
[data-theme="dark"] button.btn,
[data-theme="dark"] .drawer .btn,
[data-theme="dark"] .drawer button,
body[data-theme="dark"] .btn,
body[data-theme="dark"] button.btn{
  color:#EAF0F8 !important;
}
[data-theme="dark"] .btn:hover,
[data-theme="dark"] button.btn:hover,
[data-theme="dark"] .drawer .btn:hover,
[data-theme="dark"] .drawer button:hover,
body[data-theme="dark"] .btn:hover,
body[data-theme="dark"] button.btn:hover{
  background:#203047 !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#FFFFFF !important;
}
[data-theme="dark"] .btn:hover *,
[data-theme="dark"] button:hover *,
[data-theme="dark"] .drawer button:hover *,
body[data-theme="dark"] .btn:hover *{
  color:inherit !important;
}

/* Primary actions remain green and legible */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .call-start,
[data-theme="dark"] button.call-start,
[data-theme="dark"] .drawer .call-start{
  background:linear-gradient(135deg,#20D49D 0%,#0BC889 100%) !important;
  color:#071A15 !important;
  border-color:transparent !important;
}
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .call-start:hover,
[data-theme="dark"] button.call-start:hover,
[data-theme="dark"] .drawer .call-start:hover{
  background:linear-gradient(135deg,#2EDCAB 0%,#12D093 100%) !important;
  color:#061712 !important;
  border-color:transparent !important;
}
[data-theme="dark"] .btn-primary *,
[data-theme="dark"] .call-start *{
  color:inherit !important;
}

/* LIGHT — don't allow hover to wash text out */
[data-theme="light"] .btn,
body[data-theme="light"] .btn{
  color:#253047 !important;
}
[data-theme="light"] .btn:hover,
body[data-theme="light"] .btn:hover{
  background:#F1F5F9 !important;
  border-color:#C9D4E2 !important;
  color:#172033 !important;
}
[data-theme="light"] .btn:hover *,
body[data-theme="light"] .btn:hover *{
  color:inherit !important;
}
[data-theme="light"] .btn-primary,
[data-theme="light"] .call-start{
  color:#FFFFFF !important;
}
[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .call-start:hover{
  color:#FFFFFF !important;
}

/* Details/section headers: text stays visible while hovering */
[data-theme="dark"] details > summary,
[data-theme="dark"] .cp-box > summary{
  color:#F4F7FB !important;
  background:#111B2B !important;
}
[data-theme="dark"] details > summary:hover,
[data-theme="dark"] .cp-box > summary:hover{
  color:#FFFFFF !important;
  background:#17253A !important;
}
[data-theme="light"] details > summary,
[data-theme="light"] .cp-box > summary{
  color:#172033 !important;
  background:#FFFFFF !important;
}
[data-theme="light"] details > summary:hover,
[data-theme="light"] .cp-box > summary:hover{
  color:#101828 !important;
  background:#F8FAFC !important;
}

/* Editable/link actions in dark drawer */
[data-theme="dark"] .drawer a,
[data-theme="dark"] .drawer .link{
  color:#58DDB7 !important;
}
[data-theme="dark"] .drawer a:hover,
[data-theme="dark"] .drawer .link:hover{
  color:#80EACB !important;
}

/* Keyboard focus should be obvious, not destructive */
[data-theme="dark"] button:focus-visible,
[data-theme="dark"] a:focus-visible,
[data-theme="dark"] summary:focus-visible{
  outline:2px solid rgba(45,212,164,.70) !important;
  outline-offset:2px !important;
}
[data-theme="light"] button:focus-visible,
[data-theme="light"] a:focus-visible,
[data-theme="light"] summary:focus-visible{
  outline:2px solid rgba(18,201,138,.55) !important;
  outline-offset:2px !important;
}


/* ═══════════════════════════════════════════════════════════════
   ORBITA 8.17.63 — MODAL CONTRAST + LEGEND COLOR FIX
   Modal content must be readable in both themes.
   ═══════════════════════════════════════════════════════════════ */

/* LIGHT MODALS */
[data-theme="light"] .modal,
body[data-theme="light"] .modal{
  background:#FFFFFF !important;
  color:#111827 !important;
  border:1px solid #E2E8F0 !important;
  box-shadow:0 28px 80px rgba(15,23,42,.18) !important;
}
[data-theme="light"] .modal h1,
[data-theme="light"] .modal h2,
[data-theme="light"] .modal h3,
[data-theme="light"] .modal h4,
[data-theme="light"] .modal .field label,
[data-theme="light"] .modal label,
body[data-theme="light"] .modal h3,
body[data-theme="light"] .modal .field label{
  color:#111827 !important;
}
[data-theme="light"] .modal .field-hint,
[data-theme="light"] .modal .opt,
[data-theme="light"] .modal .muted,
body[data-theme="light"] .modal .field-hint,
body[data-theme="light"] .modal .opt{
  color:#7C889C !important;
}
[data-theme="light"] .modal input,
[data-theme="light"] .modal select,
[data-theme="light"] .modal textarea,
body[data-theme="light"] .modal input,
body[data-theme="light"] .modal select,
body[data-theme="light"] .modal textarea{
  background:#FFFFFF !important;
  color:#111827 !important;
  border:1px solid #CBD5E1 !important;
  caret-color:#111827 !important;
}
[data-theme="light"] .modal input::placeholder,
[data-theme="light"] .modal textarea::placeholder{
  color:#98A2B3 !important;
}

/* DARK MODALS */
[data-theme="dark"] .modal,
body[data-theme="dark"] .modal{
  background:#111B2B !important;
  color:#F5F7FB !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.46) !important;
}
[data-theme="dark"] .modal h1,
[data-theme="dark"] .modal h2,
[data-theme="dark"] .modal h3,
[data-theme="dark"] .modal h4,
[data-theme="dark"] .modal .field label,
[data-theme="dark"] .modal label,
body[data-theme="dark"] .modal h3,
body[data-theme="dark"] .modal .field label{
  color:#F5F7FB !important;
}
[data-theme="dark"] .modal .field-hint,
[data-theme="dark"] .modal .opt,
[data-theme="dark"] .modal .muted,
body[data-theme="dark"] .modal .field-hint,
body[data-theme="dark"] .modal .opt{
  color:#94A3B8 !important;
}
[data-theme="dark"] .modal .req,
body[data-theme="dark"] .modal .req{
  color:#FF6B83 !important;
}
[data-theme="dark"] .modal input,
[data-theme="dark"] .modal select,
[data-theme="dark"] .modal textarea,
body[data-theme="dark"] .modal input,
body[data-theme="dark"] .modal select,
body[data-theme="dark"] .modal textarea{
  background:#0C1828 !important;
  color:#F8FAFC !important;
  border:1px solid #31435A !important;
  caret-color:#FFFFFF !important;
}
[data-theme="dark"] .modal input::placeholder,
[data-theme="dark"] .modal textarea::placeholder{
  color:#7F8EA4 !important;
}
[data-theme="dark"] .modal input:focus,
[data-theme="dark"] .modal select:focus,
[data-theme="dark"] .modal textarea:focus{
  background:#0E1B2C !important;
  color:#FFFFFF !important;
  border-color:#35D3A4 !important;
  box-shadow:0 0 0 4px rgba(53,211,164,.12) !important;
}
[data-theme="dark"] .modal .btn{
  background:#18263A !important;
  color:#F5F7FB !important;
  border-color:#34465D !important;
}
[data-theme="dark"] .modal .btn:hover{
  background:#213249 !important;
  color:#FFFFFF !important;
  border-color:#4A607B !important;
}
[data-theme="dark"] .modal .btn-primary{
  background:linear-gradient(135deg,#20D49D 0%,#0BC889 100%) !important;
  color:#071A15 !important;
  border-color:transparent !important;
}
[data-theme="dark"] .modal .btn-primary:hover{
  background:linear-gradient(135deg,#2EDCAB 0%,#12D093 100%) !important;
  color:#061712 !important;
}

/* Modal overlay follows theme but keeps backdrop readable */
.modal-overlay{
  background:rgba(8,15,26,.58) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}

/* Fialová legend marker must actually be purple */
.dnes-legend .dl-purple{
  background:#9B8AD8 !important;
}


/* ═══════════════════════════════════════════════════════════════
   ORBITA 8.17.63 — CALL OUTCOME FOCUS
   One clear outcome action; duplicate quick-result grid removed.
   ═══════════════════════════════════════════════════════════════ */
.call-head-b{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.call-outcome-main{
  min-width:230px !important;
  min-height:54px !important;
  padding:8px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#1FD29B 0%,#0BC888 100%) !important;
  border-color:transparent !important;
  color:#071A15 !important;
  box-shadow:0 8px 24px rgba(12,201,138,.18) !important;
}
.call-outcome-main:hover{
  background:linear-gradient(135deg,#2CDDA8 0%,#14D093 100%) !important;
  color:#061712 !important;
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(12,201,138,.24) !important;
}
.call-outcome-main-label{
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  color:inherit !important;
}
.call-outcome-main-sub{
  font-size:10.5px !important;
  font-weight:600 !important;
  opacity:.72 !important;
  color:inherit !important;
}
.call-outcome-hint{
  margin-top:14px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  color:var(--text-muted);
  font-size:11.5px;
  line-height:1.45;
  background:var(--surface-2);
}
.call-outcome-hint b{color:var(--text-secondary);}
[data-theme="dark"] .call-outcome-main{
  color:#061712 !important;
}
[data-theme="dark"] .call-outcome-hint{
  background:#0E1929 !important;
  border-color:rgba(255,255,255,.09) !important;
  color:#8FA0B7 !important;
}
[data-theme="dark"] .call-outcome-hint b{
  color:#DCE5F1 !important;
}


/* ORBITA 8.17.63 — MULTI-COUNTRY COMPANY DISCOVERY */
.disc-country-switch{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 8px}
.disc-country{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:8px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.16s ease}
.disc-country:hover{border-color:var(--accent-border);color:var(--text)}
.disc-country.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-bright);box-shadow:0 4px 14px rgba(18,201,138,.08)}
.disc-country-note{font-size:11px;color:var(--text-muted);margin:0 0 15px 2px}
[data-theme="dark"] .disc-country{background:#111B2B;border-color:rgba(255,255,255,.10);color:#AEB9CB}
[data-theme="dark"] .disc-country.active{background:rgba(32,212,157,.10);border-color:rgba(32,212,157,.30);color:#5DE2BA}



/* ---- extracted style block ---- */


/* TRUE SPLIT A 8.17.66
   Náhled dne není součást řádku Termín/Čas. Je to pravý sloupec vedle CELÉHO formuláře. */
#taskModalOverlay .task-modal-with-peek{
  width:min(790px,calc(100vw - 32px))!important;
  max-width:790px!important;
  max-height:min(620px,calc(100vh - 32px))!important;
  overflow:auto!important;
  position:relative!important;
  padding-right:286px!important;
}
#taskModalOverlay .task-modal-with-peek .nt-schedule-row{
  display:block!important;
}
#taskModalOverlay .task-modal-with-peek .nt-schedule-row>.field-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#taskModalOverlay .task-modal-with-peek #ntDayPeek{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  width:246px!important;
  height:calc(100% - 36px)!important;
  max-height:none!important;
  overflow:auto!important;
  margin:0!important;
  border-radius:14px!important;
  padding:12px!important;
}
#taskModalOverlay .task-modal-with-peek #ntDayPeek.show{display:block!important;}
#taskModalOverlay .task-modal-with-peek:has(#ntDayPeek:not(.show)){
  padding-right:18px!important;
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
}
#taskModalOverlay .task-modal-with-peek .modal-actions{
  margin-top:12px!important;
}
@media(max-width:820px){
  #taskModalOverlay .task-modal-with-peek,
  #taskModalOverlay .task-modal-with-peek:has(#ntDayPeek:not(.show)){
    width:min(520px,calc(100vw - 24px))!important;
    max-width:520px!important;
    padding-right:18px!important;
  }
  #taskModalOverlay .task-modal-with-peek #ntDayPeek{
    position:static!important;width:auto!important;height:auto!important;
    max-height:210px!important;margin-top:10px!important;
  }
}


/* ---- extracted style block ---- */


/* UI FIX 8.17.67 — TRUE SPLIT A refinement + theme-safe table hover */
#taskModalOverlay .task-modal-with-peek{
  width:min(820px,calc(100vw - 32px))!important;
  max-width:820px!important;
  max-height:min(590px,calc(100vh - 32px))!important;
  padding:20px 292px 18px 20px!important;
}
#taskModalOverlay .task-modal-with-peek>h3{margin:0 0 14px!important;}
#taskModalOverlay .task-modal-with-peek .field{margin-bottom:8px!important;}
#taskModalOverlay .task-modal-with-peek .field label{margin-bottom:5px!important;}
#taskModalOverlay .task-modal-with-peek input,
#taskModalOverlay .task-modal-with-peek select{min-height:38px!important;padding-top:7px!important;padding-bottom:7px!important;}
#taskModalOverlay .task-modal-with-peek textarea{min-height:56px!important;}
#taskModalOverlay .task-modal-with-peek #ntDayPeek{
  right:18px!important;top:18px!important;width:248px!important;height:calc(100% - 36px)!important;
}
#taskModalOverlay .task-modal-with-peek .nt-daypeek-item{padding:6px 0!important;}
#taskModalOverlay .task-modal-with-peek .nt-daypeek-name{font-size:12px!important;}
#taskModalOverlay .task-modal-with-peek .nt-daypeek-sub{font-size:10.5px!important;}
#taskModalOverlay .task-modal-with-peek:has(#ntDayPeek:not(.show)){
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
  padding-right:20px!important;
}
[data-theme="dark"] tbody tr:hover td{
  background:#162238!important;
  color:#E7EDF7!important;
}
[data-theme="dark"] tbody tr:hover .company-name,
[data-theme="dark"] tbody tr:hover td *,
[data-theme="dark"] tbody tr:hover td span{
  color:inherit;
}
@media(max-width:820px){
 #taskModalOverlay .task-modal-with-peek,
 #taskModalOverlay .task-modal-with-peek:has(#ntDayPeek:not(.show)){
   padding:18px!important;
 }
}


/* ---- extracted style block ---- */


/* MODERN SHADING 8.17.69 — klidnější accent + jemná hloubka, bez změny layoutu */
:root{
  --orb-accent-1:#28b98e;
  --orb-accent-2:#159f7c;
  --orb-accent-soft:rgba(31,176,135,.12);
  --orb-accent-border:rgba(43,190,148,.28);
  --orb-soft-shadow:0 8px 24px rgba(2,10,23,.10);
  --orb-card-shadow:0 4px 14px rgba(2,10,23,.07);
}
[data-theme="dark"]{
  --orb-accent-1:#24b58b;
  --orb-accent-2:#128b70;
  --orb-accent-soft:rgba(36,181,139,.11);
  --orb-accent-border:rgba(48,190,151,.25);
  --orb-soft-shadow:0 10px 28px rgba(0,0,0,.20);
  --orb-card-shadow:0 4px 16px rgba(0,0,0,.15);
}

/* Hlavní zelené CTA — méně neonové, jemný gradient */
.btn-primary,
button.btn-primary,
#submitAddBtn,
#submitTaskBtn,
#confirmMeetingBtn,
.disc-search-row>.btn-primary,
button[style*="background:var(--accent)"]{
  background:linear-gradient(135deg,var(--orb-accent-1),var(--orb-accent-2))!important;
  border-color:var(--orb-accent-border)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(18,143,111,.16)!important;
  text-shadow:none!important;
}
.btn-primary:hover,
button.btn-primary:hover,
#submitAddBtn:hover,
#submitTaskBtn:hover{
  filter:brightness(1.035)!important;
  box-shadow:0 7px 18px rgba(18,143,111,.20)!important;
  transform:translateY(-1px);
}

/* Aktivní navigace a výběry: accent jako signál, ne velká zářivá plocha */
.nav-item.active,
.disc-country.active,
.view-toggle.active,
.seg-btn.active{
  background:var(--orb-accent-soft)!important;
  border-color:var(--orb-accent-border)!important;
  color:var(--orb-accent-1)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}

/* Jemná moderní hloubka */
.panel,.card,.kpi-card,.modal,.drawer .ck,.drawer .cd-card,.drawer .cp-box,
.task-panel,.phone-lookup,.ci-card{
  box-shadow:var(--orb-card-shadow)!important;
}
.modal{
  box-shadow:var(--orb-soft-shadow)!important;
}

/* Pole: méně plochá, ale bez glass/neonu */
input,select,textarea,.search-box{
  box-shadow:inset 0 1px 1px rgba(15,23,42,.025)!important;
}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .search-box{
  box-shadow:inset 0 1px 1px rgba(255,255,255,.018)!important;
}

/* Tabulky — pouze velmi jemný hover, žádný bílý flash */
tbody tr{transition:background .12s ease;}
tbody tr:hover td{
  background:rgba(22,34,56,.035)!important;
}
[data-theme="dark"] tbody tr:hover td{
  background:rgba(39,57,82,.48)!important;
  color:var(--text)!important;
}

/* Zelené badge/pilly držet tlumené */
.pill[style*="accent"], .badge[style*="accent"], .status-ok{
  box-shadow:none!important;
}


/* ---- extracted style block ---- */


/* DEEP GREEN 8.17.70 — globální zklidnění zelené */
:root{
  --accent:#287f6b!important;
  --accent-hover:#236f5f!important;
  --accent-soft:rgba(40,127,107,.10)!important;
  --accent-border:rgba(55,139,119,.24)!important;
  --accent-line:#348c77!important;
  --brand:#287f6b!important;
  --ok:#348b73!important;
  --ok-soft:rgba(52,139,115,.11)!important;

  --orb-accent-1:#397f70!important;
  --orb-accent-2:#1f5f53!important;
  --orb-accent-soft:rgba(48,119,101,.10)!important;
  --orb-accent-border:rgba(72,143,124,.22)!important;
}
[data-theme="dark"]{
  --accent:#3b8f79!important;
  --accent-hover:#347d6b!important;
  --accent-soft:rgba(59,143,121,.105)!important;
  --accent-border:rgba(74,153,132,.22)!important;
  --accent-line:#438f7c!important;
  --brand:#3b8f79!important;
  --ok:#438f79!important;
  --ok-soft:rgba(67,143,121,.105)!important;

  --orb-accent-1:#427f72!important;
  --orb-accent-2:#245c52!important;
  --orb-accent-soft:rgba(57,125,108,.105)!important;
  --orb-accent-border:rgba(74,145,126,.20)!important;
}

/* CTA: hlubší, tmavší gradient bez neonového dojmu */
.btn-primary,
button.btn-primary,
#submitAddBtn,
#submitTaskBtn,
#confirmMeetingBtn,
.disc-search-row>.btn-primary,
button[style*="background:var(--accent)"]{
  background:linear-gradient(135deg,#3d8273 0%,#28695d 48%,#1d554c 100%)!important;
  border-color:rgba(82,151,132,.24)!important;
  color:#f4faf8!important;
  box-shadow:0 5px 15px rgba(5,45,38,.16)!important;
}
[data-theme="dark"] .btn-primary,
[data-theme="dark"] button.btn-primary,
[data-theme="dark"] #submitAddBtn,
[data-theme="dark"] #submitTaskBtn,
[data-theme="dark"] #confirmMeetingBtn,
[data-theme="dark"] button[style*="background:var(--accent)"]{
  background:linear-gradient(135deg,#397a6d 0%,#285f56 52%,#1d4b45 100%)!important;
  border-color:rgba(80,146,129,.22)!important;
  color:#edf7f4!important;
  box-shadow:0 5px 16px rgba(0,0,0,.17)!important;
}
.btn-primary:hover,
button.btn-primary:hover,
#submitAddBtn:hover,
#submitTaskBtn:hover{
  filter:brightness(1.07) saturate(.92)!important;
  box-shadow:0 7px 18px rgba(5,45,38,.20)!important;
}

/* Aktivní prvky: tlumená zelenošedá místo jasné mint */
.nav-item.active,
.disc-country.active,
.view-toggle.active,
.seg-btn.active{
  background:linear-gradient(135deg,rgba(52,126,108,.13),rgba(35,91,80,.08))!important;
  color:#4c9b86!important;
  border-color:rgba(71,143,123,.20)!important;
}
[data-theme="dark"] .nav-item.active,
[data-theme="dark"] .disc-country.active,
[data-theme="dark"] .view-toggle.active,
[data-theme="dark"] .seg-btn.active{
  color:#63a996!important;
}

/* Zelené success prvky a badge bez fluorescence */
.status-ok,.onb-ok,.cp-next{
  color:#438f79!important;
}


/* ---- extracted style block ---- */


/* COMPANY LIST REDESIGN 8.17.71 — presentation only; existing IDs/render logic preserved */
#view-list{padding-top:22px!important;}
#view-list .view-header{margin-bottom:14px!important;}
#view-list .view-title{font-size:22px!important;letter-spacing:-.02em;}
#view-list .filterbar{
  padding:10px!important;margin-bottom:14px!important;border:1px solid var(--border)!important;
  border-radius:14px!important;background:linear-gradient(180deg,var(--surface),var(--surface-2))!important;
  box-shadow:var(--orb-card-shadow)!important;gap:8px!important;
}
#view-list .filter-search{min-width:230px!important;}
#view-list .filter-sel,#view-list .filter-search{
  border-radius:10px!important;background:var(--surface-2)!important;
}
#view-list table{
  border-collapse:separate!important;border-spacing:0 7px!important;
}
#view-list thead th{
  border:0!important;padding:7px 14px!important;font-size:10px!important;
  color:var(--text-muted)!important;
}
#view-list tbody tr{
  background:linear-gradient(135deg,var(--surface),var(--surface-2))!important;
  box-shadow:0 3px 12px rgba(2,10,23,.055)!important;
  transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
#view-list tbody td{
  padding:13px 14px!important;border-top:1px solid var(--border)!important;
  border-bottom:1px solid var(--border)!important;background:transparent!important;
  vertical-align:middle!important;
}
#view-list tbody td:first-child{
  border-left:1px solid var(--border)!important;border-radius:13px 0 0 13px!important;
}
#view-list tbody td:last-child{
  border-right:1px solid var(--border)!important;border-radius:0 13px 13px 0!important;
}
#view-list tbody tr:hover td{
  background:rgba(53,125,108,.055)!important;border-color:rgba(67,143,121,.25)!important;
}
[data-theme="dark"] #view-list tbody tr{
  background:linear-gradient(135deg,#111d2d,#132133)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.13)!important;
}
[data-theme="dark"] #view-list tbody tr:hover td{
  background:rgba(54,116,101,.10)!important;color:var(--text)!important;
}
#view-list .company-name{font-size:13.5px!important;font-weight:680!important;letter-spacing:-.01em;}
#view-list .pill{
  padding:4px 10px!important;border:1px solid rgba(128,145,165,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#view-list .avatar{width:28px!important;height:28px!important;margin-right:8px!important;}
#view-list td.muted{color:var(--text-muted)!important;}
#view-list .list-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
#bulkDeleteToggleBtn.on{
  background:var(--danger-soft)!important;border-color:var(--danger)!important;color:var(--danger)!important;
}
.bulk-delete-bar{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 14px;padding:11px 13px;
  border:1px solid color-mix(in srgb,var(--danger) 32%,var(--border));border-radius:13px;
  background:linear-gradient(135deg,var(--danger-soft),var(--surface));box-shadow:var(--orb-card-shadow);
}
.bulk-delete-page-select{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-sm);font-weight:650;cursor:pointer;}
.bulk-delete-page-select input,.bulk-delete-check{
  width:18px;height:18px;margin:0;accent-color:var(--danger);cursor:pointer;
}
.bulk-delete-summary{font-size:var(--t-sm);color:var(--text-secondary);margin-right:auto;}
.bulk-delete-summary b{color:var(--text);}
.bulk-delete-cell,.bulk-delete-head{width:42px!important;text-align:center!important;padding-left:12px!important;padding-right:6px!important;}
#view-list tbody tr.bulk-delete-selected td{
  background:var(--danger-soft)!important;border-color:color-mix(in srgb,var(--danger) 45%,var(--border))!important;
}
#view-list tbody tr.bulk-delete-locked{cursor:not-allowed!important;}
#view-list tbody tr.bulk-delete-locked td{opacity:.58;}
.bulk-delete-preview{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;}
.bulk-delete-preview li{
  padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);
  font-size:var(--t-sm);font-weight:650;overflow-wrap:anywhere;
}
.bulk-delete-warning{
  margin-top:12px;padding:10px 11px;border-radius:10px;background:var(--danger-soft);color:var(--danger);
  font-size:var(--t-xs);line-height:1.5;font-weight:650;
}
@media(max-width:760px){
  #view-list table{border-spacing:0!important;}
  #view-list tbody tr{padding:10px!important;border-radius:13px!important;}
  #view-list tbody td{border:0!important;border-radius:0!important;padding:3px 0!important;}
  #view-list .view-header{gap:12px;flex-wrap:wrap;}
  #view-list .list-head-actions{width:100%;justify-content:flex-start;}
  .bulk-delete-bar{align-items:flex-start;}
  .bulk-delete-summary{width:100%;order:2;}
  .bulk-delete-bar .btn{order:3;}
  #view-list .bulk-delete-cell{float:right;width:auto!important;padding:2px!important;}
}


/* ---- extracted style block ---- */


/* SIDEBAR CONTRAST 8.17.72 — aktivní položka musí být čitelná v light i dark */
.sidebar .nav-item.active{
  background:linear-gradient(135deg,#2f7668 0%,#245f55 55%,#1d5048 100%)!important;
  color:#F4FAF8!important;
  border:1px solid rgba(103,169,151,.25)!important;
  box-shadow:0 5px 14px rgba(5,35,31,.14)!important;
}
.sidebar .nav-item.active,
.sidebar .nav-item.active *,
.sidebar .nav-item.active .nav-icon{
  color:#F4FAF8!important;
  opacity:1!important;
}
.sidebar .nav-item.active .dot{
  background:#DCEFEA!important;
}
.sidebar .nav-item:not(.active){
  color:var(--text-secondary)!important;
}
[data-theme="dark"] .sidebar .nav-item:not(.active){
  color:#AEB9CC!important;
}
[data-theme="dark"] .sidebar .nav-item:not(.active):hover{
  color:#E5ECF5!important;
  background:rgba(255,255,255,.035)!important;
}
[data-theme="dark"] .sidebar .nav-item.active{
  background:linear-gradient(135deg,#315f57 0%,#264f49 55%,#1c403c 100%)!important;
  color:#F1F7F5!important;
}
.sidebar .nav-badge{
  color:#fff!important;
}


/* ---- extracted style block ---- */


/* TOPBAR + SIDEBAR READABILITY 8.17.73 — presentation only */

/* Topbar bez tmavého "pásu"/karty okolo. */
.topbar,
.app-topbar,
header.topbar{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
}
.topbar::before,.topbar::after{display:none!important;}

/* Zachovat pouze velmi jemnou spodní separaci. */
.topbar{
  border-bottom:1px solid rgba(125,145,170,.13)!important;
}

/* Sidebar: neaktivní text výrazně čitelnější. */
.sidebar .nav-item:not(.active){
  color:#53627A!important;
  opacity:1!important;
  font-weight:600!important;
}
.sidebar .nav-item:not(.active) *,
.sidebar .nav-item:not(.active) .nav-icon{
  color:inherit!important;
  opacity:1!important;
}

/* Dark režim: světlý text, ale ne zářivě bílý. */
[data-theme="dark"] .sidebar .nav-item:not(.active){
  color:#C2CCDB!important;
}
[data-theme="dark"] .sidebar .nav-item:not(.active):hover{
  color:#F0F4F8!important;
  background:rgba(255,255,255,.045)!important;
}

/* Aktivní položka: tmavý forest podklad + vysoký kontrast. */
.sidebar .nav-item.active{
  background:linear-gradient(135deg,#326f63 0%,#285c53 52%,#214b45 100%)!important;
  color:#F7FBFA!important;
  font-weight:700!important;
  border-color:rgba(98,162,145,.24)!important;
}
.sidebar .nav-item.active *,
.sidebar .nav-item.active .nav-icon{
  color:#F7FBFA!important;
  opacity:1!important;
}

/* Badge nesmí zdědit barvu textu položky. */
.sidebar .nav-badge{
  color:#fff!important;
  font-weight:750!important;
}


/* ---- extracted style block ---- */


/* TOPBAR STRIP FIX 8.17.74
   Předchozí .topbar override prohrával proti specifičtějším
   body[data-theme="dark"] .topbar / body[data-theme="light"] .topbar. */
body[data-theme="dark"] .topbar,
body[data-theme="light"] .topbar,
[data-theme="dark"] .topbar,
[data-theme="light"] .topbar,
.topbar{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}

/* Topbar vytáhnout přes padding .main, aby nevznikal vložený tmavý obdélník. */
.main>.topbar{
  margin-top:-30px!important;
  margin-left:-34px!important;
  margin-right:-34px!important;
  width:auto!important;
  padding-left:34px!important;
  padding-right:34px!important;
  border-bottom:1px solid rgba(125,145,170,.10)!important;
}
@media(max-width:1100px){
  .main>.topbar{
    margin-top:-24px!important;
    margin-left:-16px!important;
    margin-right:-16px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}
@media(max-width:900px){
  .main>.topbar{
    margin-top:-20px!important;
  }
}


/* ---- extracted style block ---- */


/* TODAY EMPTY STATE 8.17.75 */
[data-theme="dark"] .de,
body[data-theme="dark"] .de{
  background:linear-gradient(135deg,#111D2D,#132235)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#EAF0F7!important;
  box-shadow:0 5px 16px rgba(0,0,0,.13)!important;
}
[data-theme="dark"] .de h3,
body[data-theme="dark"] .de h3{
  color:#F4F7FB!important;
  opacity:1!important;
}
[data-theme="dark"] .de p,
body[data-theme="dark"] .de p{
  color:#AEB9CA!important;
  opacity:1!important;
}
[data-theme="dark"] .de .de-i,
body[data-theme="dark"] .de .de-i{
  color:#5A9B89!important;
}

/* Discovery first-task choice — visible action block, not a hidden select. */
.disc-first-task-box{
  grid-column:1/-1;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface-2);
}
.disc-first-task-options{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px;
}
.disc-task-opt{
  border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);
  border-radius:9px;padding:9px 7px;cursor:pointer;font-weight:650;font-size:12px;
}
.disc-task-opt.active{
  background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);
}
@media(max-width:620px){.disc-first-task-options{grid-template-columns:1fr 1fr}}


/* ---- extracted style block ---- */


/* MANAGER MEMBER FLOW 8.17.77 */
.rep-auto-assignment{
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid var(--accent-border);
  border-radius:12px;
  background:linear-gradient(135deg,var(--accent-soft),rgba(38,92,82,.045));
}
.rep-auto-assignment .raa-title{
  font-size:var(--t-sm);
  font-weight:750;
  color:var(--text);
  margin-bottom:5px;
}
.rep-auto-assignment .raa-line{
  font-size:var(--t-sm);
  color:var(--text-secondary);
  line-height:1.55;
}
.rep-auto-assignment .raa-note{
  margin-top:5px;
  font-size:var(--t-xs);
  color:var(--text-muted);
}


/* ---- extracted style block ---- */


/* ═══ BOLT OPS 8.17.81 ═══════════════════════════════════════════ */
.bops-panel{display:flex;flex-direction:column;gap:10px;}
.bops-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);
  background:var(--surface-2);font-size:var(--t-sm);color:var(--text-secondary);}
.bops-intro .btn{flex:0 0 auto;}
.bops-compose{padding:12px 14px;border:1px solid var(--accent-border);border-radius:var(--r);
  background:var(--accent-soft);}
.bops-compose-to{font-size:var(--t-sm);color:var(--text-secondary);margin-bottom:10px;}
.bops-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;}
.bops-loading,.bops-unavailable{padding:14px;border:1px dashed var(--border);border-radius:var(--r-sm);
  color:var(--text-secondary);font-size:var(--t-sm);line-height:1.55;}
.bops-list{display:flex;flex-direction:column;gap:8px;}
.bops-thread{border:1px solid var(--border);border-left-width:3px;border-radius:var(--r-sm);
  background:var(--surface);overflow:hidden;}
.bops-thread.bops-pr-info{border-left-color:var(--text-muted);}
.bops-thread.bops-pr-action{border-left-color:var(--accent);}
.bops-thread.bops-pr-urgent{border-left-color:var(--danger);}
.bops-thread>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;
  list-style:none;cursor:pointer;padding:11px 12px;background:var(--surface-2);}
.bops-thread>summary::-webkit-details-marker{display:none;}
.bops-thread>summary:before{content:"›";font-size:18px;color:var(--text-muted);transition:transform .15s ease;}
.bops-thread[open]>summary:before{transform:rotate(90deg);}
.bops-thread-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.bops-thread-main>b{font-size:var(--t-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bops-thread-meta{font-size:var(--t-xs);color:var(--text-muted);}
.bops-thread-badges{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;}
.bops-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--r-pill);
  font-size:var(--t-xs);font-weight:700;line-height:1.2;white-space:nowrap;}
.bops-pill.info{background:var(--surface-3);color:var(--text-secondary);}
.bops-pill.action,.bops-pill.new{background:var(--accent-soft);color:var(--accent);}
.bops-pill.urgent{background:var(--danger-soft);color:var(--danger);}
.bops-pill.progress{background:var(--warn-soft);color:var(--warn);}
.bops-pill.resolved{background:var(--ok-soft);color:var(--ok);}
.bops-thread-body{padding:12px;}
.bops-waiting{margin-bottom:8px;padding:7px 9px;border-radius:8px;background:var(--warn-soft);
  color:var(--warn);font-size:var(--t-xs);font-weight:650;}
.bops-messages{display:flex;flex-direction:column;gap:7px;margin-bottom:11px;max-height:310px;overflow:auto;}
.bops-msg{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);}
.bops-msg-status{padding:6px 9px;background:transparent;border-style:dashed;}
.bops-msg-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px;
  font-size:var(--t-xs);color:var(--text-muted);}
.bops-msg-head>b{color:var(--text-secondary);}
.bops-msg-body{font-size:var(--t-sm);color:var(--text);line-height:1.5;overflow-wrap:anywhere;}
.bops-msg-status .bops-msg-body{font-size:var(--t-xs);color:var(--text-muted);font-style:italic;}
.bops-inbox-block{margin:0 0 16px;padding:14px;border:1px solid var(--accent-border);
  border-radius:var(--r);background:linear-gradient(135deg,var(--accent-soft),var(--surface));}
.bops-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-weight:750;color:var(--text);}
.bops-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;
  padding:0 7px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:var(--t-xs);}
.bops-inbox-sub{font-size:var(--t-sm);color:var(--text-secondary);margin:3px 0 10px;}
.bops-inbox-list{display:flex;flex-direction:column;gap:8px;}
.bops-inbox-card{padding:11px 12px;border:1px solid var(--border);border-left-width:4px;
  border-radius:var(--r-sm);background:var(--surface);cursor:pointer;transition:border-color .12s ease,transform .12s ease;}
.bops-inbox-card:hover{transform:translateY(-1px);border-color:var(--accent-border);}
.bops-inbox-card.bops-pr-info{border-left-color:var(--text-muted);}
.bops-inbox-card.bops-pr-action{border-left-color:var(--accent);}
.bops-inbox-card.bops-pr-urgent{border-left-color:var(--danger);}
.bops-inbox-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.bops-inbox-top>b{font-size:var(--t-sm);color:var(--text);}
.bops-inbox-cat{font-size:var(--t-xs);color:var(--text-secondary);margin-top:3px;}
.bops-inbox-msg{font-size:var(--t-sm);color:var(--text);line-height:1.45;margin-top:7px;}
.bops-inbox-meta{font-size:var(--t-xs);color:var(--text-muted);margin-top:5px;}
.bops-inbox-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;}
@media(max-width:700px){
  .bops-intro{align-items:stretch;flex-direction:column;}
  .bops-intro .btn{width:100%;}
  .bops-thread>summary{align-items:flex-start;}
  .bops-thread-badges{justify-content:flex-start;}
  .bops-inbox-top{align-items:flex-start;}
}



/* ---- extracted style block ---- */


/* SIDEBAR PARTNERSHIP SIGNATURE 8.17.84 — matches approved reference */
.sidebar-footer.sidebar-signature{
  margin-top:auto!important;
  padding:22px 10px 11px!important;
  border-top:0!important;
  color:var(--sb-text)!important;
  flex:0 0 auto;
}
.sidebar-powered-row{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:13px;
  color:var(--sb-text)!important;
  font-size:10.5px;
  line-height:1.25;
  letter-spacing:.005em;
  opacity:.88;
  white-space:nowrap;
}
.sidebar-powered-row strong{
  color:var(--sb-text-hi)!important;
  font-weight:650;
}
.sidebar-powered-bolt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  color:#2fdc83!important;
  font-size:23px;
  line-height:1;
  font-family:Arial,sans-serif;
  font-weight:800;
  transform:skew(-7deg);
  filter:drop-shadow(0 0 7px rgba(47,220,131,.28));
}
.sidebar-bfb-wordmark{
  display:flex;
  align-items:baseline;
  white-space:nowrap;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.035em;
  color:var(--sb-text-hi)!important;
}
.sidebar-bfb-wordmark strong{
  color:#34D186!important;
  font-size:23px;
  font-weight:820;
  letter-spacing:-.055em;
}
.sidebar-bfb-wordmark span{
  color:var(--sb-text-hi)!important;
  font-weight:480;
  opacity:.9;
}
.sidebar-bfb-line{
  height:3px;
  width:100%;
  margin-top:10px;
  border-radius:99px;
  background:linear-gradient(90deg,#21d99a 0%,#43d8ae 68%,rgba(67,216,174,.72) 100%);
  box-shadow:0 0 12px rgba(33,217,154,.18);
}
.sidebar-version{
  margin-top:18px;
  color:var(--sb-text)!important;
  font-size:9.5px;
  line-height:1.2;
  opacity:.62;
}
.sidebar-version b{
  color:var(--sb-text-hi)!important;
  font-weight:600;
}
@media(max-height:760px){
  .sidebar-footer.sidebar-signature{padding-top:12px!important;}
  .sidebar-powered-row{margin-bottom:8px;font-size:9.5px;}
  .sidebar-powered-bolt{font-size:19px;}
  .sidebar-bfb-wordmark{font-size:17px;}
  .sidebar-bfb-wordmark strong{font-size:20px;}
  .sidebar-bfb-line{margin-top:7px;height:2px;}
  .sidebar-version{margin-top:10px;}
}


/* ---- extracted style block ---- */


/* SIDEBAR VIEWPORT LOCK 8.17.85 */
.sidebar-bfb-wordmark{
  gap:5px;
}
@media (min-width:768px){
  .sidebar{
    position:sticky!important;
    top:0;
    align-self:flex-start;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    overflow:hidden;
  }
  .sidebar .nav-rest{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
  }
  .sidebar-footer.sidebar-signature{
    margin-top:12px!important;
    flex:0 0 auto;
  }
}


/* ---- extracted style block ---- */


/* CALL OUTCOME MODAL 8.17.86 — removes white body slab and restores hierarchy */
#callOutOverlay{
  padding:20px;
}
#callOutOverlay .call-out-modal{
  width:min(620px,calc(100vw - 40px))!important;
  max-width:620px!important;
  max-height:calc(100vh - 40px)!important;
  padding:0!important;
  overflow:auto!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  border:1px solid var(--border-strong)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}
#callOutOverlay .modal-head{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:22px 24px 15px!important;
  margin:0!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  border:0!important;
}
#callOutOverlay .modal-head b{
  display:block;
  color:var(--text)!important;
  font-size:20px!important;
  font-weight:760!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
#callOutOverlay .modal-head span{
  display:block;
  color:var(--text-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#callOutOverlay .modal-body{
  padding:0 24px 18px!important;
  margin:0!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  border:0!important;
}
#callOutOverlay .call-out-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:transparent!important;
}
#callOutOverlay .call-out-b{
  min-width:0!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid var(--border)!important;
  background:var(--surface-2)!important;
  color:var(--text)!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:680!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  cursor:pointer!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
#callOutOverlay .call-out-b:hover{
  transform:translateY(-1px)!important;
  background:var(--surface-3)!important;
  border-color:var(--accent-border)!important;
  color:var(--text)!important;
}
#callOutOverlay .call-out-b.on{
  background:var(--accent-soft)!important;
  border-color:var(--accent)!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px var(--accent-border),0 6px 16px rgba(18,80,66,.10)!important;
}
#callOutOverlay #callOutDetail{
  padding-top:2px;
  background:transparent!important;
}
#callOutOverlay #callOutDetail:empty{
  display:none;
}
#callOutOverlay .call-out-row{
  gap:12px!important;
}
#callOutOverlay .call-note{
  padding:9px 11px!important;
  margin-top:8px!important;
  border:1px solid var(--border)!important;
  border-radius:10px!important;
  background:var(--surface-2)!important;
  color:var(--text-muted)!important;
}
#callOutOverlay .modal-foot{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  padding:16px 24px 22px!important;
  margin:0!important;
  border-top:1px solid var(--border)!important;
  background:var(--surface)!important;
}
#callOutOverlay .modal-foot .btn{
  min-height:40px!important;
  padding:8px 16px!important;
  border-radius:10px!important;
}

/* Explicit theme colors prevent old universal modal rules from leaking in. */
body[data-theme="light"] #callOutOverlay .call-out-modal,
body[data-theme="light"] #callOutOverlay .modal-head,
body[data-theme="light"] #callOutOverlay .modal-body,
body[data-theme="light"] #callOutOverlay .modal-foot{
  background:#FFFFFF!important;
  color:#111827!important;
}
body[data-theme="light"] #callOutOverlay .call-out-b{
  background:#F7F9FC!important;
  color:#1D2939!important;
  border-color:#DCE4ED!important;
}
body[data-theme="light"] #callOutOverlay .call-out-b:hover{
  background:#F0F5F8!important;
  color:#111827!important;
  border-color:#9EC8BC!important;
}
body[data-theme="light"] #callOutOverlay .call-out-b.on{
  background:#ECF7F3!important;
  color:#174C40!important;
  border-color:#438F79!important;
}
body[data-theme="dark"] #callOutOverlay .call-out-modal,
body[data-theme="dark"] #callOutOverlay .modal-head,
body[data-theme="dark"] #callOutOverlay .modal-body,
body[data-theme="dark"] #callOutOverlay .modal-foot{
  background:#111B2B!important;
  color:#F5F7FB!important;
}
body[data-theme="dark"] #callOutOverlay .call-out-b{
  background:#162337!important;
  color:#EAF0F8!important;
  border-color:rgba(255,255,255,.11)!important;
}
body[data-theme="dark"] #callOutOverlay .call-out-b:hover{
  background:#1C2D43!important;
  color:#FFFFFF!important;
  border-color:rgba(99,169,150,.42)!important;
}
body[data-theme="dark"] #callOutOverlay .call-out-b.on{
  background:rgba(67,143,121,.18)!important;
  color:#F3FAF8!important;
  border-color:#4E9D87!important;
}
body[data-theme="dark"] #callOutOverlay .call-note{
  background:#0E1929!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#9AA8BC!important;
}

@media(max-width:620px){
  #callOutOverlay{padding:12px;}
  #callOutOverlay .call-out-modal{
    width:min(100%,calc(100vw - 24px))!important;
    max-height:calc(100vh - 24px)!important;
  }
  #callOutOverlay .modal-head{padding:18px 18px 13px!important;}
  #callOutOverlay .modal-body{padding:0 18px 15px!important;}
  #callOutOverlay .call-out-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #callOutOverlay .call-out-row{grid-template-columns:1fr!important;}
  #callOutOverlay .modal-foot{
    padding:14px 18px 18px!important;
    flex-direction:column-reverse!important;
    align-items:stretch!important;
  }
  #callOutOverlay .modal-foot .btn{width:100%!important;}
}


/* ---- extracted style block ---- */


/* ═══════════════════════════════════════════════════════════════
   INTERACTION OUTCOME UI 8.17.87
   Jedna vizuální autorita pro výsledky hovoru / schůzky.
   Opravuje bílé "slaby" způsobené staršími globálními modal pravidly.
   ═══════════════════════════════════════════════════════════════ */

/* ---------- CALL OUTCOME MODAL ---------- */
#callOutOverlay .call-out-modal,
#callOutOverlay .modal-head,
#callOutOverlay .modal-body,
#callOutOverlay .modal-foot,
#callOutOverlay .call-out-grid,
#callOutOverlay #callOutDetail{
  box-sizing:border-box!important;
}

#callOutOverlay .call-out-grid,
#callOutOverlay #callOutDetail,
#dialOutBar,
#dialOutBar .dial-out{
  background:transparent!important;
}

/* DARK */
body[data-theme="dark"] #callOutOverlay .call-out-modal,
body[data-theme="dark"] #callOutOverlay .modal-head,
body[data-theme="dark"] #callOutOverlay .modal-body,
body[data-theme="dark"] #callOutOverlay .modal-foot,
body[data-theme="dark"] #callFuOverlay .modal,
body[data-theme="dark"] #callFuOverlay .modal-head,
body[data-theme="dark"] #callFuOverlay .modal-body,
body[data-theme="dark"] #callFuOverlay .modal-foot{
  background:#111B2B!important;
  color:#F5F7FB!important;
  border-color:rgba(255,255,255,.10)!important;
}

body[data-theme="dark"] #callOutOverlay #callOutTitle,
body[data-theme="dark"] #callFuOverlay .modal-head b{
  color:#F5F7FB!important;
}

body[data-theme="dark"] #callOutOverlay .modal-head>span,
body[data-theme="dark"] #callFuOverlay .muted,
body[data-theme="dark"] #callFuOverlay .field-hint{
  color:#9AA8BC!important;
}

body[data-theme="dark"] #callOutOverlay .call-out-b,
body[data-theme="dark"] #dialOutBar .dial-ob{
  background:#162337!important;
  color:#EAF0F8!important;
  border-color:rgba(255,255,255,.11)!important;
}

body[data-theme="dark"] #callOutOverlay .call-out-b:hover,
body[data-theme="dark"] #dialOutBar .dial-ob:hover{
  background:#1C2D43!important;
  color:#FFFFFF!important;
  border-color:rgba(70,188,153,.45)!important;
}

body[data-theme="dark"] #callOutOverlay .call-out-b.on{
  background:rgba(44,192,143,.14)!important;
  color:#F4FFFB!important;
  border-color:#39B98F!important;
  box-shadow:inset 0 0 0 1px rgba(57,185,143,.16)!important;
}

body[data-theme="dark"] #callOutOverlay input,
body[data-theme="dark"] #callOutOverlay select,
body[data-theme="dark"] #callOutOverlay textarea,
body[data-theme="dark"] #callFuOverlay input,
body[data-theme="dark"] #callFuOverlay select,
body[data-theme="dark"] #callFuOverlay textarea{
  background:#0E1929!important;
  color:#F5F7FB!important;
  border-color:rgba(255,255,255,.12)!important;
  caret-color:#F5F7FB!important;
}

body[data-theme="dark"] #callOutOverlay label,
body[data-theme="dark"] #callFuOverlay label{
  color:#DCE5F1!important;
}

body[data-theme="dark"] #callOutOverlay .call-note{
  background:#0E1929!important;
  color:#A9B6C8!important;
  border-color:rgba(255,255,255,.09)!important;
}

/* LIGHT */
body[data-theme="light"] #callOutOverlay .call-out-modal,
body[data-theme="light"] #callOutOverlay .modal-head,
body[data-theme="light"] #callOutOverlay .modal-body,
body[data-theme="light"] #callOutOverlay .modal-foot,
body[data-theme="light"] #callFuOverlay .modal,
body[data-theme="light"] #callFuOverlay .modal-head,
body[data-theme="light"] #callFuOverlay .modal-body,
body[data-theme="light"] #callFuOverlay .modal-foot{
  background:#FFFFFF!important;
  color:#111827!important;
  border-color:#E2E8F0!important;
}

body[data-theme="light"] #callOutOverlay #callOutTitle,
body[data-theme="light"] #callFuOverlay .modal-head b{
  color:#111827!important;
}

body[data-theme="light"] #callOutOverlay .modal-head>span{
  color:#667085!important;
}

body[data-theme="light"] #callOutOverlay .call-out-b,
body[data-theme="light"] #dialOutBar .dial-ob{
  background:#F7F9FC!important;
  color:#1D2939!important;
  border-color:#D8E0E9!important;
}

body[data-theme="light"] #callOutOverlay .call-out-b:hover,
body[data-theme="light"] #dialOutBar .dial-ob:hover{
  background:#EEF5F2!important;
  color:#111827!important;
  border-color:#8DC8B5!important;
}

body[data-theme="light"] #callOutOverlay .call-out-b.on{
  background:#EAF7F2!important;
  color:#15483A!important;
  border-color:#438F79!important;
}

body[data-theme="light"] #callOutOverlay input,
body[data-theme="light"] #callOutOverlay select,
body[data-theme="light"] #callOutOverlay textarea,
body[data-theme="light"] #callFuOverlay input,
body[data-theme="light"] #callFuOverlay select,
body[data-theme="light"] #callFuOverlay textarea{
  background:#FFFFFF!important;
  color:#111827!important;
  border-color:#CBD5E1!important;
  caret-color:#111827!important;
}

/* Geometry shared by every theme. */
#callOutOverlay .call-out-modal{
  width:min(620px,calc(100vw - 40px))!important;
  max-width:620px!important;
  padding:0!important;
  overflow:auto!important;
  border-radius:18px!important;
}

#callOutOverlay .modal-head{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:22px 24px 15px!important;
  margin:0!important;
  border-bottom:0!important;
}

#callOutOverlay #callOutTitle{
  display:block!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:-.02em!important;
}

#callOutOverlay .modal-body{
  padding:0 24px 18px!important;
  margin:0!important;
  border:0!important;
}

#callOutOverlay .call-out-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0 0 16px!important;
  border:0!important;
}

#callOutOverlay .call-out-b{
  min-width:0!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:680!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
}

#callOutOverlay .modal-foot{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:16px 24px 22px!important;
  margin:0!important;
}

/* Live Call Workspace + Meeting outcome buttons:
   same surface, no white parent, no inherited white slab. */
#dialOutBar{
  border:0!important;
  box-shadow:none!important;
}

#dialOutBar .dial-out{
  padding:0!important;
  border:0!important;
}

#dialOutBar .dial-ob{
  box-shadow:none!important;
}

/* Post-call modal: same no-slab hierarchy. */
#callFuOverlay .modal{
  padding:0!important;
  overflow:auto!important;
}
#callFuOverlay .modal-head{
  padding:20px 22px 14px!important;
  margin:0!important;
}
#callFuOverlay .modal-body{
  padding:0 22px 18px!important;
  margin:0!important;
}
#callFuOverlay .modal-foot{
  padding:14px 22px 20px!important;
  margin:0!important;
}

@media(max-width:620px){
  #callOutOverlay .call-out-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #callOutOverlay .modal-head{padding:18px 18px 13px!important;}
  #callOutOverlay .modal-body{padding:0 18px 15px!important;}
  #callOutOverlay .modal-foot{
    padding:14px 18px 18px!important;
    flex-direction:column-reverse!important;
  }
  #callOutOverlay .modal-foot .btn{width:100%!important;}
}


/* ---- extracted style block ---- */


/* ORBITA FOCUS CALL — lokální zkušební varianta */
.call-body.focus-mode{display:block!important;padding:0!important;overflow:auto!important;}
.focus-call{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) 310px;background:var(--bg);}
.focus-main{min-width:0;padding:clamp(24px,4vw,58px);display:flex;flex-direction:column;}
.focus-side{border-left:1px solid var(--border);background:var(--surface-2);padding:28px 24px;}
.focus-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:clamp(28px,5vh,58px);}
.focus-progress button{appearance:none;border:0;border-top:3px solid var(--border);background:transparent;color:var(--text-dim);padding:10px 2px 0;text-align:left;font:inherit;font-size:11px;font-weight:750;cursor:pointer;}
.focus-progress button.on{border-color:var(--accent);color:var(--text);}.focus-progress button.done{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--text-secondary);}
.focus-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.focus-question{font-size:clamp(27px,3.2vw,46px);line-height:1.08;letter-spacing:-.035em;color:var(--text);max-width:850px;margin:0 0 14px;}
.focus-help{font-size:14px;line-height:1.55;color:var(--text-dim);max-width:720px;margin:0 0 24px;}
.focus-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}.focus-prompt{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;}.focus-prompt:hover{border-color:var(--accent);color:var(--text);}
.focus-note-wrap{max-width:880px;flex:1;min-height:210px;display:flex;flex-direction:column;}.focus-note-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;color:var(--text-dim);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;}
.focus-call .call-notes{flex:1;min-height:190px;resize:vertical;border-radius:16px!important;padding:18px!important;font-size:15px!important;line-height:1.65!important;background:var(--surface)!important;}
.focus-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;max-width:880px;}.focus-footer-l{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}.focus-quick{min-height:46px;padding:12px 20px;border-width:2px;border-radius:12px;font-size:15px;font-weight:800;justify-content:center;transition:.16s ease;}.focus-quick:hover{transform:translateY(-1px);filter:brightness(1.08);}.focus-footer .btn.focus-quick-miss{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb,var(--danger) 35%,transparent);}.focus-footer .btn.focus-quick-later{background:#F5A524!important;border-color:#F5A524!important;color:#1A1204!important;box-shadow:0 8px 22px rgba(245,165,36,.32);}.focus-step-btn{min-width:150px;justify-content:center;}
.focus-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:880px;}.focus-result{appearance:none;text-align:left;min-height:92px;padding:17px 18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:.16s ease;}.focus-result:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.08);}.focus-result.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);}.focus-result b{display:block;font-size:14px;margin-bottom:5px;}.focus-result span{display:block;font-size:11.5px;line-height:1.4;color:var(--text-dim);}.focus-result.custom{grid-column:1/-1;background:var(--surface-2);}
.focus-custom{max-width:880px;margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);}.focus-custom-grid{display:grid;grid-template-columns:1fr 170px 130px;gap:10px;}.focus-custom textarea{margin-top:10px;min-height:70px;}
.focus-side-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;}.focus-company{font-size:20px;font-weight:780;color:var(--text);line-height:1.2;margin-bottom:5px;}.focus-meta{font-size:12px;color:var(--text-dim);line-height:1.5;}.focus-side-block{padding:18px 0;border-top:1px solid var(--border);margin-top:18px;}.focus-side-label{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;}.focus-side-value{font-size:13px;line-height:1.5;color:var(--text-secondary);}.focus-stage{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:750;}
@media(max-width:900px){.focus-call{grid-template-columns:1fr}.focus-side{border-left:0;border-top:1px solid var(--border)}.focus-results{grid-template-columns:1fr}.focus-result.custom{grid-column:auto}.focus-custom-grid{grid-template-columns:1fr 1fr}.focus-custom-grid .focus-task-title{grid-column:1/-1}}
@media(max-width:560px){.focus-main{padding:22px 16px}.focus-progress button{font-size:9px}.focus-footer{align-items:stretch;flex-wrap:wrap}.focus-footer-l{flex:1 1 100%}.focus-footer .btn{flex:1}.focus-custom-grid{grid-template-columns:1fr}.focus-custom-grid .focus-task-title{grid-column:auto}}


/* ---- extracted style block ---- */


/* PIPELINE HUMAN LABELS 8.17.88 */
#view-pipeline .kcol-head{
  align-items:flex-start;
  gap:8px;
}
#view-pipeline .kcol-stage-label{
  min-width:0;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
#view-pipeline .kcol-count{
  flex:0 0 auto;
  padding-top:1px;
}


/* ---- extracted style block ---- */


/* STAGE LABEL + LEADERSHIP ACK 8.17.89 */
.fj{align-items:stretch;}
.fj-s{display:inline-flex;align-items:center;justify-content:center;min-height:30px;white-space:normal;text-align:center;line-height:1.2;}
.db-stage-n{min-width:0;overflow-wrap:anywhere;}
.mstep-fb-row{gap:10px;align-items:center;}
.mstep-fb-row>.btn{flex:0 0 auto;}
@media(max-width:760px){
  .mstep-fb-row{align-items:stretch;flex-direction:column;}
  .mstep-fb-row>.btn{width:100%;}
}


/* ---- extracted style block ---- */


/* ═══════════════════════════════════════════════════════════════
   CALL WORKSPACE RESPONSIVE SCROLL 8.17.93
   Na užším viewportu je celý Call Workspace jeden přirozeně
   scrollovatelný dokument. Žádný obsah nesmí zůstat pod overflow:hidden.
   ═══════════════════════════════════════════════════════════════ */

@media (max-width:1100px){
  /* Kritický fix: staré .call-body.cw-mode mělo overflow:hidden. */
  .call-body.cw-mode{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  .call-body.cw-mode .cw2{
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
    align-content:start!important;
    padding-bottom:32px!important;
  }

  /* V single-column režimu už nepotřebujeme vnitřní scrollovací pasti.
     Scrolluje jedna věc: celý Call Workspace. */
  .cw2 .cw-left,
  .cw2 .cw-right{
    overflow:visible!important;
    max-height:none!important;
    min-height:auto!important;
  }

  .cw2 .cw-ai,
  .cw2 .cw-fin,
  .cw2 .cw-docs,
  .cw2 .cw-ctx{
    overflow:visible!important;
    max-height:none!important;
    min-height:auto!important;
  }

  .cw2 .cw-notes{
    min-height:300px!important;
    height:auto!important;
  }

  .cw2 .cw-notes .call-notes{
    min-height:260px!important;
    height:260px!important;
    resize:vertical!important;
  }

  /* Karty se vždy roztáhnou podle obsahu. */
  .cw2 .call-card{
    max-height:none!important;
    min-height:0!important;
  }

  /* Dlouhé seznamy / texty nesmí vytékat do stran. */
  .cw2,
  .cw2 *{
    min-width:0;
  }

  .cw2 .task-note,
  .cw2 .call-dim,
  .cw2 .call-mini,
  .cw2 .cv-li,
  .cw2 .cv-next{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  .cw2 .cw-fin .dial-out{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:620px){
  .call-head{
    padding:10px 12px!important;
  }

  .call-body.cw-mode .cw2{
    gap:10px!important;
    padding:10px 10px 28px!important;
  }

  .cw2 .cw-who{
    gap:8px!important;
  }

  .cw2 .cw-notes{
    min-height:260px!important;
  }

  .cw2 .cw-notes .call-notes{
    min-height:220px!important;
    height:220px!important;
  }

  .cw2 .cw-fin .dial-out{
    grid-template-columns:1fr!important;
  }

  .cw2 .call-card{
    padding:10px 11px!important;
  }
}

/* I na širokém desktopu musí být každý samostatně scrollující sloupec
   skutečně dosažitelný kolečkem/trackpadem a nesmí skrývat konec obsahu. */
@media (min-width:1101px){
  .cw2 .cw-left,
  .cw2 .cw-right{
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
  }
}


/* ---- extracted style block ---- */


/* ═══════════════════════════════════════════════════════════════
   CALL PANELS RESPONSIVE 8.17.94
   Oprava se týká OBOU variant hovoru:
   1) přímý hovor — callLeft/callCenter/callRight
   2) pracovní režim — cw2
   Každý text a každý úkol musí zůstat dostupný.
   ═══════════════════════════════════════════════════════════════ */

.call-overlay .call-card{
  height:auto!important;
  max-height:none;
  overflow:visible!important;
}

.call-overlay .call-na-t,
.call-overlay .call-task-t,
.call-overlay .call-dim,
.call-overlay .call-mini,
.call-overlay .call-hist,
.call-overlay .cv-li,
.call-overlay .cv-next,
.call-overlay .cp-li,
.call-overlay .cp-t,
.call-overlay .fm-sec,
.call-overlay .fm-goal,
.call-overlay .fm-sub{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.call-overlay .call-task{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

.call-overlay .call-task>div{
  flex:1 1 auto;
  min-width:0;
}

.call-overlay .call-task-t{
  line-height:1.35;
}

/* Copilot nesmí mít vlastní skrytou/uzavřenou výšku uvnitř jiného scrollu. */
.call-overlay .cp-card{
  max-height:none!important;
  overflow:visible!important;
}

/* Široký desktop: tři sloupce, ale pravý panel je dostatečně široký
   a celý sloupec je dosažitelný jedním scrollem. */
@media (min-width:1501px){
  .call-body:not(.cw-mode){
    grid-template-columns:minmax(220px,260px) minmax(460px,1fr) minmax(360px,430px)!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }

  .call-body:not(.cw-mode) .call-left,
  .call-body:not(.cw-mode) .call-right{
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
    padding-right:4px;
  }

  .call-body:not(.cw-mode) .call-center{
    min-width:0!important;
    min-height:0!important;
  }
}

/* Notebook, zúžené okno nebo otevřené DevTools:
   žádné tři úzké sloupce. Celý hovor je jeden čitelný dokument. */
@media (max-width:1500px){
  .call-body:not(.cw-mode){
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px 16px 30px!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  .call-body:not(.cw-mode) .call-center{
    order:1;
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:360px!important;
    overflow:visible!important;
  }

  .call-body:not(.cw-mode) .call-right{
    order:2;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .call-body:not(.cw-mode) .call-left{
    order:3;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .call-body:not(.cw-mode) .call-notes{
    display:block!important;
    width:100%!important;
    min-height:300px!important;
    height:300px!important;
    max-height:none!important;
    resize:vertical!important;
  }

  /* Všechny karty v pravé i levé části mají přirozenou výšku. */
  .call-body:not(.cw-mode) .call-col{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
}

/* Tablet a telefon. */
@media (max-width:760px){
  .call-head{
    align-items:flex-start!important;
    padding:10px 12px!important;
  }

  .call-head-b{
    width:100%;
    justify-content:flex-end;
    flex-wrap:wrap;
  }

  .call-body:not(.cw-mode){
    padding:10px 10px 26px!important;
    gap:10px!important;
  }

  .call-body:not(.cw-mode) .call-center{
    min-height:300px!important;
  }

  .call-body:not(.cw-mode) .call-notes{
    min-height:250px!important;
    height:250px!important;
  }

  .call-overlay .call-card{
    padding:10px 11px!important;
  }

  .call-overlay .call-h{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  .call-overlay .cv-goal,
  .call-overlay .cp-seg,
  .call-overlay .ci-warn{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* Pracovní režim cw2: i na širokém desktopu se obsah karet nesmí oříznout.
   Scroll zůstává na sloupci / celém dokumentu podle breakpointu 8.17.93. */
.call-body.cw-mode .cw2 .call-card,
.call-body.cw-mode .cw2 .cp-card{
  height:auto!important;
  max-height:none!important;
}

.call-body.cw-mode .cw2 .cw-left,
.call-body.cw-mode .cw2 .cw-right{
  scrollbar-gutter:stable;
}


/* ---- extracted style block ---- */


/* ═══════════════════════════════════════════════════════════════
   CALL ONE-SCROLL RESPONSIVE 8.17.95
   Jediný svislý scroll pro celý hovor. Žádné useknuté karty.
   Layout se skládá podle SKUTEČNÉ dostupné šířky pomocí auto-fit,
   ne podle šířky monitoru / breakpointu.
   ═══════════════════════════════════════════════════════════════ */

/* Overlay je pevný viewport, ale jeho BODY je jediný scrollovací kontejner. */
.call-overlay{
  overflow:hidden!important;
}
.call-overlay .call-body,
.call-overlay .call-body.cw-mode{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  align-content:start!important;
}

/* Všechny karty mají skutečnou výšku svého obsahu. */
.call-overlay .call-card,
.call-overlay .cp-card,
.call-overlay .cv-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  flex:none!important;
}

/* Text se nikdy neořezává. */
.call-overlay .call-h,
.call-overlay .call-na-t,
.call-overlay .call-task-t,
.call-overlay .call-dim,
.call-overlay .call-mini,
.call-overlay .call-hist,
.call-overlay .cv-goal,
.call-overlay .cv-li,
.call-overlay .cv-heard,
.call-overlay .cv-next,
.call-overlay .cp-sub,
.call-overlay .cp-li,
.call-overlay .cp-t,
.call-overlay .cp-next,
.call-overlay .cp-risk,
.call-overlay .fm-sec,
.call-overlay .fm-goal,
.call-overlay .fm-sub{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Nadpis + badge se mohou rozdělit na další řádek. */
.call-overlay .call-h{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:6px 8px!important;
}
.call-overlay .call-h .ci-warn,
.call-overlay .call-h .cp-seg,
.call-overlay .call-h .cv-goal{
  flex:0 1 auto!important;
  white-space:normal!important;
}

/* ── KLASICKÝ HOVOR ──────────────────────────────────────────────
   Auto-fit rozhoduje podle skutečné šířky call-body.
   Když není místo na 3 čitelné sloupce, přirozeně vzniknou 2 nebo 1.
*/
.call-body:not(.cw-mode){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))!important;
  grid-auto-rows:max-content!important;
  gap:14px!important;
  padding:16px 20px 36px!important;
}

.call-body:not(.cw-mode) .call-col{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  align-self:start!important;
}

/* Poznámky jsou pracovní plocha, ale už nezamykají výšku stránky. */
.call-body:not(.cw-mode) .call-center{
  min-height:0!important;
}
.call-body:not(.cw-mode) .call-notes{
  display:block!important;
  width:100%!important;
  min-height:320px!important;
  height:38vh!important;
  max-height:560px!important;
  resize:vertical!important;
}

/* Další krok: tlačítko musí být vždy celé součástí karty. */
.call-body:not(.cw-mode) .call-na .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  margin-top:10px!important;
  margin-bottom:0!important;
}

/* Všechny otevřené úkoly zůstávají celé viditelné. */
.call-body:not(.cw-mode) .call-task{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  padding:8px 0!important;
}
.call-body:not(.cw-mode) .call-task>div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.call-body:not(.cw-mode) .call-task-t{
  line-height:1.4!important;
}

/* ── PRACOVNÍ REŽIM / cw2 ───────────────────────────────────────
   Také auto-fit. Neexistuje levý/pravý vnitřní scroll.
*/
.call-body.cw-mode{
  display:block!important;
  padding:0!important;
}
.call-body.cw-mode .cw2{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr))!important;
  grid-auto-rows:max-content!important;
  width:100%!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  gap:14px!important;
  padding:14px 18px 40px!important;
  align-items:start!important;
}

.call-body.cw-mode .cw2 .cw-who{
  grid-column:1 / -1!important;
}

.call-body.cw-mode .cw2 .cw-left,
.call-body.cw-mode .cw2 .cw-right{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  align-self:start!important;
}

.call-body.cw-mode .cw2 .cw-left>*,
.call-body.cw-mode .cw2 .cw-right>*,
.call-body.cw-mode .cw2 .cw-ai,
.call-body.cw-mode .cw2 .cw-fin,
.call-body.cw-mode .cw2 .cw-ctx,
.call-body.cw-mode .cw2 .cw-docs,
.call-body.cw-mode .cw2 #convPanel,
.call-body.cw-mode .cw2 #cpPanel,
.call-body.cw-mode .cw2 #dialOutBar,
.call-body.cw-mode .cw2 #cwCtx,
.call-body.cw-mode .cw2 #cwDocs{
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  flex:none!important;
}

.call-body.cw-mode .cw2 .cw-notes{
  min-height:320px!important;
  height:auto!important;
}
.call-body.cw-mode .cw2 .cw-notes .call-notes{
  width:100%!important;
  min-height:280px!important;
  height:38vh!important;
  max-height:560px!important;
  resize:vertical!important;
}

/* Výsledky hovoru se samy přizpůsobují dostupné šířce. */
.call-body.cw-mode .cw-fin .dial-out{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:7px!important;
}

/* Menší skutečný viewport: šetříme prostor, ale nic neskrýváme. */
@media(max-width:760px){
  .call-head{
    padding:10px 12px!important;
    align-items:flex-start!important;
  }
  .call-head-b{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  .call-body:not(.cw-mode){
    padding:10px 10px 30px!important;
    gap:10px!important;
  }
  .call-body.cw-mode .cw2{
    padding:10px 10px 30px!important;
    gap:10px!important;
  }

  .call-body:not(.cw-mode) .call-notes,
  .call-body.cw-mode .cw2 .cw-notes .call-notes{
    min-height:230px!important;
    height:230px!important;
  }

  .call-overlay .call-card{
    padding:11px 12px!important;
  }
}


/* ---- extracted style block ---- */


/* ═══ HROMADNÝ IMPORT FIREM 8.17.96 ═══════════════════════════════ */
.bulk-import-modal{
  width:min(1120px,calc(100vw - 32px))!important;
  max-width:1120px!important;
  height:min(820px,calc(100vh - 32px));
  max-height:calc(100vh - 32px)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
}
.bulk-import-head{flex:0 0 auto;align-items:flex-start!important;padding:18px 20px!important;}
.bulk-import-head>div{min-width:0;display:flex;flex-direction:column;gap:4px;}
.bulk-import-head>b,.bulk-import-head>div>b{font-size:var(--t-lg);}
.bulk-import-head span{font-size:var(--t-sm);color:var(--text-muted);line-height:1.45;}
.bulk-import-body{flex:1 1 auto;min-height:0;overflow-y:auto!important;padding:18px 20px!important;}
.bulk-import-foot{flex:0 0 auto;padding:14px 20px 18px!important;}
.bulk-import-foot #bulkImportBtn{min-width:190px;justify-content:center;}
.bulk-drop{display:flex;align-items:center;gap:15px;border:1.5px dashed var(--border-strong);border-radius:14px;padding:22px;background:var(--surface-2);cursor:pointer;transition:.15s ease;}
.bulk-drop:hover,.bulk-drop.drag{border-color:var(--accent);background:var(--accent-soft);}
.bulk-drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.bulk-drop-icon{width:48px;height:48px;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;}
.bulk-drop>div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px;}
.bulk-drop b{font-size:var(--t-md);color:var(--text);}
.bulk-drop span{font-size:var(--t-sm);color:var(--text-muted);line-height:1.45;}
.bulk-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);}
.bulk-file-row>div{min-width:0;display:flex;flex-direction:column;gap:2px;}
.bulk-file-row b{overflow-wrap:anywhere;}
.bulk-file-row span{font-size:var(--t-xs);color:var(--text-muted);}
.bulk-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;}
.bulk-controls .field{margin:0;}
.bulk-map{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px;}
.bulk-map-chip{font-size:var(--t-xs);padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);}
.bulk-map-chip b{color:var(--text);}
.bulk-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-bottom:12px;}
.bulk-stat{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);min-width:0;}
.bulk-stat b{display:block;font-size:var(--t-lg);line-height:1.1;color:var(--text);}
.bulk-stat span{display:block;font-size:var(--t-xs);color:var(--text-muted);margin-top:3px;overflow-wrap:anywhere;}
.bulk-stat.ok b{color:var(--ok);}.bulk-stat.warn b{color:var(--warn);}.bulk-stat.bad b{color:var(--danger);}
.bulk-progress{margin:0 0 12px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);}
.bulk-progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--t-sm);margin-bottom:7px;}
.bulk-progress-top span{color:var(--text-muted);font-variant-numeric:tabular-nums;}
.bulk-progress-track{height:7px;border-radius:999px;background:var(--border);overflow:hidden;}
.bulk-progress-track span{display:block;height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .18s ease;}
.bulk-alert{padding:10px 12px;border:1px solid var(--warn);border-radius:10px;background:var(--warn-soft);color:var(--text-secondary);font-size:var(--t-sm);line-height:1.45;margin-bottom:12px;}
.bulk-table-wrap{max-height:430px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);}
.bulk-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:var(--t-sm);}
.bulk-table th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--text-muted);text-align:left;font-size:var(--t-xs);font-weight:700;padding:9px 10px;border-bottom:1px solid var(--border);}
.bulk-table td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top;max-width:260px;overflow-wrap:anywhere;}
.bulk-table tr:last-child td{border-bottom:none;}
.bulk-table tr.bulk-row-imported{opacity:.65;background:var(--ok-soft);}
.bulk-main{font-weight:650;color:var(--text);}
.bulk-sub{font-size:var(--t-xs);color:var(--text-muted);margin-top:2px;line-height:1.35;}
.bulk-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 8px;font-size:var(--t-xs);font-weight:700;white-space:nowrap;}
.bulk-pill.pending,.bulk-pill.checking{background:var(--surface-3);color:var(--text-secondary);}
.bulk-pill.ready,.bulk-pill.imported{background:var(--ok-soft);color:var(--ok);}
.bulk-pill.nonpayer,.bulk-pill.ambiguous,.bulk-pill.unverified{background:var(--warn-soft);color:var(--warn);}
.bulk-pill.duplicate,.bulk-pill.error{background:var(--danger-soft);color:var(--danger);}
.bulk-candidate{width:100%;min-width:190px;font-size:var(--t-xs)!important;padding:5px 7px!important;margin-top:5px;}
.bulk-vat-yes{color:var(--ok);font-weight:700;}.bulk-vat-no{color:var(--danger);font-weight:700;}.bulk-vat-unknown{color:var(--warn);font-weight:700;}
.bulk-empty{padding:32px;text-align:center;color:var(--text-muted);}
@media(max-width:800px){
  .bulk-import-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px);max-height:calc(100vh - 16px)!important;}
  .bulk-import-head,.bulk-import-body,.bulk-import-foot{padding-left:12px!important;padding-right:12px!important;}
  .bulk-controls{grid-template-columns:1fr;}
  .bulk-file-row{align-items:flex-start;flex-direction:column;}
  .bulk-file-row .btn{width:100%;justify-content:center;}
  .bulk-import-foot{flex-wrap:wrap;}
  .bulk-import-foot .btn{flex:1 1 140px;justify-content:center;}
  .bulk-drop{align-items:flex-start;padding:16px;}
}
@media(max-width:480px){
  #openBulkImportBtn{flex:1 1 46%;}
  .bulk-drop-icon{width:40px;height:40px;font-size:22px;}
}


/* ---- extracted style block ---- */


/* ARES Z NÁZVU 8.17.97 */
.bulk-ares-auto{color:var(--ok)!important;font-weight:650;}
.bulk-table td:nth-child(3){min-width:245px;}


/* ---- extracted style block ---- */


/* ═══════════════════════════════════════════════════════════════
   ORB-PERF 1.0 — 8.18.0
   Stránkování, lazy Pipeline a levnější DOM.
   ═══════════════════════════════════════════════════════════════ */
.perf-pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  color:var(--text-secondary);
  font-size:var(--t-sm);
}
.perf-pager:empty{display:none;}
.perf-pager-info{min-width:0;overflow-wrap:anywhere;}
.perf-pager-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.perf-page{
  min-width:34px;
  min-height:34px;
  padding:5px 9px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface-2);
  color:var(--text-secondary);
  font:inherit;
  cursor:pointer;
}
.perf-page:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent);}
.perf-page.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700;}
.perf-page:disabled{opacity:.4;cursor:default;}
.perf-page-size{
  min-height:34px;
  padding:5px 28px 5px 9px;
  font-size:var(--t-sm);
}
.kcol-more{
  width:100%;
  margin:6px 0 2px;
  padding:9px 10px;
  border:1px dashed var(--border-strong);
  border-radius:10px;
  background:transparent;
  color:var(--text-secondary);
  font:inherit;
  font-size:var(--t-xs);
  cursor:pointer;
}
.kcol-more:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft);}
.kcol-perf-note{font-size:10px;color:var(--text-muted);text-align:center;padding:4px 2px 0;}
/* Jednotlivé řádky a karty izolují překreslení od okolí. */
#view-list tbody tr,
#view-aktivity .task-row,
#view-pipeline .kcard,
#view-obchodnici #repTableBody tr{
  contain:layout paint style;
}
@media(max-width:620px){
  .perf-pager{align-items:stretch;}
  .perf-pager-info{width:100%;}
  .perf-pager-controls{width:100%;}
  .perf-page-size{margin-left:auto;}
}


/* ---- extracted style block ---- */


/* ═══ PIPELINE SMART FILTERS 8.18.2 ═══ */
.pipe-smartbar{
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
}
.pipe-smartbar-top{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.pipe-smartbar-label{
  font-size:var(--t-xs);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-muted);
  margin-right:2px;
}
.pipe-search{
  flex:1 1 280px;min-width:220px;max-width:420px;height:34px;
  border:1px solid var(--border);border-radius:10px;background:var(--surface-2);
  color:var(--text);padding:0 11px;font:inherit;font-size:var(--t-sm);outline:none;
}
.pipe-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);}
.pipe-smartchips{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.pipe-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--text-secondary);
  font:inherit;
  font-size:var(--t-xs);
  font-weight:650;
  cursor:pointer;
  white-space:nowrap;
}
.pipe-chip:hover{
  border-color:var(--accent-border);
  color:var(--text);
}
.pipe-chip.on{
  border-color:var(--accent);
  background:var(--accent-soft);
  color:var(--accent);
}
.pipe-chip-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:var(--surface-3);
  color:var(--text-muted);
  font-size:10px;
  font-weight:800;
}
.pipe-chip.on .pipe-chip-count{
  background:var(--accent);
  color:var(--accent-text);
}
.pipe-filter-more,.pipe-filter-clear{
  min-height:32px;
  padding:6px 10px;
  font-size:var(--t-xs);
}
.pipe-filter-result{
  margin-left:auto;
  color:var(--text-muted);
  font-size:var(--t-xs);
  white-space:nowrap;
}
.pipe-more-filters{
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:10px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--border);
}
.pipe-more-filters label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.pipe-more-filters label>span{
  font-size:10px;
  font-weight:750;
  color:var(--text-muted);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.pipe-more-filters .filter-sel{
  width:100%;
  min-width:0;
}
.kcol.is-filter-empty{
  opacity:.68;
}
.kcol-filter-zero{
  padding:10px 6px;
  color:var(--text-muted);
  font-size:var(--t-xs);
  text-align:center;
}
@media(max-width:1100px){
  .pipe-filter-result{width:100%;margin-left:0;}
  .pipe-more-filters{grid-template-columns:repeat(2,minmax(160px,1fr));}
}
@media(max-width:650px){
  .pipe-smartbar{padding:9px;}
  .pipe-smartbar-label{width:100%;}
  .pipe-smartchips{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:thin;
  }
  .pipe-chip{flex:0 0 auto;}
  .pipe-more-filters{grid-template-columns:1fr;}
}


/* ---- extracted style block ---- */


.bulk-country-box{margin:0 0 12px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);}
.bulk-country-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:7px;}
.bulk-country-switch{display:flex;gap:7px;flex-wrap:wrap;}
.bulk-country{min-height:34px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer;}
.bulk-country:hover{border-color:var(--accent-border);color:var(--text);}
.bulk-country.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);}
.bulk-country-note{margin-top:7px;font-size:var(--t-xs);color:var(--text-muted);line-height:1.45;}
.bulk-reg-auto{color:var(--ok)!important;font-weight:650;}
@media(max-width:620px){.bulk-country-switch{display:grid;grid-template-columns:1fr;}.bulk-country{width:100%;}}


/* ---- extracted style block ---- */


.rpt-head-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.rpt-periods{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);}
.rpt-period-btn{min-height:30px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer;white-space:nowrap;}
.rpt-period-btn:hover{color:var(--text);background:var(--surface-3);}
.rpt-period-btn.on{background:var(--accent);color:var(--accent-text);}
.rpt-period-caption{margin-left:auto;color:var(--text-muted);font-size:var(--t-xs);font-weight:500;}
.rpt-snapshot-tag{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:10px;font-weight:650;vertical-align:middle;}
.rpt-award-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;margin-bottom:12px;}
.rpt-award-stat{padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);}
.rpt-award-stat b{display:block;font-size:var(--t-lg);color:var(--text);margin-bottom:2px;}
.rpt-award-stat span{font-size:var(--t-xs);color:var(--text-muted);}
.rpt-award-warning{margin:8px 0 12px;padding:9px 11px;border:1px solid var(--warn);border-radius:10px;background:color-mix(in srgb,var(--warn) 8%,transparent);font-size:var(--t-xs);color:var(--text-secondary);line-height:1.5;}
.rpt-award-table-wrap{overflow:auto;max-width:100%;}
.rpt-award-table{width:100%;min-width:760px;}
.rpt-award-money{font-weight:800;color:var(--ok);white-space:nowrap;}
.rpt-legacy{font-size:10px;color:var(--warn);margin-left:5px;}
@media(max-width:900px){.rpt-head-controls{width:100%;justify-content:flex-start}.rpt-periods{max-width:100%;overflow-x:auto}.rpt-award-summary{grid-template-columns:repeat(2,minmax(120px,1fr));}}


/* ---- extracted style block ---- */


.sidebar .brand{display:block!important;padding:0 0 14px!important}.orbita-solutions-wordmark{width:100%;max-width:260px;height:auto;display:block}.orbita-auth-logo{width:min(100%,290px)!important;height:auto!important;border-radius:0!important;box-shadow:none!important}.orbita-solutions-credit{display:block;width:158px;max-width:100%;height:auto}.sidebar-powered-row{display:block!important}


/* ---- extracted style block ---- */


/* One scroll area for the whole menu, including small laptop viewports. */
.sidebar{
  height:100vh!important;height:100dvh!important;
  min-height:0!important;max-height:100dvh!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  scrollbar-width:auto;scrollbar-color:#779599 #10213a;
}
.sidebar > *{flex-shrink:0!important;}
.sidebar .nav-rest{
  flex:0 0 auto!important;min-height:auto!important;
  max-height:none!important;overflow:visible!important;
}
.sidebar::-webkit-scrollbar{width:10px;}
.sidebar::-webkit-scrollbar-track{background:#10213a;}
.sidebar::-webkit-scrollbar-thumb{background:#779599;border:2px solid #10213a;border-radius:8px;}
@media(max-height:800px){
  .sidebar .orbita-solutions-wordmark{max-width:180px;}
  .sidebar .orbita-solutions-credit{width:110px;}
  .sidebar .brand{padding-bottom:8px!important;}
  .sidebar-footer.sidebar-signature{padding-top:10px!important;}
}


/* ---- extracted style block ---- */


.sidebar .orbita-solutions-wordmark,.sidebar .orbita-solutions-credit{color:#fff!important;background:transparent!important;}
.orbita-auth-logo{color:var(--text,#102b32)!important;background:transparent!important;}


/* ---- extracted style block ---- */


.sidebar .sidebar-powered-row{display:flex!important;align-items:center;gap:8px;margin-bottom:10px;}
.sidebar .orbita-powered-caption{font-size:10px;line-height:1.3;color:#a9bdc9!important;white-space:nowrap;}
.sidebar .orbita-solutions-credit{width:62px!important;max-width:62px!important;height:auto!important;flex:0 0 62px;}
.sidebar-footer.sidebar-signature{padding-top:10px!important;}


/* ---- extracted style block ---- */


body.academy-only .nav-item:not([data-view="akademie"]),
body.academy-only .view:not(#view-akademie),
body.academy-only .topbar .search-box,
body.academy-only #openBulkImportBtn,body.academy-only #openPlaudBtn,
body.academy-only #openAddBtn,body.academy-only #akademieCoach,
body.academy-only .modal-overlay,body.academy-only #paletteOverlay,
body.academy-only .nav-sep{display:none!important;}
#academyAccessBanner{padding:12px 16px;margin-bottom:16px;border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#academyAccessBanner[hidden]{display:none;}
#academySaveStatus{font-size:13px;color:var(--text-secondary);}


/* ---- extracted style block ---- */


.dbf{padding:clamp(18px,3vw,30px);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);margin:0 0 18px;}
.dbf .dh-hi{font-size:clamp(23px,2.6vw,34px);line-height:1.25;}
.dbf .dh-lead{font-size:clamp(19px,2vw,25px);line-height:1.4;margin-top:10px;}
.dbf p{line-height:1.6;margin:10px 0;}
.dbf-backlog{color:var(--text-secondary);}
.dbf-opportunity{margin-top:20px;padding:16px 20px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface-2);}
.dbf-cap{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--text-secondary);}
.dbf-hint{font-size:var(--t-sm);color:var(--text-secondary);line-height:1.5;}
.dbf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.dbf-actions button{white-space:normal;min-height:44px;}
.dbf-source{font-size:12px;line-height:1.5;color:var(--text-muted);margin-top:18px;}
.dbf-source summary{cursor:pointer;}
.dbf-focus{padding:20px;margin:0 0 20px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);scroll-margin-top:20px;}
.dbf-focus[hidden]{display:none;}
.dbf-focus-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.dbf-list{max-height:520px;overflow:auto;margin:14px 0;}
.dbf-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);}
.dbf-row>div{min-width:0;overflow-wrap:anywhere;}
.dbf-row button{flex-shrink:0;}
@media(max-width:600px){.dbf-actions{display:grid;grid-template-columns:1fr;}.dbf-row{align-items:flex-start;flex-direction:column;}.dbf-opportunity{padding:12px;}}

.dbf-potentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.dbf-amount{font-size:clamp(24px,3vw,36px);font-weight:750;color:var(--text);}
body[data-theme="dark"] .dbf p,
body[data-theme="dark"] .dbf .dbf-cap,
body[data-theme="dark"] .dbf .dbf-hint,
body[data-theme="dark"] .dbf .dbf-source,
body[data-theme="dark"] .dbf-focus .dbf-hint{color:#cbd5e1!important;opacity:1!important;}
body[data-theme="dark"] .dbf strong,
body[data-theme="dark"] .dbf .dbf-amount{color:#f1f5f9!important;}
@media(max-width:600px){.dbf-potentials{grid-template-columns:1fr;gap:12px;}}

#dnesBriefFocus .dbf-list{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#dnesBriefFocus .dg{margin:0;min-width:0;overflow-wrap:anywhere;}
#dnesBriefFocus .today-task-actions{display:flex;flex-wrap:wrap;gap:8px;}
#dnesLeadership{margin:0 0 20px;}
@media(max-width:800px){#dnesBriefFocus .dbf-list{grid-template-columns:1fr;}}

#view-dnes{overflow:visible;}
.dnes-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start;}
.dnes-content{min-width:0;}
#dnesSide{position:sticky;top:90px;align-self:start;max-height:calc(100dvh - 110px);overflow-y:auto;scrollbar-gutter:stable;}
#dnesRest[hidden]{display:none!important;}
.dbf-legend{font-size:13px;line-height:1.6;display:flex;flex-wrap:wrap;gap:10px 20px;margin:16px 0;}
body[data-theme="dark"] .dbf-legend{color:#cbd5e1;}
@media(max-width:1100px){.dnes-layout{grid-template-columns:minmax(0,1fr);}#dnesSide{position:static;max-height:none;overflow:visible;}}

body{color-scheme:dark;}
body[data-theme="dark"] #bulkImportOverlay .bulk-import-modal,
body[data-theme="dark"] #bulkImportOverlay .bulk-import-head,
body[data-theme="dark"] #bulkImportOverlay .bulk-import-body,
body[data-theme="dark"] #bulkImportOverlay .bulk-import-foot{background:#101b2b!important;color:#f1f5f9!important;border-color:#34445a!important;}
body[data-theme="dark"] #bulkImportOverlay .bulk-drop,
body[data-theme="dark"] #bulkImportOverlay .bulk-country-box,
body[data-theme="dark"] #bulkImportOverlay .bulk-file-row{background:#192a38!important;border-color:#579d8d!important;color:#f1f5f9!important;}
body[data-theme="dark"] #bulkImportOverlay b,
body[data-theme="dark"] #bulkImportOverlay label{color:#f1f5f9!important;}
body[data-theme="dark"] #bulkImportOverlay .bulk-import-head span,
body[data-theme="dark"] #bulkImportOverlay .bulk-drop span,
body[data-theme="dark"] #bulkImportOverlay .bulk-country-label,
body[data-theme="dark"] #bulkImportOverlay .bulk-country-note,
body[data-theme="dark"] #bulkImportOverlay .bulk-file-row span{color:#cbd5e1!important;}
body[data-theme="dark"] #bulkImportOverlay input,
body[data-theme="dark"] #bulkImportOverlay select,
body[data-theme="dark"] #bulkImportOverlay th,
body[data-theme="dark"] #bulkImportOverlay td{background:#101b2b!important;color:#f1f5f9!important;border-color:#34445a!important;}
body[data-theme="dark"] #bulkImportOverlay .btn-primary{color:#fff!important;}
body[data-theme="dark"] #bulkImportOverlay .bulk-drop:hover{background:#203e43!important;}

.dbf-actions [data-brief-primary="true"]{width:220px;min-height:48px;max-width:100%;justify-content:center;}
.dbf-update-message{max-width:780px;font-size:16px;line-height:1.75;color:#cbd5e1;}
.dbf-update-message p{margin:18px 0;}
.dbf-update-signature{font-weight:600;}
.dbf-update-message .dbf-update-cheer{color:#8cdac5;font-size:20px;font-weight:700;}
@media(max-width:600px){.dbf-actions [data-brief-primary="true"]{width:100%;}}


/* ---- extracted style block ---- */

#dnesHero .orb-day{color:#f2f6fc;font-family:inherit;margin:0 0 24px;container-type:inline-size;}
#dnesHero .orb-day *{box-sizing:border-box;}
#dnesHero .orb-day-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;}
#dnesHero .orb-day-head h2{font-size:clamp(27px,3.3vw,46px)!important;line-height:1.16;margin:0!important;letter-spacing:-1.1px;font-weight:750;color:#f5f8ff!important;}
#dnesHero .orb-day button{font-family:inherit;font-size:15px;font-weight:600;line-height:1.35;cursor:pointer;transition:background .15s,border-color .15s;}
#dnesHero .orb-day button:disabled{opacity:.45;cursor:default;}
#dnesHero .orb-day button:focus-visible{outline:3px solid #95eee0;outline-offset:4px;}
#dnesHero .orb-outline{background:rgba(9,20,34,.6)!important;border:1px solid #8195b0!important;border-radius:10px;color:#f5f8ff!important;padding:16px 20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;}
#dnesHero .orb-outline:hover{background:#1b3042!important;}
#dnesHero .orb-day svg{height:24px;width:24px;flex-shrink:0;}
#dnesHero .orb-day-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(0,1fr);gap:16px;}
#dnesHero .orb-priority{position:relative;overflow:hidden;min-height:440px;border:1px solid #294852;border-radius:12px;background:linear-gradient(90deg,rgba(4,22,32,.15),rgba(4,22,32,.1)),url('images/orbita-background-8.24.4.png') center/cover;display:flex;align-items:stretch;}
#dnesHero .orb-priority-copy{padding:34px 30px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:100%;}
#dnesHero .orb-eyebrow{font-size:12px;line-height:1.5;letter-spacing:2px;font-weight:700;color:#7fe0cc;}
#dnesHero .orb-priority h3{font-size:clamp(25px,2.5vw,36px)!important;line-height:1.25;margin:18px 0 24px!important;max-width:90%;font-weight:750;letter-spacing:-.7px;color:#f2f6fc!important;}
#dnesHero .orb-priority-amount{font-size:clamp(50px,6.3vw,88px);font-weight:800;line-height:1.12;letter-spacing:-2px;color:#80e0cf;white-space:nowrap;}
#dnesHero .orb-priority-sub{font-size:clamp(19px,2.2vw,27px);line-height:1.4;color:#f2f6fc;margin-top:4px;}
#dnesHero .orb-priority p{color:#b4cbdc!important;font-size:16px;line-height:1.6;max-width:75%;margin:26px 0 28px;}
#dnesHero .orb-mint{padding:18px 24px;border:1px solid #83ddcd!important;border-radius:9px;background:linear-gradient(120deg,#8ae8d8,#66cbbd)!important;color:#05232b!important;display:inline-flex;align-items:center;gap:24px;margin-top:auto;box-shadow:0 6px 22px #061a2133;}
#dnesHero .orb-road-motto{position:absolute;right:26px;top:52px;font-size:9px;letter-spacing:4px;line-height:2;color:#a5c6d9;}
#dnesHero .orb-road-motto span{display:block;width:25px;height:1px;background:#78e6d1;margin-top:14px;}
#dnesHero .orb-road-brand{position:absolute;right:30px;bottom:44px;font-size:22px;color:#bfd1e6;line-height:1.05;}
#dnesHero .orb-road-brand small{display:block;font-size:9px;letter-spacing:4px;line-height:2;margin-top:16px;}
#dnesHero .orb-day-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;}
#dnesHero .orb-stat{padding:28px 26px;border:1px solid #2c3e54;border-radius:12px;background:radial-gradient(ellipse at top right,#1a2e42 0,transparent 65%),#101e30;position:relative;min-width:0;}
#dnesHero .orb-stat-icon,#dnesHero .orb-total-icon{background:#1a3942;color:#82e6d0;border-radius:50%;display:flex;align-items:center;justify-content:center;width:62px;height:62px;}
#dnesHero .orb-stat-icon{position:absolute;right:22px;top:32px;}
#dnesHero .orb-stat-icon svg,#dnesHero .orb-total-icon svg{width:32px;height:32px;}
#dnesHero .orb-stat-number{display:flex;align-items:baseline;gap:12px;margin-top:12px;position:relative;line-height:1.1;}
#dnesHero .orb-stat-number strong{font-size:clamp(45px,5vw,72px);font-weight:800;letter-spacing:-1.5px;color:#f4f8ff;}
#dnesHero .orb-stat-number span{font-size:22px;font-weight:600;}
#dnesHero .orb-stat p{font-size:17px;line-height:1.4;color:#cbd5e6!important;margin:10px 0 20px;}
#dnesHero .orb-text-action{background:none!important;border:0!important;padding:0;color:#86e6d1!important;display:inline-flex;align-items:center;gap:14px;text-decoration:underline;text-underline-offset:4px;}
#dnesHero .orb-overdue .orb-eyebrow,#dnesHero .orb-overdue .orb-text-action{color:#ffa291!important;}
#dnesHero .orb-overdue .orb-stat-icon{background:#352f3d;color:#ffa291;}
#dnesHero .orb-total{margin-top:16px;display:flex;align-items:center;gap:24px;padding:24px 28px;background:linear-gradient(100deg,#152539,#101d2e);border:1px solid #2d4055;border-radius:12px;}
#dnesHero .orb-total .orb-eyebrow{color:#b4c5df;font-size:11px;}
#dnesHero .orb-total-value strong{font-size:clamp(27px,3.3vw,42px);letter-spacing:-1px;line-height:1.25;display:block;margin-top:7px;white-space:nowrap;color:#f5f8ff;}
#dnesHero .orb-total-count{display:flex;align-items:center;gap:12px;border-left:1px solid #33465d;padding-left:24px;color:#b9c8dc;font-size:15px;}
#dnesHero .orb-total-count strong{font-size:26px;color:#f3f7ff;}
#dnesHero .orb-total>.orb-outline{margin-left:auto;}
#dnesHero .orb-day-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#acbfd7;font-size:12px;line-height:1.5;padding-top:18px;}
#dnesHero .orb-day-foot span:first-child{display:flex;gap:12px;align-items:center;}
#dnesHero .orb-day-foot span:last-child{text-align:right;}
#dnesHero .orb-explanation{background:transparent!important;border:0!important;margin-top:14px;font-size:12px;color:#acbfd7;line-height:1.6;}
#dnesHero .orb-explanation summary{background:transparent!important;cursor:pointer;color:#acbfd7!important;}
#dnesHero .orb-no-rate{white-space:normal!important;font-size:22px!important;letter-spacing:0!important;}
@container(max-width:1050px){#dnesHero .orb-stat-icon{width:40px;height:40px;right:14px;top:18px;}#dnesHero .orb-stat-icon svg{width:23px;height:23px;}#dnesHero .orb-total{gap:16px;padding:20px;}#dnesHero .orb-total-icon{display:none;}#dnesHero .orb-road-brand{font-size:17px;right:16px;}#dnesHero .orb-road-motto{display:none;}#dnesHero .orb-priority-copy{padding:28px 24px;}#dnesHero .orb-priority h3{max-width:100%;}#dnesHero .orb-total-count{padding-left:16px;}#dnesHero .orb-outline{font-size:13px;padding:14px;}}
@container(max-width:760px){#dnesHero .orb-day-grid{grid-template-columns:1fr;}#dnesHero .orb-day-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;}#dnesHero .orb-priority{min-height:400px;}#dnesHero .orb-total{flex-wrap:wrap;}#dnesHero .orb-total>.orb-outline{margin-left:0;}#dnesHero .orb-day-head{align-items:flex-start;}#dnesHero .orb-day-head h2{font-size:28px!important;}#dnesHero .orb-day-foot{flex-direction:column;align-items:flex-start;}#dnesHero .orb-day-foot span:last-child{text-align:left;}}
@container(max-width:480px){#dnesHero .orb-day-head{flex-direction:column;}#dnesHero .orb-day-side{grid-template-columns:1fr;}#dnesHero .orb-priority-copy{padding:24px 18px;}#dnesHero .orb-priority h3{font-size:26px!important;}#dnesHero .orb-road-brand{display:none;}#dnesHero .orb-priority p{max-width:100%;}#dnesHero .orb-priority-amount{font-size:48px;}#dnesHero .orb-total-count{border-left:0;padding-left:0;}}


/* ---- extracted style block ---- */


#view-pipeline{--pip-mint:#75a99f;}
#view-pipeline .view-header{margin-bottom:20px;align-items:center;gap:16px;}
#view-pipeline .view-head-left{flex:1;}
#view-pipeline .view-title{font-size:34px;letter-spacing:-.8px;}
#view-pipeline .view-sub{color:#b8cde3;font-size:16px;margin-top:8px;}
#view-pipeline .pipe-top-actions{display:flex;gap:12px;align-items:center;}
#view-pipeline .btn-primary,#view-pipeline .pipe-chip.on{background:linear-gradient(110deg,#326f63,#214b45)!important;color:#edf4f2!important;border-color:#3b7568!important;}
#view-pipeline .pipe-potential{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:linear-gradient(115deg,#101d29,#0e1925);border:1px solid #293a43;border-radius:13px;padding:22px;margin-bottom:20px;}
#view-pipeline .pip-summary-group{display:flex;align-items:center;gap:18px;color:#bdd0e6;font-size:14px;}
#view-pipeline .pip-summary-group+div{border-left:1px solid #445a5a;padding-left:24px;}
#view-pipeline .pip-summary-group>div{margin-left:auto;white-space:nowrap;}
#view-pipeline .pip-summary-group strong{display:block;color:#f2f7ff;font-size:23px;}
#view-pipeline .pip-summary-group small{display:block;margin-top:5px;color:#b0c5dc;font-size:12px;}
#view-pipeline .pip-summary-icon{color:#75a99f;}
#view-pipeline svg{width:25px;height:25px;}
#view-pipeline .pipe-smartbar{background:transparent!important;border:0!important;padding:0!important;margin-bottom:20px;box-shadow:none;}
#view-pipeline .pipe-smartbar-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#view-pipeline .pipe-smartbar-label{display:none;}
#view-pipeline .pipe-search{flex:1 1 270px;max-width:none;min-width:180px;background:#101b2a!important;border:1px solid #34414d!important;height:44px;border-radius:11px;}
#view-pipeline .pipe-smartchips{display:flex;gap:8px;flex-wrap:wrap;width:auto;}
#view-pipeline .pipe-chip,#view-pipeline .pipe-filter-more{border:1px solid #34414d;border-radius:11px;padding:10px 13px;background:#101b2a;color:#c4d7ed;min-height:44px;font-size:13px;}
#view-pipeline .pipe-chip-count{background:none;padding:0;margin-left:5px;}
#view-pipeline .pipe-filter-result{font-size:12px;color:#b3c9df;}
#view-pipeline .kanban{gap:10px;align-items:stretch;padding-bottom:14px;scrollbar-color:#4c5765 #141b25;}
#view-pipeline .kcol{flex:0 0 220px;width:220px;min-width:220px;padding:9px;background:linear-gradient(160deg,#101d29,#0e1925)!important;border:1px solid #2d3743!important;border-radius:12px;min-height:430px;}
#view-pipeline .kcol-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 5px 13px;}
#view-pipeline .kcol-stage-label{color:#edf5ff!important;font-size:14px;line-height:1.4;}
#view-pipeline .kcol-count{background:#213142;color:#cadcf0;border-radius:9px;padding:4px 8px;font-size:14px;}
#view-pipeline .kcard{border:1px solid #2b3746!important;background:linear-gradient(120deg,#111c2b,#101b2a)!important;box-shadow:none!important;border-radius:11px!important;padding:0!important;margin-bottom:11px;overflow:hidden;cursor:pointer;}
#view-pipeline .kcard:hover{background:#182637!important;border-color:#456b64!important;}
#view-pipeline .kcard.pip-today{border-left:4px solid #75a99f!important;background:linear-gradient(110deg,#162e2c,#112327)!important;}
#view-pipeline .kcard.pip-tomorrow{border-left:4px solid #b6a06a!important;background:linear-gradient(110deg,#373225,#292a29)!important;}
#view-pipeline .kcard.pip-overdue{border-left:4px solid #bb7d7a!important;background:linear-gradient(110deg,#3b292c,#2c252d)!important;}

#view-pipeline .kcard-name{position:relative;padding:17px 22px 5px 13px;color:#f0f6ff!important;font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;font-weight:650;}
#view-pipeline .pip-card-arrow{position:absolute;right:9px;top:14px;color:#a8cadf;}
#view-pipeline .pip-industry{padding:0 13px 15px;color:#b1cbe3;font-size:12px;line-height:1.5;}
#view-pipeline .pip-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border-top:1px solid #293845;min-height:47px;}
#view-pipeline .pip-next{font-size:11px;color:#b5cde5;line-height:1.5;}
#view-pipeline .pip-today .pip-next{color:#9abfb5;}
#view-pipeline .pip-overdue .pip-next{color:#ffa594;}
#view-pipeline .pip-tomorrow .pip-next{color:#ffd581;}
#view-pipeline .pip-none .pip-next{color:#ccb4f7;}
#view-pipeline .pip-avatar{width:26px;height:26px;flex:0 0 26px;background:#293f4b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ecf5ff;}
#view-pipeline .pipe-bottom{display:flex;gap:22px;flex-wrap:wrap;color:#c3d5e9;font-size:12px;margin-top:12px;}
#view-pipeline .pipe-bottom>span{display:flex;align-items:center;gap:9px;}
#view-pipeline .pipe-drag-hint{margin-left:auto;}
#view-pipeline .pip-dot{display:inline-block;width:10px;height:10px;border-radius:50%;}
#view-pipeline .pip-dot.today{background:#75a99f;}#view-pipeline .pip-dot.overdue{background:#ffa594;}#view-pipeline .pip-dot.tomorrow{background:#ffd581;}#view-pipeline .pip-dot.none{background:#ccb4f7;}
#view-pipeline .kcol.dragover{outline:2px solid #75a99f;}
@media(min-width:1750px){#view-pipeline .kcol{flex-basis:calc((100% - 50px)/6);width:calc((100% - 50px)/6);}}
@media(max-width:1100px){#view-pipeline .pipe-potential{grid-template-columns:1fr;}#view-pipeline .pip-summary-group+div{padding:16px 0 0;border-left:0;border-top:1px solid #35414b;}}
@media(max-width:767px){#view-kalendar .view-header{align-items:flex-start;flex-direction:column;gap:14px;}#view-kalendar .view-head-left,#view-kalendar .cal-head-actions{width:100%;}#view-kalendar .cal-head-actions{flex-wrap:wrap;}#view-kalendar .view-owner-switch .filter-sel{min-width:0;max-width:100%;}}
@media(max-width:600px){#view-pipeline .view-header{align-items:flex-start;flex-direction:column;}#view-pipeline .view-head-left,#view-pipeline .pipe-top-actions{width:100%;}#view-pipeline .view-owner-switch .filter-sel{min-width:0;max-width:100%;}#view-pipeline .pipe-top-actions{flex-wrap:wrap;}#view-pipeline .pip-summary-group{flex-wrap:wrap;}#view-pipeline .kcol{flex-basis:260px;width:260px;}}


/* ---- extracted style block ---- */


/* 8.18.33: Pipeline uses the muted surfaces of Dnes; no layout changes. */
body[data-theme="dark"]:has(#view-pipeline:not(.hidden)){background:#0b1320!important;}
#view-pipeline .pip-summary-group,#view-pipeline .pipe-chip,#view-pipeline .pipe-filter-more{color:#c5cedb;}
#view-pipeline .pip-industry,#view-pipeline .view-sub{color:#b5c2d1;}
#view-pipeline .pip-summary-group small,#view-pipeline .pipe-filter-result{color:#a7b4c5;}
#view-pipeline .btn-primary:hover,#view-pipeline .pipe-chip.on:hover{background:linear-gradient(135deg,#397a6c,#28594f)!important;border-color:#548f7e!important;}
/* Auto margin consumes spare height; long menus still scroll normally. */
.sidebar{box-sizing:border-box!important;padding-bottom:8px!important;}
.sidebar .sidebar-footer.sidebar-signature{margin-top:auto!important;margin-bottom:0!important;padding-bottom:4px!important;}
.sidebar .sidebar-version{margin-bottom:0!important;}


/* ---- extracted style block ---- */


.av-panel{max-width:1120px;padding:24px;border:1px solid #30413d;border-radius:18px;background:#101b24;color:#e7efeb}.av-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}.av-modules,.av-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:20px 0}.av-module{padding:16px;background:#17262d;border:1px solid #30413d;border-radius:12px}.av-module span{float:right}.av-module progress{display:block;width:100%;height:8px;margin-top:14px;accent-color:#73aa96}.av-question{margin:22px 0;padding:24px;border:1px solid #426258;border-radius:14px;background:#15252a}.av-lesson,.av-feedback{padding:16px;background:#20372f;border-radius:10px;line-height:1.6}.av-choices{display:grid;gap:12px}.av-choices .btn{text-align:left;white-space:normal;height:auto;min-height:52px;padding:14px 18px;line-height:1.5}.av-panel .btn:disabled{opacity:.5;cursor:not-allowed}.av-error{background:#442b2d;color:#ffdcda;padding:16px;border-radius:10px;margin:12px 0}.av-panel li{margin:12px 0;line-height:1.5}.av-panel .btn:focus-visible{outline:3px solid #94c6ad;outline-offset:3px}


/* ---- extracted style block ---- */


/* 8.18.38: scoped dark Academy text overrides the legacy light-theme !important rule. */
#view-akademie .av-panel p,
#view-akademie .av-panel .muted,
#view-akademie .av-panel .hint,
#view-akademie .av-panel .sub,
#view-akademie .av-panel .subtitle{color:#c4d2cf!important;}
#view-akademie .av-panel h2,
#view-akademie .av-panel h3,
#view-akademie .av-panel h4,
#view-akademie .av-panel strong{color:#edf4f1!important;}
#view-akademie .av-lesson,
#view-akademie .av-feedback,
#view-akademie .av-panel li{color:#dce8e2!important;}


/* ---- extracted style block ---- */


/* DAYPEEK 8.17.65 — rychlý náhled dne při plánování úkolu */
#taskModalOverlay .task-modal-with-peek{width:min(760px,calc(100vw - 32px));max-width:760px;}
.nt-schedule-row{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:12px;align-items:start;}
.nt-daypeek{display:none;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px;max-height:238px;overflow:auto;}
.nt-daypeek.show{display:block;}
.nt-daypeek-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;}
.nt-daypeek-title{font-weight:700;font-size:var(--t-sm);}
.nt-daypeek-count{font-size:var(--t-xs);color:var(--text-muted);}
.nt-daypeek-empty{font-size:var(--t-sm);color:var(--text-muted);padding:10px 2px;}
.nt-daypeek-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;padding:6px 0;border-top:1px solid var(--border);}
.nt-daypeek-item:first-child{border-top:0;}
.nt-daypeek-time{font-size:var(--t-xs);font-weight:700;color:var(--text-secondary);}
.nt-daypeek-main{min-width:0;}
.nt-daypeek-name{font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nt-daypeek-sub{font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.nt-daypeek-picked{margin-top:9px;padding:8px 9px;border-radius:9px;background:var(--accent-soft);font-size:var(--t-xs);color:var(--text-secondary);}
@media(max-width:760px){.nt-schedule-row{grid-template-columns:1fr}.nt-daypeek{max-height:200px}}

/* VARIANTA A — kompaktní split: formulář zůstává primární, agenda je úzký pravý sloupec. */
#taskModalOverlay .task-modal-with-peek{max-height:min(680px,calc(100vh - 36px));overflow:auto;}
#taskModalOverlay .task-modal-with-peek .field{margin-bottom:9px;}
#taskModalOverlay .task-modal-with-peek .field-grid{gap:10px;}
#taskModalOverlay .nt-daypeek-h{position:sticky;top:-10px;background:var(--surface-2);padding:4px 0 7px;z-index:1;}