/* Выезды: свет, полупрозрачные панели и короткий путь к действиям. */
.dept-fs.trips-flux{
  --trip-ink:#182338;--trip-muted:#617087;--trip-line:rgba(255,255,255,.78);--trip-radius:16px;
  --trip-glass:rgba(255,255,255,.61);--trip-shadow:0 18px 45px rgba(47,73,100,.10);
  position:relative;isolation:isolate;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 96px);
  padding:18px;overflow:hidden;border-radius:var(--trip-radius);color:var(--trip-ink);
  background:linear-gradient(125deg,#d6e4ec 0%,#eaf0ee 28%,#f4e8cf 58%,#dce8ec 100%);
}
.dept-fs.trips-flux::before,.dept-fs.trips-flux::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(42px);
}
.dept-fs.trips-flux::before{
  width:min(68vw,850px);height:min(62vw,730px);top:-190px;left:34%;opacity:.88;
  background:radial-gradient(circle at 42% 45%,#fff6b2 0%,#ffdf62 25%,#ffd177 44%,rgba(255,181,116,.35) 62%,transparent 75%);
  animation:tripGlowDrift 14s ease-in-out infinite alternate;
}
.dept-fs.trips-flux::after{
  width:min(52vw,690px);height:600px;bottom:-190px;left:-160px;opacity:.72;
  background:radial-gradient(circle,#a7dbe8 0%,rgba(121,190,222,.48) 45%,transparent 73%);
  animation:tripBlueDrift 17s ease-in-out infinite alternate;
}
@keyframes tripGlowDrift{0%{transform:translate(-8%,1%) scale(.91)}50%{transform:translate(5%,9%) scale(1.05)}100%{transform:translate(13%,-3%) scale(.95)}}
@keyframes tripBlueDrift{0%{transform:translate(-3%,4%) scale(1)}100%{transform:translate(22%,-8%) scale(1.15)}}
@keyframes tripRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes tripShimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
.trips-flux .dept-fs-side,.trips-flux .dept-fs-main{
  position:relative;min-width:0;border:1px solid var(--trip-line);border-radius:var(--trip-radius);
  background:var(--trip-glass);box-shadow:var(--trip-shadow);backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
}
.trips-flux .dept-fs-side{z-index:3;align-self:stretch;top:auto;max-height:none;overflow:visible;padding:17px 21px;animation:tripRise .6s both}
.trips-flux .dept-fs-main{z-index:1;flex:1;overflow:visible;padding:18px 22px 24px;animation:tripRise .65s .09s both}
.trips-flux .trip-hero-top{display:grid;grid-template-columns:minmax(230px,.6fr) minmax(0,1.7fr) minmax(340px,.85fr);align-items:center;gap:18px}
.trips-flux .trip-hero-heading{grid-area:heading}
.trips-flux .trip-toolbar{grid-area:toolbar}
.trips-flux .trip-hero-utility{grid-area:utility;display:grid;grid-template-rows:50px 50px;align-items:stretch;gap:8px;min-width:0}
.trips-flux .trip-hero-top{grid-template-areas:"heading toolbar utility"}
.trips-flux .trip-toolbar[hidden]{display:none!important}
.trips-flux .trip-hero-top.trip-no-toolbar .trip-hero-utility{grid-template-rows:50px}
.trips-flux .trip-hero-heading{min-width:0}
.trips-flux .dept-fs-head{display:flex;align-items:center;gap:12px;margin:0 0 8px}
.trips-flux .trip-hero-eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#718196}
.trips-flux .dept-back-btn{flex:0 0 auto;border:1px solid #dbe4e9;border-radius:999px;background:rgba(255,255,255,.72);padding:6px 12px;font-size:11px;box-shadow:0 3px 8px rgba(47,73,100,.05)}
.trips-flux .dept-back-btn:hover{background:#fff;border-color:#a8bac7;transform:translateX(-2px)}
.trips-flux .dept-fs-title{font-size:clamp(23px,2.2vw,32px);letter-spacing:-.045em;line-height:1.08;color:var(--trip-ink)}
.trips-flux .dept-fs-sub{font-size:12px;font-weight:600;color:var(--trip-muted);margin:6px 0 0}
.trips-flux .trip-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;min-width:0;width:100%}
.trips-flux .trip-hero-actions.trip-actions-single{grid-template-columns:minmax(0,1fr)}
.trips-flux .dept-fs-add{
  width:100%;min-width:0;height:50px;margin:0;padding:9px 17px;border:1px solid #fff4a7;border-radius:999px;
  color:#182338;background:linear-gradient(112deg,#ffe563,#ffd546,#fff19d,#ffdf4d);background-size:250% 100%;
  box-shadow:0 9px 22px rgba(217,166,36,.28),inset 0 1px rgba(255,255,255,.65);font-size:12px;font-weight:800;
  animation:tripShimmer 6s ease-in-out infinite alternate;transition:transform .2s,box-shadow .2s;
}
.trips-flux .dept-fs-add:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 13px 28px rgba(217,166,36,.38)}
.trips-flux .dept-fs-add:active{transform:translateY(0) scale(.98)}
.trips-flux .trip-stats-details{position:relative;margin:0;min-width:0;width:100%;height:50px;z-index:10}
.trips-flux .trip-stats-details summary{display:flex;align-items:center;gap:8px;height:100%;min-height:0;box-sizing:border-box;padding:5px 12px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.65);cursor:pointer;list-style:none;box-shadow:0 5px 15px rgba(47,73,100,.07);transition:background .2s,transform .2s}
.trips-flux .trip-stats-details summary::-webkit-details-marker{display:none}
.trips-flux .trip-stats-details summary:hover{background:#fff;transform:translateY(-2px)}
.trips-flux .trip-stats-summary-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:linear-gradient(135deg,#ffdb66,#f6f5d1 48%,#c3e5f0);color:#294f74;font-size:18px}
.trips-flux .trip-stats-summary-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.trips-flux .trip-stats-summary-copy b{font-size:11px;color:var(--trip-ink)}
.trips-flux .trip-stats-summary-copy small{font-size:9px;color:var(--trip-muted);white-space:nowrap}
.trips-flux .trip-stats-summary-arrow{font-size:16px;color:#64768b;transition:transform .2s}
.trips-flux .trip-stats-details[open] .trip-stats-summary-arrow{transform:rotate(180deg)}
.trips-flux .dept-fs-dash{
  position:absolute;top:calc(100% + 9px);right:0;width:min(370px,calc(100vw - 38px));max-height:min(660px,calc(100vh - 160px));overflow:auto;
  padding:14px;margin:0;border:1px solid rgba(255,255,255,.94);border-radius:19px;background:rgba(248,251,252,.97);
  box-shadow:0 24px 60px rgba(27,49,74,.22);animation:tripRise .2s both;
}
.trips-flux .trip-stats-empty{padding:20px 12px;text-align:center;color:var(--trip-muted);font-size:12px;line-height:1.5}
.trips-flux .trip-stats-block{padding:0;border:0;background:none}
.trips-flux .trip-stats-block>.trip-stats-title:first-child{display:none}
.trips-flux .trip-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 12px}
.trips-flux .trip-stat-pill{min-width:0;padding:9px 5px;border-radius:12px;background:linear-gradient(125deg,#fff,#f3f7f8)!important;border:1px solid #dce7ed}
.trips-flux .trip-stat-pill-val{font-size:20px;letter-spacing:-.04em}
.trips-flux .trip-stat-pill-lbl{font-size:9px;line-height:1.2}
.trips-flux .trip-emp-stat-row{width:100%;font-family:var(--font);text-align:left;color:inherit;border-color:#dae4eb;background:#f7fafb;border-radius:11px}
.trips-flux .trip-emp-stat-row:hover{background:#fff;box-shadow:0 4px 14px rgba(57,75,99,.1)}
.trips-flux .trip-emp-stat-av{background:#315f9a}
.trips-flux .trip-others-toggle{border-radius:10px;background:#f2f6f8}
.trips-flux #tripsSideCtrls{display:block;min-width:0;width:100%;height:50px;margin:0;padding:0;border:0}
.trips-flux #tripsSearchHost{width:100%;height:100%;min-width:0}
.trips-flux .dept-fs-tabs{border:0;margin:0 0 13px;gap:6px}
.trips-flux .dept-fs-tab{border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.48);padding:7px 15px;font-size:11px}
.trips-flux .dept-fs-tab.active{border-color:#fff;background:#fff;color:var(--trip-ink);box-shadow:0 4px 12px rgba(59,73,97,.1)}
.trips-flux #deptWorkspace.trip-workspace{display:block}
.trips-flux .trip-toolbar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:50px 50px;gap:8px;align-items:stretch;min-width:0;max-width:none}
.trips-flux .trip-view-stage{position:relative;min-width:0}
.trips-flux #tripsList{position:relative;z-index:1;min-width:0;margin-top:0}
.trips-flux .trip-view-ghost{position:absolute;z-index:2;inset:0 0 auto;width:100%;pointer-events:none}
.trips-flux .trip-month-bar{min-width:0;height:50px;box-sizing:border-box;margin:0;padding:7px 9px;gap:6px;border:1px solid var(--trip-line);border-radius:16px;background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(72,91,112,.06)}
.trips-flux .trip-month-bar .tm-cap,.trips-flux .trip-view-title{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 74px;width:74px;min-width:0;box-sizing:border-box;
  margin:0;padding:0 8px;border:1px solid rgba(255,255,255,.88);border-radius:var(--trip-radius);
  background:linear-gradient(120deg,rgba(181,218,237,.88),rgba(255,234,159,.86));
  box-shadow:inset 0 1px rgba(255,255,255,.75),0 3px 9px rgba(69,96,113,.08);
  color:#294664;font-size:10px;font-weight:800;letter-spacing:.07em;white-space:nowrap;
}
.trips-flux .trip-month-bar .tm-cap{text-transform:uppercase}
.trips-flux .trip-month-bar .tm-pills{min-width:0;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px;gap:6px;overscroll-behavior-inline:contain;user-select:none;-webkit-user-select:none;cursor:grab;-webkit-overflow-scrolling:touch}
.trips-flux .trip-month-bar .tm-pills.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.trips-flux .trip-month-bar .tm-pills.is-dragging .tm-pill{cursor:grabbing}
.trips-flux .trip-month-bar .tm-pills::-webkit-scrollbar{display:none}
.trips-flux .tm-pill{scroll-snap-align:center;font-size:11px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid #e0e8ec;background:rgba(255,255,255,.62);color:#56677a;box-shadow:none;cursor:grab;transition:transform .2s,background .2s,box-shadow .2s}
.trips-flux .tm-pill .tm-short{display:none}
.trips-flux .tm-pill:hover{border-color:#b7c8d3;background:#fff;transform:translateY(-2px)}
.trips-flux .tm-pill.on{background:linear-gradient(115deg,#1e3e61,#24344a 62%,#355d79);border-color:#243d58;color:#fff;box-shadow:0 5px 13px rgba(32,49,72,.22)}
.trips-flux .tm-nav{width:32px;height:32px;border-radius:50%;font-size:18px;background:rgba(255,255,255,.78);border:1px solid #e0e8ec}
.trips-flux .tm-nav:hover{background:#203148;color:#fff;border-color:#203148}
.trips-flux .trip-view-panel{display:flex;align-items:center;gap:10px;min-width:0;height:50px;box-sizing:border-box;padding:6px 8px;border:1px solid var(--trip-line);border-radius:var(--trip-radius);background:rgba(255,255,255,.58);box-shadow:0 8px 20px rgba(72,91,112,.05)}
.trips-flux .trip-view-options{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;flex:1;min-width:0}
.trips-flux .trip-view-options .trip-view-btn{position:relative;z-index:1;min-width:0;padding:10px 4px;border-radius:var(--trip-radius);color:#526579;font-size:11px;transition:background .2s,color .2s,transform .2s}
.trips-flux .trip-view-options .trip-view-btn:hover{background:rgba(255,255,255,.48);transform:translateY(-1px)}
.trips-flux .trip-view-options .trip-view-btn.active,.trips-flux .trip-view-options .trip-view-btn.active:hover{color:#6d50c9;background:#ede8ff;box-shadow:none}
.trips-flux .trip-ws-search{position:relative;align-self:stretch;min-width:0;max-width:none;width:100%;height:50px;min-height:0;box-sizing:border-box;border:1px solid var(--trip-line);border-radius:999px;background:rgba(255,255,255,.66);padding:4px 7px 4px 13px;margin:0;box-shadow:0 8px 20px rgba(72,91,112,.05)}
.trips-flux .trip-search-inp{border:0;background:transparent;padding:8px 5px;box-shadow:none}
.trips-flux .trip-search-clear{border:0;border-radius:50%;background:rgba(225,234,240,.7)}
.trips-flux .trip-search-inp:focus-visible{outline:0}
.trips-flux .trip-ws-search:focus-within{border-color:#729dc2;box-shadow:0 0 0 3px rgba(80,145,196,.15)}
.trips-flux .trip-search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:8;max-height:440px;overflow:auto;box-shadow:0 14px 34px rgba(27,49,74,.18)}
.trips-flux .trip-card{border-radius:16px;border-color:#dce5ec;background:rgba(255,255,255,.79);box-shadow:0 6px 20px rgba(58,77,99,.06);transition:transform .22s,box-shadow .22s,background .22s}
.trips-flux .trip-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 13px 28px rgba(58,77,99,.13)}
.trips-flux .trip-card.done{background:linear-gradient(135deg,rgba(222,249,236,.9),rgba(255,255,255,.9));border-color:#aee5cb}
.trips-flux .trip-card-status{border-radius:999px;padding:4px 10px}
.trips-flux .trip-card-name{color:var(--trip-ink)}
.trips-flux .trip-stats-details summary:focus-visible,.trips-flux button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
#newTripModal.trip-create-modal{background:rgba(24,37,50,.53)!important;backdrop-filter:blur(7px)}
#newTripModal .trip-create-dialog{overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:22px!important;background:#f5f8fa!important;box-shadow:0 22px 70px rgba(12,27,44,.27)!important;animation:tripRise .25s both}
#newTripModal .trip-create-head{background:radial-gradient(circle at 68% 0,rgba(255,222,97,.42),transparent 52%),linear-gradient(115deg,#e7f2f5,#f8f9f5);border-bottom-color:#dfe8ed!important}
#newTripModal .trip-create-head>div{font-size:22px!important;letter-spacing:-.035em;color:#172033!important}
#newTripModal .trip-modal-col{background:rgba(255,255,255,.52)}
#newTripModal .trip-modal-col-l{border-right-color:#e1e9ef}
#newTripModal .trip-modal-lbl{color:#526477;font-size:10px;letter-spacing:.065em}
#newTripModal .trip-modal-inp{min-height:39px;border:1px solid #d7e2e9;border-radius:11px;background:#fff;padding:9px 11px}
#newTripModal .trip-modal-inp:focus{border-color:#69a2c7;box-shadow:0 0 0 3px rgba(73,153,205,.14)}
#newTripModal .trip-emp-picker{background:#fff;border-color:#d7e2e9;border-radius:12px}
#newTripModal .trip-create-footer{background:#f1f5f7;border-top-color:#dce6ec!important}
#newTripModal #tripSaveBtn{border-radius:999px!important;background:#ffdf50!important;color:#172033!important;box-shadow:0 5px 14px rgba(235,188,39,.25)}
#newTripModal #tripSaveBtn:hover{background:#ffe878!important}
#newTripModal #tripCancelBtn{border-radius:999px!important;background:#fff!important}
@media(min-width:901px){
  .trips-flux .trip-hero-top.trip-no-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading utility"}
}
@media(max-width:1700px) and (min-width:901px){
  .trips-flux .trip-hero-eyebrow{display:none}
}
@media(max-width:1350px) and (min-width:901px){
  .trips-flux .trip-hero-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading utility" "toolbar toolbar";gap:12px}
  .trips-flux .trip-toolbar{max-width:1200px}
}
@media(max-width:900px){
  .dept-fs.trips-flux{padding:10px;gap:10px}
  .trips-flux .dept-fs-side{position:relative;max-height:none;padding:15px}
  .trips-flux .dept-fs-main{padding:16px}
  .trips-flux .trip-hero-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "utility" "toolbar";align-items:start;gap:12px}
  .trips-flux .trip-hero-utility{align-items:stretch}
  .trips-flux .trip-hero-top.trip-no-toolbar{grid-template-areas:"heading" "utility"}
  .trips-flux .trip-hero-actions{width:100%}
  .trips-flux .dept-fs-dash{left:0;right:auto}
  .trips-flux .trip-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trips-flux .trip-toolbar{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .trips-flux .trip-month-bar{height:auto;min-height:50px}
  .trips-flux .trip-view-panel{height:auto;min-height:50px}
  .trips-flux #tripsList{margin-top:0}
}
@media(max-width:560px){
  .trips-flux .dept-fs-title{font-size:24px}
  .trips-flux .trip-hero-eyebrow{font-size:9px}
  .trips-flux .dept-fs-sub{font-size:11px}
  .trips-flux .dept-fs-main{padding:14px}
  .trips-flux .trip-hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .trips-flux .trip-stats-details{min-width:0}
  .trips-flux .trip-stats-details summary{justify-content:center}
  .trips-flux .dept-fs-add{min-width:0;width:100%}
  .trips-flux .dept-fs-dash{left:0;right:auto}
  .trips-flux .trip-month-bar{display:grid;grid-template-columns:31px minmax(0,1fr) 31px;gap:5px;padding:7px}
  .trips-flux .trip-month-bar .tm-cap{display:inline-flex;grid-column:1/-1;min-height:28px;margin:0 0 2px 2px}
  .trips-flux .trip-month-bar .tm-pills{grid-column:2;grid-row:2}
  .trips-flux .trip-month-bar .tm-nav:first-of-type{grid-column:1;grid-row:2}
  .trips-flux .trip-month-bar .tm-nav:last-of-type{grid-column:3;grid-row:2}
  .trips-flux .tm-pill{padding:8px 10px;font-size:11px}
  .trips-flux .tm-pill .tm-long{display:none}
  .trips-flux .tm-pill .tm-short{display:inline}
  .trips-flux .tm-nav{width:31px;height:31px;flex:0 0 31px}
  .trips-flux .trip-view-panel{display:block;padding:9px}
  .trips-flux .trip-view-title{display:inline-flex;min-height:28px;margin:0 0 5px 0}
  .trips-flux .trip-view-options .trip-view-btn{font-size:11px;padding:9px 2px}
  #newTripModal.trip-create-modal{padding:8px!important}
  #newTripModal .trip-create-head{padding:15px 17px!important}
  #newTripModal .trip-create-footer{padding:12px!important;gap:7px!important}
  #newTripModal #tripSaveBtn{font-size:12px!important}
}
@media(max-width:340px){
  .trips-flux .trip-view-options .trip-view-btn{font-size:10px;letter-spacing:-.03em}
}
/* Единая форма интерактивных элементов и панелей на всех ширинах. */
.trips-flux :is(button,.trip-month-bar,.trip-view-panel,.trip-ws-search,.trip-search-results,.trip-card,.trip-card-status,.trip-check,.trip-bot-mark,.tcal-cell,.tcal-ev,.trip-stat-pill,.trip-emp-stat-row,.dept-fs-dash,.dept-fs-side,.dept-fs-main,.tboard-col,.tboard-card,.tboard-card-badge,.tboard-card-reason,.tboard-col-cnt,.tboard-emp-mstat,input:not([type="checkbox"]),select,textarea),
.trips-flux .trip-stats-details summary,
#newTripModal :is(button,.trip-create-dialog,.trip-modal-inp,.trip-emp-picker,.trip-work-opt,.trip-check,input,select,textarea){border-radius:16px!important}
@media(prefers-reduced-motion:reduce){
  .dept-fs.trips-flux::before,.dept-fs.trips-flux::after,.trips-flux .dept-fs-side,.trips-flux .dept-fs-main,.trips-flux .dept-fs-add,.trips-flux .dept-fs-dash,#newTripModal .trip-create-dialog{animation:none}
  .trips-flux .trip-view-options .trip-view-btn,.trips-flux .tm-pill,.trips-flux .trip-card{transition:none}
  .trips-flux .trip-month-bar .tm-pills{scroll-behavior:auto}
}