/* Стилі сторінки "Випуск замовлень". Витягнуто з <style> в Orders.html
   без змін. З app.css перетинаються лише на 14% — сторінки мають різний
   вигляд, тож спільного файлу тут не робимо. */
:root{
      --bg:#1b1e21;
      --panel:#24282c;
      --panel-2:#2c3135;
      --line:#383e43;
      --text:#eef1f3;
      --muted:#9aa3ab;
      --amber:#f2a900;
      --amber-dim:#7a5a10;
      --red:#d64545;
      --green:#4caf6d;
      --blue:#4a86e8;
      --radius:10px;
    }
    *{box-sizing:border-box;}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:'Inter',sans-serif;
      -webkit-font-smoothing:antialiased;
      min-height:100vh;
      overflow-x:hidden;
    }
    .wrap{max-width:1220px;margin:0 auto;padding:32px 23px 69px;}

    header{display:flex;align-items:center;gap:25px;margin-bottom:24px;flex-wrap:wrap;}
    .text-logo{flex-shrink:0;}
    .text-logo img{height:30px;width:auto;display:block;}
    .header-text{flex:1;min-width:220px;}
    .eyebrow{
      font-family:'IBM Plex Mono',monospace;
      font-size:15.4px;letter-spacing:.18em;color:var(--amber);
      text-transform:uppercase;margin:0 0 6px;
    }
    h1{
      font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
      letter-spacing:.02em;font-size:clamp(22px,5vw,30px);margin:0 0 10px;
      border-bottom:3px solid var(--amber);padding-bottom:12px;
    }
    .site-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
    .nav-links{display:flex;gap:12px;flex-wrap:wrap;}
    .team-badge-corner{
      font-family:'IBM Plex Mono',monospace;font-size:15.4px;color:var(--amber);
      text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;
      display:flex;align-items:center;gap:7px;
    }
    .logout-link{color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--muted);}
    .logout-link:hover{color:var(--red);border-bottom-color:var(--red);}
    .nav-link{
      background:transparent;border:1px solid var(--line);color:var(--muted);
      font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:15.4px;
      letter-spacing:.08em;padding:12px 21px;border-radius:6px;text-decoration:none;
      display:inline-block;
    }
    .nav-link.active{border-color:var(--amber);color:var(--amber);background:rgba(242,169,0,.08);}
    .nav-link:hover:not(.active){border-color:var(--amber);color:var(--amber);}

    .panel{
      background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
      padding:25px;margin-bottom:20px;
    }
    .panel-title{
      font-family:'IBM Plex Mono',monospace;font-size:15.4px;letter-spacing:.12em;
      text-transform:uppercase;color:var(--muted);margin:0 0 16px;
    }
    label{
      display:block;font-size:15.4px;color:var(--muted);text-transform:uppercase;
      letter-spacing:.06em;margin-bottom:6px;
    }
    input, select{
      width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);
      border-radius:6px;padding:13px 14px;color:var(--text);
      font-family:'IBM Plex Mono',monospace;font-size:17.9px;
      transition:border-color .15s, box-shadow .15s;
    }
    input::placeholder{color:#5a6167;}
    input:focus, select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(242,169,0,.18);}
    input:disabled{opacity:.4;cursor:not-allowed;}

    button{
      font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
      letter-spacing:.05em;font-size:17.9px;background:var(--amber);color:#1b1e21;
      border:none;border-radius:6px;padding:14px 28px;cursor:pointer;
      transition:transform .1s, background .15s;
    }
    button:hover{background:#ffbb1a;}
    button:active{transform:scale(.98);}
    button:disabled{background:var(--amber-dim);color:#c9c1ad;cursor:wait;}
    button.secondary{background:transparent;border:1px solid var(--line);color:var(--text);}
    button.secondary:hover{border-color:var(--amber);color:var(--amber);background:transparent;}

    .msg{font-size:16.6px;font-family:'IBM Plex Mono',monospace;margin-top:12px;display:none;}
    .msg.show{display:block;}
    .msg.ok{color:var(--green);}
    .msg.err{color:var(--red);}

    /* ---------- Логін ---------- */
    #loginView .panel{max-width:380px;margin:60px auto 0;}
    #loginView .actions{display:flex;align-items:center;gap:16px;margin-top:16px;}
    #pinInput{text-align:center;font-size:28.2px;letter-spacing:.3em;}

    /* ---------- Список планів ---------- */
    .team-badge{
      display:inline-flex;align-items:center;gap:9px;
      font-family:'IBM Plex Mono',monospace;font-size:15.4px;color:var(--amber);
      text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;
    }
    .plan-card{
      display:block;text-decoration:none;color:inherit;
      background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);
      border-radius:var(--radius);padding:18px 21px;margin-bottom:12px;cursor:pointer;
      transition:border-color .15s;
    }
    .plan-card:hover{border-color:var(--amber);}
    .plan-card .title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px;}
    .title-right-stack{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
    .bonus-card-badge{
      font-family:'IBM Plex Mono',monospace;font-size:14.1px;font-weight:600;
      background:rgba(242,169,0,.15);color:var(--amber);padding:3px 10px;border-radius:4px;
      white-space:nowrap;
    }
    .plan-card .title-left{font-family:'Oswald',sans-serif;font-weight:600;font-size:20.5px;text-transform:uppercase;}
    .track-badge{
      font-size:13.4px;text-transform:uppercase;letter-spacing:.04em;
      padding:2px 9px;border-radius:4px;margin-left:8px;vertical-align:middle;
    }
    .track-badge.ahead{background:rgba(76,175,109,.18);color:var(--green);}
    .track-badge.yellow{background:rgba(242,169,0,.18);color:var(--amber);}
    .track-badge.red{background:rgba(214,69,69,.18);color:var(--red);}

    .team-filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px;}
    .filter-pill{
      background:transparent;border:1px solid var(--line);color:var(--muted);
      font-family:'IBM Plex Mono',monospace;font-weight:400;text-transform:uppercase;font-size:14.1px;
      letter-spacing:.06em;padding:8px 16px;border-radius:20px;cursor:pointer;
    }
    .filter-pill.active{border-color:var(--amber);color:var(--amber);background:rgba(242,169,0,.1);}
    .filter-pill:hover:not(.active){border-color:var(--amber);color:var(--amber);}
    .plan-card .sub{font-family:'IBM Plex Mono',monospace;font-size:15.4px;color:var(--muted);}
    .empty-state{padding:34px;text-align:center;color:var(--muted);font-size:16.6px;}

    .plans-section{margin-bottom:26px;}
    .plans-section-title{
      font-family:'IBM Plex Mono',monospace;font-size:15.4px;letter-spacing:.1em;
      text-transform:uppercase;color:var(--amber);margin:0 0 12px;
      display:flex;align-items:center;gap:9px;
    }
    .plans-section-count{
      background:rgba(242,169,0,.15);color:var(--amber);border-radius:10px;
      padding:1px 9px;font-size:14.1px;
    }
    .mini-progress{margin-top:10px;}
    .mini-progress-bg{height:8px;border-radius:4px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden;}
    .mini-progress-fill{height:100%;border-radius:4px;transition:width .4s ease;background:var(--green);}
    .mini-progress-fill.yellow{background:var(--amber);}
    .mini-progress-fill.red{background:var(--red);}
    .mini-progress-text{font-family:'IBM Plex Mono',monospace;font-size:14.1px;color:var(--muted);margin-top:4px;display:block;}

    /* ---------- Деталі плану ---------- */
    .plan-header{margin-bottom:12px;}
    .title-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
    .plan-header h2{
      font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:28.2px;margin:0;
    }
    .plan-header .sub{color:var(--muted);font-size:16.6px;font-family:'IBM Plex Mono',monospace;}

    .status-badge{
      font-family:'IBM Plex Mono',monospace;font-size:14.1px;text-transform:uppercase;
      letter-spacing:.06em;padding:7px 16px;border-radius:6px;white-space:nowrap;height:fit-content;
      background:rgba(154,163,171,.15);color:var(--muted);
    }
    .status-badge.in-progress{background:rgba(242,169,0,.15);color:var(--amber);}
    .status-badge.done{background:rgba(76,175,109,.15);color:var(--green);}

    .admin-actions{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap;}

    .back-link{
      display:inline-block;color:var(--muted);font-size:16.6px;text-decoration:none;
      font-family:'IBM Plex Mono',monospace;margin-bottom:18px;
      border-bottom:1px dashed transparent;
    }
    .back-link:hover{color:var(--amber);border-bottom-color:var(--amber);}

    .print-actions{display:flex;justify-content:flex-end;gap:9px;margin:0 0 22px;flex-wrap:wrap;}
    .print-actions button{padding:9px 18px;font-size:16px;}

    .admin-links-row{display:flex;gap:23px;flex-wrap:wrap;margin:0 0 14px;}
    .admin-link{
      color:var(--muted);font-size:16px;text-decoration:none;
      font-family:'IBM Plex Mono',monospace;border-bottom:1px dashed var(--line);
    }
    .admin-link:hover{color:var(--amber);border-bottom-color:var(--amber);}

    .edit-panel{
      background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);
      border-radius:var(--radius);padding:18px 21px;margin-bottom:18px;
    }
    .edit-panel-hint{font-size:15.4px;color:var(--muted);margin:0 0 14px;line-height:1.5;}
    .edit-panel-subtitle{
      font-family:'IBM Plex Mono',monospace;font-size:14.1px;letter-spacing:.1em;
      text-transform:uppercase;color:var(--amber);margin:18px 0 12px;
      border-top:1px dashed var(--line);padding-top:14px;
    }
    .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:14px;}
    .grid2 .field-wide{grid-column:1 / -1;}
    .field{margin-bottom:14px;}
    .delete-plan-link{
      color:var(--muted);font-size:15.4px;text-decoration:none;
      border-bottom:1px dashed var(--muted);font-family:'IBM Plex Mono',monospace;
      letter-spacing:.04em;
    }
    .delete-plan-link:hover{color:var(--red);border-bottom-color:var(--red);}
    button.btn-danger{background:var(--red);color:#ffffff;}
    button.btn-danger:hover{background:#e85c5c;}
    .edit-panel-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
    .extra-day-row{display:flex;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap;}
    .extra-day-row input[type=date]{flex:1;min-width:150px;}
    .extra-day-row select{flex:1;min-width:190px;}
    .extra-day-row .remove-row{
      background:transparent;border:1px solid var(--line);color:var(--muted);
      border-radius:6px;width:38px;height:38px;padding:0;flex-shrink:0;font-family:inherit;font-size:17.9px;
    }
    .extra-day-row .remove-row:hover{border-color:var(--red);color:var(--red);background:transparent;}
    .add-day-link{
      display:inline-flex;align-items:center;gap:7px;
      background:transparent;border:1px dashed var(--line);color:var(--text);
      border-radius:6px;padding:10px 18px;font-family:'IBM Plex Mono',monospace;
      font-size:16.6px;cursor:pointer;
    }
    .add-day-link:hover{border-color:var(--amber);color:var(--amber);background:transparent;}

    /* ---------- Прогрес ---------- */
    .progress-block{margin:20px 0 24px;}
    .bonus-summary{
      display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:-4px 0 24px;padding:16px 21px;
      background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);
      border-radius:var(--radius);
    }
    .bonus-summary-icon{font-size:33.3px;line-height:1;flex-shrink:0;}
    .bonus-summary-item{display:flex;flex-direction:column;gap:5px;}
    .bonus-summary-label{
      font-family:'IBM Plex Mono',monospace;font-size:13.4px;text-transform:uppercase;
      letter-spacing:.06em;color:var(--muted);
    }
    .bonus-summary-value{font-family:'Oswald',sans-serif;font-weight:700;font-size:25.6px;color:var(--text);}
    .bonus-summary-total .bonus-summary-value{color:var(--amber);}
    .bonus-cell{font-weight:600;color:var(--amber);}
    .bonus-cell.zero{color:var(--muted);font-weight:400;}

    /* ---------- Модалка "Графік випуску" ---------- */
    .modal-overlay{
      display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);
      z-index:60;align-items:center;justify-content:center;padding:23px;
    }
    .modal-overlay.show{display:flex;}
    .chart-modal-box{
      background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
      max-width:960px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;
      box-shadow:0 20px 60px rgba(0,0,0,.5);
    }
    .chart-modal-header{
      display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
      padding:21px 25px;border-bottom:1px solid var(--line);flex-shrink:0;
    }
    .chart-modal-header h3{
      margin:0;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
      font-size:21.8px;letter-spacing:.02em;
    }
    .chart-modal-sub{
      font-family:'IBM Plex Mono',monospace;font-size:14.7px;color:var(--muted);margin-top:5px;
    }
    .chart-close-btn{padding:8px 15px;font-size:16.6px;flex-shrink:0;}
    .chart-modal-body{padding:23px 25px 30px;overflow-y:auto;overflow-x:hidden;}

    .chart-panel{margin-bottom:26px;}
    .chart-panel:last-child{margin-bottom:0;}
    .chart-panel-title{
      font-family:'IBM Plex Mono',monospace;font-size:15.4px;text-transform:uppercase;
      letter-spacing:.08em;color:var(--muted);margin:0 0 4px;
    }
    .chart-legend{display:flex;gap:21px;flex-wrap:wrap;margin-bottom:10px;}
    .chart-legend-item{display:flex;align-items:center;gap:7px;font-size:14.7px;color:var(--muted);font-family:'IBM Plex Mono',monospace;}
    .chart-legend-swatch{width:16px;height:0;border-top-width:3px;border-top-style:solid;flex-shrink:0;}
    .chart-legend-swatch.dashed{border-top-style:dashed;}
    .chart-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);}
    .chart-empty{padding:34px;text-align:center;color:var(--muted);font-size:16.6px;}

    .chart-point{cursor:pointer;}
    .chart-point:hover{filter:brightness(1.3);}

    .chart-tooltip{
      position:fixed;background:#0f1113;border:1px solid var(--amber);border-radius:6px;
      padding:8px 13px;font-family:'IBM Plex Mono',monospace;font-size:15.4px;color:var(--text);
      pointer-events:none;z-index:100;display:none;white-space:nowrap;
      box-shadow:0 6px 18px rgba(0,0,0,.5);
    }
    .chart-tooltip .tt-label{color:var(--muted);margin-right:6px;}
    .progress-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
    .progress-bar-label{width:56px;font-size:14.1px;color:var(--muted);text-transform:uppercase;font-family:'IBM Plex Mono',monospace;flex-shrink:0;}
    .progress-bar-bg{flex:1;height:16px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden;position:relative;}
    .progress-bar-fill{height:100%;border-radius:8px 0 0 8px;transition:width .5s ease;width:0;}
    .progress-bar-fill.plan{background:#4a4f55;}
    .progress-bar-fill.actual{background:var(--green);}
    .progress-bar-fill.actual.yellow{background:var(--amber);}
    .progress-bar-fill.actual.red{background:var(--red);}
    .progress-bar-today-hatch{
      position:absolute;top:0;height:100%;pointer-events:none;
      background-image:repeating-linear-gradient(45deg, rgba(0,0,0,.4) 0px, rgba(0,0,0,.4) 4px, transparent 4px, transparent 8px);
    }
    .progress-bar-pct{width:46px;text-align:right;font-family:'IBM Plex Mono',monospace;font-size:15.4px;color:var(--text);flex-shrink:0;}
    .progress-bar-qty{width:110px;text-align:right;font-family:'IBM Plex Mono',monospace;font-size:15.4px;color:var(--muted);flex-shrink:0;}
    .progress-status{font-family:'IBM Plex Mono',monospace;font-size:16.6px;margin-top:6px;}
    .closed-minutes-row{font-family:'IBM Plex Mono',monospace;font-size:16px;color:var(--muted);margin-top:4px;}
    .closed-minutes-row span{color:var(--text);font-weight:600;}
    .progress-status.ahead{color:var(--green);}
    .progress-status.behind{color:var(--red);}
    .progress-status.ontrack{color:var(--amber);}

    .table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
    .table-scroll{overflow-x:auto;}
    .table-wrap table{width:100%;border-collapse:collapse;min-width:620px;}
    .table-wrap thead th{
      font-family:'IBM Plex Mono',monospace;font-size:14.1px;text-transform:uppercase;letter-spacing:.04em;
      color:var(--muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);
      background:var(--panel-2);white-space:nowrap;
    }
    .table-wrap tbody td{
      font-family:'IBM Plex Mono',monospace;font-size:16.6px;padding:9px 14px;
      border-bottom:1px solid var(--line);white-space:nowrap;
    }
    .table-wrap thead th:first-child, .table-wrap tbody td:first-child{padding-right:22px;}
    .table-wrap tbody tr:last-child td{border-bottom:none;}
    .table-wrap tbody tr.weekend td{color:var(--muted);background:rgba(214,69,69,.06);}
    .table-wrap tbody tr.today td{background:rgba(74,134,232,.14);}
    .table-wrap tbody tr.today td:first-child{border-left:3px solid var(--blue);}
    .actual-input{width:90px;padding:7px 9px;font-size:16.6px;}
    .people-input{width:70px;padding:7px 9px;font-size:16.6px;}
    .people-input:disabled{opacity:.3;}
    .comment-line{margin-top:4px;max-width:150px;}
    .add-comment-link{
      color:var(--muted);font-size:17.9px;text-decoration:none;
      border:1px dashed var(--line);border-radius:4px;
      width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;
      line-height:1;
    }
    .add-comment-link:hover{color:var(--amber);border-color:var(--amber);}
    .delete-day-link{
      color:var(--red);font-size:14.1px;text-decoration:none;
      border-bottom:1px dashed var(--red);white-space:nowrap;
    }
    .delete-day-link:hover{color:#ff7a7a;border-bottom-color:#ff7a7a;}
    .fact-comment{
      color:var(--text);font-size:15.4px;cursor:pointer;
      display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
      border-bottom:1px dashed var(--muted);
    }
    .fact-comment:hover{color:var(--amber);border-bottom-color:var(--amber);}
    .comment-edit{display:flex;align-items:center;gap:7px;}
    .comment-edit .comment-input{width:150px;padding:6px 9px;font-size:15.4px;}
    .comment-save-btn, .comment-cancel-btn{
      padding:6px 10px;font-size:15.4px;border-radius:5px;flex-shrink:0;
      font-family:'IBM Plex Mono',monospace;text-transform:none;letter-spacing:0;
    }
    .comment-save-btn{background:var(--amber);color:#1b1e21;border:none;}
    .comment-cancel-btn{background:transparent;border:1px solid var(--line);color:var(--muted);}
    .comment-cancel-btn:hover{border-color:var(--red);color:var(--red);}
    .actual-input:disabled{opacity:.3;}
    .actual-input.save-ok{border-color:var(--green) !important;box-shadow:0 0 0 2px rgba(76,175,109,.25);}
    .actual-input.save-err{border-color:var(--red) !important;box-shadow:0 0 0 2px rgba(214,69,69,.25);}
    .traffic-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:8px;vertical-align:middle;}
    .traffic-dot.dot-green{background:var(--green);width:14px;height:14px;}
    .traffic-dot.dot-orange{background:var(--amber);}
    .traffic-dot.dot-red{background:var(--red);}
    .finish-flag{margin-left:8px;font-size:16px;vertical-align:middle;}
    .tag{font-size:13.4px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:4px;background:rgba(242,169,0,.15);color:var(--amber);}
    .tag.today-tag{background:rgba(74,134,232,.18);color:#7fb2ff;margin-left:6px;}

    .bottom-actions{display:flex;align-items:center;gap:16px;margin:16px 0;flex-wrap:wrap;}
    .save-status-row{min-height:20px;margin:8px 0 12px;}

    #printArea{display:none;}
    @media print{
      @page{size:A4;margin:14mm;}
      html, body{height:auto !important;overflow:visible !important;}
      /* display:none (а не лише visibility:hidden) на всіх сусідах printArea — інакше невидимий
         вміст (список планів, деталі, модалки) усе одно займає місце по висоті макета,
         і принтер додає зайві порожні сторінки під ним */
      .wrap > *:not(#printArea){display:none !important;}
      body *{visibility:hidden;}
      #printArea, #printArea *{visibility:visible;}
      #printArea{
        display:block;position:absolute;top:0;left:0;width:100%;max-width:100%;
        background:#ffffff;color:#111111;box-sizing:border-box;overflow-x:hidden;
      }
      .print-header{border-bottom:2px solid #111111;padding-bottom:10px;margin-bottom:14px;}
      .print-logo{width:100px;height:auto;display:block;margin-bottom:8px;}
      .print-title{
        font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;
        margin:0;color:#111111;white-space:normal;word-break:break-word;
      }
      .print-meta{font-size:13px;font-weight:600;color:#222222;margin:4px 0 6px;white-space:normal;}
      .print-summary{font-size:12px;color:#555555;margin:0 0 14px;white-space:normal;}
      .print-ribbons{margin-bottom:16px;}
      .print-ribbon-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;}
      .print-ribbon-row span:first-child{width:44px;text-transform:uppercase;color:#555555;flex-shrink:0;}
      .print-bar-bg{flex:1;height:12px;background:#eeeeee;border:1px solid #cccccc;border-radius:6px;overflow:hidden;}
      .print-bar-fill{height:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
      .print-bar-fill.plan{background:#f2a90066;}
      .print-bar-fill.actual{background:#f2a900;}
      .print-bar-qty{width:120px;font-size:11px;color:#333333;flex-shrink:0;}
      .print-status{font-size:12px;font-weight:600;color:#333333;margin-bottom:14px;}
      .print-table{width:100%;max-width:100%;border-collapse:collapse;font-size:10.5px;table-layout:fixed;}
      .print-table th{
        background:#e6e6e6 !important;color:#111111;text-align:left;padding:6px 8px;
        border-bottom:1px solid #999999;-webkit-print-color-adjust:exact;print-color-adjust:exact;
        white-space:normal;word-break:break-word;
      }
      .print-table td{
        padding:5px 8px;border-bottom:1px solid #cccccc;color:#111111;
        white-space:normal;word-break:break-word;overflow-wrap:break-word;
      }
      .print-table th:first-child, .print-table td:first-child{padding-right:16px;}
      .print-table tr.off td{background:#f2f2f2 !important;color:#555555;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
      .print-footer-note{font-size:10px;color:#666666;margin-top:14px;}
    }

/* Кольорова крапка команди в чіпі фільтра — замінює окрему легенду кольорів. */
.filter-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;
  vertical-align:baseline;flex:none;}
.filter-pill{display:inline-flex;align-items:center;}