.v2-admin-tools{display:flex;align-items:center;gap:6px}.v2-admin-tools button{height:31px;border:1px solid #40506b;border-radius:7px;background:#182640;color:#fff;padding:0 10px;font-size:10px}.v2-admin-tools button.on{border-color:#36d399;color:#c9ffec}.v2-admin-tools button.danger{border-color:#a64150;background:#3c1d28;color:#ffdce1}
.v2-action-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.v2-action-row button{flex:1;min-width:75px;border:0;border-radius:6px;padding:7px 8px;font-size:9px;font-weight:800}.v2-action-primary{background:#2563eb;color:#fff}.v2-action-ok{background:#07966b;color:#fff}.v2-action-soft{background:#eaf1ff;color:#174bbd}.v2-action-warn{background:#fff6df;color:#9a6200}.v2-action-danger{background:#fff0f2;color:#ba2839;border:1px solid #f1c4cb!important}
.sidebar-bulk-cleanup{width:100%;margin:9px 0 3px;border:1px solid #f0c36a;border-radius:7px;padding:8px 6px;background:#fff6df;color:#8a5700;font-size:10px;font-weight:900;cursor:pointer}.sidebar-bulk-cleanup:hover{background:#ffefc2;border-color:#dda83d}.sidebar-bulk-cleanup:disabled{cursor:wait;opacity:.6}
.v2-company-block{border-top:1px solid #dce4ef;padding-top:6px;margin-top:4px}.v2-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.v2-company-grid label{display:flex;align-items:center;gap:4px;min-height:29px;padding:4px 6px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;font-size:9px}.v2-company-grid label:has(input:checked){border-color:#6090ed;background:#eaf1ff;color:#174bbd;font-weight:800}
.v2-device-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:8px;margin-top:10px}.v2-device-card{border:1px solid #dce4ef;border-radius:10px;background:#fff;padding:10px}.v2-device-card.online{border-color:#78d7b8;background:#f4fffb}.v2-device-card.blocked{border-color:#f0bdc5;background:#fff8f9}.v2-device-card h3{font-size:12px;margin:0}.v2-device-card .meta{font-size:9px;color:#68778d;line-height:1.8;margin-top:4px}.v2-direct-actions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.v2-direct-actions button{border:0;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:800}
.v2-log-toolbar,.v2-alert-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:9px 0}.v2-log-toolbar select{height:32px;border:1px solid #cbd6e4;border-radius:6px;padding:0 7px;min-width:180px}.v2-filter-button{border:1px solid #cbd6e4;border-radius:6px;background:#fff;color:#536278;padding:7px 9px;font-size:9px}.v2-filter-button.active{border-color:#2563eb;background:#2563eb;color:#fff;font-weight:800}.v2-analysis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.v2-analysis-card{border:1px solid #dce4ef;border-radius:8px;background:#f8fafc;padding:8px}.v2-analysis-card span{display:block;font-size:9px;color:#68778d}.v2-analysis-card b{display:block;font-size:16px;margin-top:5px}.v2-log-list,.v2-alert-list{border:1px solid #dce4ef;border-radius:8px;max-height:440px;overflow:auto;background:#fff}.v2-log-row,.v2-alert-row{display:grid;grid-template-columns:115px 82px 1fr;gap:7px;padding:8px;border-bottom:1px solid #edf0f4;font-size:10px;line-height:1.65}.v2-log-row:last-child,.v2-alert-row:last-child{border-bottom:0}.v2-log-row.error,.v2-alert-row.error{background:#fff1f3}.v2-log-row.warn,.v2-alert-row.warn{background:#fff8e8}.v2-log-row.success,.v2-alert-row.success{background:#edfdf7}.v2-alert-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800;background:#e8eef7;color:#43536b}.v2-alert-row.error .v2-alert-tag{background:#ffdce1;color:#a51e31}.v2-alert-row.warn .v2-alert-tag{background:#ffedbd;color:#8a5700}.v2-alert-row.success .v2-alert-tag{background:#d6f7e9;color:#05704e}.v2-empty{padding:35px;text-align:center;color:#68778d}
.v2-report-section{border:1px solid #dce4ef;border-radius:10px;padding:10px;margin:9px 0;background:#fff}.v2-report-section h3{font-size:12px;margin:0}.v2-save-tools{display:flex;gap:5px;grid-column:1/-1}.v2-save-tools button{flex:1;height:31px;border:1px solid #a9bce0;border-radius:5px;background:#eef4ff;color:#174bbd;font-size:9px;font-weight:800}
@media(max-width:1100px){.v2-device-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.v2-analysis-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v2-admin-tools{display:none}.v2-device-grid{grid-template-columns:1fr}.v2-analysis-grid{grid-template-columns:repeat(2,1fr)}}
.v2-staff-card{margin-top:10px}.v2-staff-form{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.5fr auto auto;gap:7px;align-items:center;margin:10px 0}.v2-staff-form .field-input{min-width:0;height:34px}.v2-staff-form select[multiple]{height:58px;padding:4px}.v2-staff-enabled{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}@media(max-width:1000px){.v2-staff-form{grid-template-columns:1fr 1fr}.v2-staff-form select[multiple]{grid-column:1/-1}}
.v2-ssh-card{margin-top:10px}.v2-ssh-form{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(100px,.5fr) minmax(260px,2fr) auto;gap:7px;align-items:center;margin:10px 0}.v2-ssh-form textarea.field-input{height:48px;padding:7px;resize:vertical;font-family:Consolas,monospace;font-size:10px}.v2-ssh-notice{padding:8px 10px;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff;color:#1e40af;font-size:10px;line-height:1.7}.v2-action-danger{border:1px solid #fecaca;border-radius:6px;background:#fff1f2;color:#b91c1c;padding:5px 8px;font-size:9px}@media(max-width:1000px){.v2-ssh-form{grid-template-columns:1fr 1fr}.v2-ssh-form textarea{grid-column:1/-1}}
.runtime-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;border:1px solid #cbd5e1;background:#f8fafc;color:#475569}
.runtime-chip.agent{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.runtime-chip.desktop{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.runtime-chip.unknown{border-color:#e2e8f0;background:#f8fafc;color:#64748b}
#reservation .reserve-return-toggle{align-self:end}#reservation .reserve-return-toggle .choice{height:31px;margin:0}#reserveReturnDate:disabled,#reservePriceMin:disabled,#reservePriceMax:disabled{background:#eef2f7;color:#94a3b8}

/* Desktop-inspired reservation workspace: readable, compact and viewport-bound. */
#reservation>.reservation-console{grid-template-columns:minmax(390px,1fr) minmax(420px,445px);grid-template-rows:43px 40px minmax(0,1fr) auto;height:calc(100vh - 150px);min-height:590px;overflow:hidden}
#reservation .reserve-layout{overflow-y:auto;overscroll-behavior:contain;padding:10px 11px;scrollbar-gutter:stable;border-radius:7px;box-shadow:inset 0 0 0 1px #eef2f7}
#reservation .reserve-block,#reservation .reserve-block.half,#reservation .reserve-block:nth-child(n){padding:9px 0}
#reservation .reserve-block:first-child{padding-top:2px}
#reservation .reserve-block h3{font-size:12px;margin-bottom:7px;display:flex;align-items:center;gap:6px}
#reservation .reserve-block h3:before{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#eaf1ff;color:#174bbd;font-size:10px;font-weight:900}
#reservation .reserve-block:nth-child(1) h3:before{content:'۱'}#reservation .reserve-block:nth-child(2) h3:before{content:'۲'}#reservation .reserve-block:nth-child(3) h3:before{content:'۳'}#reservation .reserve-block:nth-child(4) h3:before{content:'۴'}#reservation .reserve-block:nth-child(5) h3:before{content:'۵'}
#reservation .field label{font-size:10px;margin-bottom:4px;color:#52647b}#reservation .field input:not([type=checkbox]):not([type=range]),#reservation .field select{height:34px;font-size:12px;border-radius:6px}
#reservation input[type=checkbox]{width:14px;height:14px;min-width:14px;margin:0;accent-color:#2563eb}
#reservation .reserve-block:first-child .fields{grid-template-columns:1fr 36px 1fr}
#reservation .reserve-block:first-child .field:nth-child(5){grid-column:1}
#reservation .reserve-block:first-child .field:nth-child(6){grid-column:2;align-self:end}
#reservation .reserve-block:first-child .field:nth-child(7){grid-column:3}
#reservation .reserve-block:nth-child(2) .fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#reservation .reserve-block:nth-child(2) .choices{grid-template-columns:1fr;margin-top:7px}
#reservation .choice{min-height:33px;font-size:11px;padding:5px 7px}
#reservation .reserve-block:nth-child(4) .choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.price-range-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;direction:ltr}.price-range-pair input[type=range]{width:100%;height:18px;accent-color:#2563eb}.price-range-pair input:disabled{opacity:.4}
.v2-company-block{padding-bottom:2px!important}.v2-company-picker summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:35px;padding:7px 9px;border:1px solid #b9c9df;border-radius:6px;background:#f7faff;color:#174bbd;font-size:11px;font-weight:800;cursor:pointer}.v2-company-picker summary::-webkit-details-marker{display:none}.v2-company-picker summary:after{content:'▼';font-size:9px}.v2-company-picker[open] summary:after{content:'▲'}.v2-company-picker summary small{font-size:9px;color:#68778d;font-weight:400}.v2-company-grid{margin-top:7px}.v2-company-grid label{font-size:10px;min-height:31px}
.v2-company-tools{display:flex;gap:5px;margin-top:7px}.v2-company-tools button{flex:1;height:29px;border:1px solid #b9c9df;border-radius:5px;background:#fff;color:#174bbd;font-size:9px}
#reservation .reserve-actions{grid-template-columns:1fr 1fr;padding:8px;background:#f3f6fa;border-radius:7px;position:relative;z-index:2}#reservation .reserve-actions .btn{height:38px;font-size:11px}#reservation .reserve-status{grid-column:1/-1;font-size:10px;line-height:1.7}.v2-save-tools{grid-column:1/-1}.v2-save-tools button{height:34px;font-size:10px}
.reservation-monitor{border-radius:7px;overflow:hidden}.monitor-head{height:52px;padding:8px 11px}.monitor-head h3{font-size:13px}.monitor-filter-title{font-size:9px}.monitor-filter{font-size:9px;min-height:27px;padding:3px 6px}.reservation-table-wrap{min-height:0}
@media(max-width:1180px){#reservation>.reservation-console{height:auto;overflow:visible;grid-template-rows:auto;grid-template-columns:1fr;min-height:0}#reservation .reserve-layout{max-height:none;overflow:visible}.reservation-table-wrap{min-height:360px}}

/* Semantic groups keep this component portable to the employee panel. */
#reservation .execution-block .fields{grid-template-columns:minmax(0,1fr) 120px}#reservation .execution-block .field{grid-column:auto}
#reservation .travel-block .fields{grid-template-columns:1fr 36px 1fr}#reservation .travel-block .field{grid-column:auto}#reservation .travel-block .field:nth-child(1){grid-column:1}#reservation .travel-block .swap{grid-column:2;height:34px;align-self:end}#reservation .travel-block .field:nth-child(3){grid-column:3}#reservation .travel-block .field:nth-child(4){grid-column:1}#reservation .travel-block .field:nth-child(5){grid-column:2;align-self:end}#reservation .travel-block .field:nth-child(6){grid-column:3}
#reservation .passengers-block .fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#reservation .passengers-block .field{grid-column:auto}#reservation .passengers-block .field:nth-child(4){grid-column:1}#reservation .passengers-block .field:nth-child(5){grid-column:2/4}
#reservation .passengers-block .choices{grid-template-columns:1fr;margin-top:7px}#reservation .coupe-block .choices{grid-template-columns:repeat(2,minmax(0,1fr))}#reservation .time-block .choices{grid-template-columns:repeat(3,minmax(0,1fr))}#reservation .price-block .fields{grid-template-columns:1fr 1fr}#reservation .price-block .field{grid-column:auto}#reservation .price-block .field.wide{grid-column:1/-1}
#reservation .execution-block h3:before{content:'۰'}#reservation .travel-block h3:before{content:'۱'}#reservation .passengers-block h3:before{content:'۲'}#reservation .coupe-block h3:before{content:'۳'}#reservation .time-block h3:before{content:'۴'}#reservation .price-block h3:before{content:'۵'}
.monitor-filters{grid-template-columns:.9fr 1.55fr .75fr}.monitor-filter-heading{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#173f85;padding-bottom:5px;border-bottom:1px solid #dce4ef}.monitor-filter-heading small{font-size:9px;font-weight:400;color:#68778d}
@media(max-width:1320px){#reservation>.reservation-console{grid-template-columns:minmax(360px,1fr) minmax(410px,440px)}}
@media(max-width:1180px){#reservation .execution-block .fields,#reservation .travel-block .fields,#reservation .passengers-block .fields,#reservation .price-block .fields{grid-template-columns:1fr 1fr}#reservation .travel-block .swap{grid-column:1/-1}#reservation .travel-block .field:nth-child(n),#reservation .passengers-block .field:nth-child(n){grid-column:auto}}
#reservation .reserve-actions{grid-template-columns:1fr 120px}#reservation .reserve-status{grid-column:1/-1;grid-row:auto;order:-1}#reservation #startAddAndBuy{grid-column:1;height:46px;font-size:14px}#reservation #stopReservation{grid-column:2;height:46px;font-size:11px}#reservation #startAddAndBuy:disabled{background:#94a3b8;color:#fff}.v2-save-tools{grid-column:1/-1}

/* Compact pass based on the Windows control panel. */
#reservation .reserve-layout{padding:6px 8px}#reservation .reserve-block,#reservation .reserve-block.half,#reservation .reserve-block:nth-child(n){padding:6px 0}#reservation .reserve-block h3{font-size:11px;margin-bottom:5px;gap:5px}#reservation .reserve-block h3:before{width:17px;height:17px;font-size:9px;border-radius:4px}
#reservation .fields{gap:4px}#reservation .field label{font-size:9px;margin-bottom:2px}#reservation .field input:not([type=checkbox]):not([type=range]),#reservation .field select{height:29px;font-size:11px;padding:0 5px;border-radius:4px}
#reservation .execution-block .fields{grid-template-columns:minmax(0,1fr) 105px}#reservation .travel-block .fields{grid-template-columns:1fr 32px 1fr;gap:4px}#reservation .travel-block .swap{height:29px;border-radius:4px}#reservation .passengers-block .fields{gap:4px}#reservation .reserve-exclusive-field .choice{height:29px;min-height:29px}
#reservation .choice{min-height:28px;padding:3px 4px;border-radius:3px;font-size:9px;gap:3px}#reservation .coupe-block .choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}#reservation .time-block .choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.price-enable{margin-right:auto;display:flex;align-items:center;gap:4px;font-size:9px;font-weight:400;color:#52647b}.price-values{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#52647b;margin:0 2px 3px}.dual-range{--range-min:0%;--range-max:100%;height:24px;position:relative;margin:0 6px;direction:ltr}.dual-range-line{position:absolute;left:0;right:0;top:11px;height:4px;border-radius:99px;background:linear-gradient(to right,#cbd5e1 0 var(--range-min),#2563eb var(--range-min) var(--range-max),#cbd5e1 var(--range-max) 100%)}.dual-range input[type=range]{position:absolute;inset:0;width:100%;height:24px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}.dual-range input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid #2563eb;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,35,75,.3);pointer-events:auto;cursor:grab}.dual-range input[type=range]::-moz-range-track{height:4px;background:transparent}.dual-range input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #2563eb;border-radius:50%;background:#fff;pointer-events:auto;cursor:grab}.dual-range.disabled{opacity:.42}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.price-inputs input{min-width:0;height:27px;border:1px solid #cbd5e1;border-radius:4px;padding:0 6px;font-size:10px}
.v2-company-picker summary{min-height:30px;padding:4px 7px}.v2-company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.v2-company-grid label{min-height:27px;font-size:9px;padding:3px 5px}
#reservation .reserve-block h3:before{display:none}#reservation .reserve-block h3{height:19px;margin:0 0 3px;padding:0 4px;border-right:3px solid #2563eb;background:#f5f8fc;color:#173f85;line-height:19px}
#reservation .execution-block{padding-top:2px}#reservation .execution-block h3{display:none}#reservation .execution-block .fields{grid-template-columns:minmax(0,1fr) 102px 30px;align-items:end}.v2-reservation-menu{position:relative;height:29px}.v2-reservation-menu summary{list-style:none;display:grid;place-items:center;height:29px;border:1px solid #b9c9df;border-radius:4px;background:#f7faff;color:#174bbd;font-size:18px;cursor:pointer}.v2-reservation-menu summary::-webkit-details-marker{display:none}.v2-reservation-menu>div{position:absolute;top:33px;left:0;width:145px;padding:4px;border:1px solid #b9c9df;border-radius:5px;background:#fff;box-shadow:0 8px 24px rgba(15,35,75,.18);z-index:30}.v2-reservation-menu button{display:block;width:100%;height:29px;margin:2px 0;border:0;border-radius:4px;background:#eef4ff;color:#174bbd;font-size:9px}
#reservation .reserve-actions{grid-template-columns:1fr 92px;padding:5px;gap:5px}#reservation #startAddAndBuy,#reservation #stopReservation{height:42px}#reservation #startAddAndBuy{font-size:13px}.v2-save-tools{display:none!important}
@media(max-width:1180px){#reservation .reserve-layout{width:min(100%,430px);justify-self:end}#reservation .reserve-actions{width:min(100%,430px);justify-self:end}}
@media(max-width:520px){#reservation .reserve-layout,#reservation .reserve-actions{width:100%}}
#reservation>.reservation-console{grid-template-rows:32px 34px minmax(0,1fr) auto}#reservation .reservation-console>.card-head{height:32px}#reservation .reservation-console>.card-head .sub{display:none}.reservation-subtabs{padding:2px}.reservation-subtab{padding:5px 8px;font-size:10px}

/* Use the full browser width; extra room belongs to monitoring, not the form. */
.shell{width:100%;max-width:none;margin:0;padding:8px 10px;gap:8px;grid-template-columns:235px minmax(0,1fr)}
.shell>main{min-width:0}#reservation>.reservation-console{width:100%}.reservation-monitor{min-width:0}
@media(max-width:1000px){.shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block;padding:6px}}
.dual-range{direction:ltr}.price-values{direction:ltr}.price-values span{text-align:left}.price-values span:last-child{text-align:right}.passengers-block .fields{grid-template-columns:52px 52px 52px minmax(90px,1fr) 92px!important}.passengers-block .field:nth-child(n){grid-column:auto!important}

/* Reservation subtabs: setup is focused; train monitoring owns the full canvas. */
#reservation .reservation-console.setup-mode .reservation-monitor{display:none}
#reservation .reservation-console.setup-mode .reserve-layout{grid-column:1/-1;grid-row:3;width:min(100%,430px);justify-self:end}
#reservation .reservation-console.setup-mode .reserve-actions{grid-column:1/-1;grid-row:4;width:min(100%,430px);justify-self:end}
#reservation .reservation-console.trains-mode .reserve-layout,#reservation .reservation-console.trains-mode .reserve-actions,#reservation .reservation-console.trains-mode #reservationCapacityPanel{display:none}
#reservation .reservation-console.trains-mode .reservation-monitor{display:flex;grid-column:1/-1;grid-row:3/5;width:100%;min-height:0}
#reservation .reservation-console.trains-mode .reservation-table-wrap{min-height:0;height:100%}
#reservation .reservation-console.trains-mode .reservation-table-wrap table{width:100%;min-width:900px}
@media(max-width:520px){#reservation .reservation-console.setup-mode .reserve-layout,#reservation .reservation-console.setup-mode .reserve-actions{width:100%}}

/* Wide setup workspace: use the canvas freed by the dedicated train-list tab. */
#reservation .reservation-console.setup-mode .reserve-layout{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"execution execution" "travel passengers" "coupe time" "price company";gap:5px 8px;align-content:start;overflow:visible;padding:7px 9px}
#reservation .reservation-console.setup-mode .execution-block{grid-area:execution}#reservation .reservation-console.setup-mode .travel-block{grid-area:travel}#reservation .reservation-console.setup-mode .passengers-block{grid-area:passengers}#reservation .reservation-console.setup-mode .coupe-block{grid-area:coupe}#reservation .reservation-console.setup-mode .time-block{grid-area:time}#reservation .reservation-console.setup-mode .price-block{grid-area:price}#reservation .reservation-console.setup-mode .v2-company-block{grid-area:company}
#reservation .reservation-console.setup-mode .reserve-block{min-width:0;margin:0;padding:5px 6px;border:1px solid #dce4ef;border-radius:5px;background:#fff}#reservation .reservation-console.setup-mode .execution-block{padding:3px 5px}
#reservation .reservation-console.setup-mode .reserve-actions{width:100%;max-width:none;grid-template-columns:1fr 92px;padding:5px 9px}
#reservation .reservation-console.setup-mode .reserve-status{min-height:27px;padding:5px 8px}
#reservation .reservation-console.setup-mode #startAddAndBuy,#reservation .reservation-console.setup-mode #stopReservation{height:40px}
#reservation .reservation-console.setup-mode .v2-company-picker{position:relative}#reservation .reservation-console.setup-mode .v2-company-picker[open]{z-index:40}#reservation .reservation-console.setup-mode .v2-company-tools{position:absolute;top:34px;right:0;width:100%;margin:0;padding:5px 5px 2px;border:1px solid #b9c9df;border-bottom:0;background:#fff;z-index:41}#reservation .reservation-console.setup-mode .v2-company-grid{position:absolute;top:70px;right:0;width:100%;max-height:175px;overflow:auto;margin:0;padding:4px;border:1px solid #b9c9df;border-top:0;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 10px 25px rgba(15,35,75,.18);z-index:41}
@media(max-width:1050px){#reservation .reservation-console.setup-mode .reserve-layout{grid-template-columns:1fr;grid-template-areas:"execution" "travel" "passengers" "coupe" "time" "price" "company";overflow:visible}#reservation .reservation-console.setup-mode{height:auto;overflow:visible}}

/* Content-sized setup: wide canvas without stretching every control. */
#reservation .reservation-console.setup-mode{height:auto;min-height:0;overflow:visible}
#reservation .reservation-console.setup-mode .reserve-layout{width:min(100%,980px);max-width:980px;grid-template-columns:430px 520px;grid-template-areas:"execution travel" "passengers coupe" "time price" "company .";gap:5px 10px;justify-self:center;justify-content:center;overflow:visible;scrollbar-gutter:auto}
#reservation .reservation-console.setup-mode .execution-block{width:430px;justify-self:stretch;align-self:start}
#reservation .reservation-console.setup-mode .execution-block .fields{display:grid;grid-template-columns:minmax(0,1fr) 102px 30px;gap:4px;align-items:end}
#reservation .reservation-console.setup-mode .execution-block .field:nth-child(1),#reservation .reservation-console.setup-mode .execution-block .field:nth-child(2){grid-column:auto;min-width:0}
#reservation .reservation-console.setup-mode .execution-block .field label{height:13px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#reservation .reservation-console.setup-mode .execution-block select,#reservation .reservation-console.setup-mode .execution-block input{height:29px}
#reservation .reservation-console.setup-mode .execution-block{grid-column:1;grid-row:1;margin:0}
#reservation .reservation-console.setup-mode .passengers-block{grid-column:1;grid-row:1;margin-top:86px;align-self:start}
#reservation .reservation-console.setup-mode .travel-block{grid-column:2;grid-row:1}
#reservation .reservation-console.setup-mode .time-block{grid-column:1;grid-row:2}
#reservation .reservation-console.setup-mode .coupe-block{grid-column:2;grid-row:2}
#reservation .reservation-console.setup-mode .v2-company-block{grid-column:1;grid-row:3}
#reservation .reservation-console.setup-mode .price-block{grid-column:2;grid-row:3}
#reservation .reservation-console.setup-mode .travel-block{width:520px}.reservation-console.setup-mode .passengers-block{width:430px}
#reservation .reservation-console.setup-mode .coupe-block{width:460px;justify-self:start}.reservation-console.setup-mode .coupe-block .choices{grid-template-columns:repeat(4,108px)}
#reservation .reservation-console.setup-mode .time-block{width:395px;justify-self:start}.reservation-console.setup-mode .time-block .choices{grid-template-columns:repeat(6,61px)}
#reservation .reservation-console.setup-mode .price-block{width:520px}.reservation-console.setup-mode .v2-company-block{width:380px;justify-self:start}
#reservation .reservation-console.setup-mode .reserve-actions{width:min(100%,850px);grid-template-columns:520px 220px 90px;grid-template-areas:"status start stop";justify-self:center;justify-content:center;gap:5px;padding:5px}
#reservation .reservation-console.setup-mode #reservationStatus{grid-area:status;grid-column:auto;grid-row:auto;order:0;position:relative;z-index:1}.reservation-console.setup-mode #startAddAndBuy{grid-area:start;grid-column:auto;grid-row:auto;display:block;position:relative;z-index:2}.reservation-console.setup-mode #stopReservation{grid-area:stop;grid-column:auto;grid-row:auto;display:block;position:relative;z-index:2}
@media(max-width:1050px){#reservation .reservation-console.setup-mode .reserve-layout{width:min(100%,540px);max-width:540px;grid-template-columns:1fr;grid-template-areas:"execution" "travel" "passengers" "coupe" "time" "price" "company";justify-self:center}#reservation .reservation-console.setup-mode .reserve-block{width:100%;justify-self:stretch}#reservation .reservation-console.setup-mode .reserve-actions{width:min(100%,540px);grid-template-columns:1fr 92px;grid-template-areas:"status status" "start stop"}#reservation .reservation-console.setup-mode #reservationStatus,#reservation .reservation-console.setup-mode #startAddAndBuy,#reservation .reservation-console.setup-mode #stopReservation{grid-column:auto;grid-row:auto}}
@media(max-width:1050px){#reservation .reservation-console.setup-mode .execution-block{grid-area:execution}#reservation .reservation-console.setup-mode .travel-block{grid-area:travel}#reservation .reservation-console.setup-mode .passengers-block{grid-area:passengers;margin-top:0}#reservation .reservation-console.setup-mode .coupe-block{grid-area:coupe}#reservation .reservation-console.setup-mode .time-block{grid-area:time}#reservation .reservation-console.setup-mode .price-block{grid-area:price}#reservation .reservation-console.setup-mode .v2-company-block{grid-area:company}}

/* Employee-panel parity: the same compact reservation rhythm in manager. */
#reservation .reservation-console.setup-mode .reserve-layout{
  width:min(980px,100%);max-width:980px;margin:0 auto;padding:8px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"execution travel" "price passengers" "company coupe" ". time";
  gap:6px 8px;justify-self:center;align-content:start;overflow:visible;
  border:1px solid #cbd8e6;border-radius:10px;background:#fff;box-shadow:none
}
#reservation .reservation-console.setup-mode .reserve-block,
#reservation .reservation-console.setup-mode .reserve-block.half{
  width:auto;min-width:0;margin:0;padding:6px;border:1px solid #d5e0eb;
  border-radius:7px;background:#fbfdff;align-self:start;justify-self:stretch
}
#reservation .reservation-console.setup-mode .execution-block{grid-area:execution}
#reservation .reservation-console.setup-mode .travel-block{grid-area:travel}
#reservation .reservation-console.setup-mode .passengers-block{grid-area:passengers;margin-top:0}
#reservation .reservation-console.setup-mode .coupe-block{grid-area:coupe}
#reservation .reservation-console.setup-mode .time-block{grid-area:time}
#reservation .reservation-console.setup-mode .price-block{grid-area:price}
#reservation .reservation-console.setup-mode .v2-company-block{grid-area:company}
#reservation .reservation-console.setup-mode .execution-block .fields{grid-template-columns:minmax(0,1fr) 92px 30px}
#reservation .reservation-console.setup-mode .travel-block .fields{grid-template-columns:1fr 30px 1fr}
#reservation .reservation-console.setup-mode .passengers-block .fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#reservation .reservation-console.setup-mode .coupe-block .choices{grid-template-columns:repeat(4,minmax(0,1fr))}
#reservation .reservation-console.setup-mode .time-block .choices{grid-template-columns:repeat(6,minmax(0,1fr))}
#reservation .reservation-console.setup-mode .reserve-block h3{
  height:21px;margin:0 0 5px;padding:0 5px;border-right:3px solid #0a5ea8;
  background:#f1f6fb;color:#173f85;font-size:10px;line-height:21px
}
#reservation .reservation-console.setup-mode .field label{font-size:9px;color:#526b82}
#reservation .reservation-console.setup-mode .field input:not([type=checkbox]):not([type=range]),
#reservation .reservation-console.setup-mode .field select{height:30px;border-color:#bdccdc;background:#fff}
#reservation .reservation-console.setup-mode .choice{min-height:29px;border-color:#c5d3e2;background:#fff}
#reservation .reservation-console.setup-mode .reserve-actions{
  width:min(980px,100%);margin:6px auto 0;padding:6px;display:grid;
  grid-template-columns:minmax(0,1fr) 110px 88px;grid-template-areas:"status start stop";
  gap:6px;border:1px solid #cbd8e6;border-radius:9px;background:#f8fafc
}
#reservation .reservation-console.setup-mode #reservationStatus{grid-area:status;min-height:36px}
#reservation .reservation-console.setup-mode #startAddAndBuy{grid-area:start;height:36px;font-size:11px}
#reservation .reservation-console.setup-mode #stopReservation{grid-area:stop;height:36px;font-size:10px}
@media(max-width:1050px){
  #reservation .reservation-console.setup-mode .reserve-layout{
    width:min(620px,100%);grid-template-columns:1fr;
    grid-template-areas:"execution" "travel" "passengers" "coupe" "time" "price" "company"
  }
  #reservation .reservation-console.setup-mode .reserve-actions{
    width:min(620px,100%);grid-template-columns:1fr 92px;grid-template-areas:"status status" "start stop"
  }
}

/* Shared employee form structure, using manager field IDs and command logic. */
#reservation .reservation-console.setup-mode .reserve-layout.employee-form-parity{
  display:block;width:min(980px,100%);max-width:980px;margin:0 auto;padding:8px;
  border:1px solid #cbd8e6;border-radius:10px;background:#fff
}
#reservation .employee-form-parity .manager-hunt-top{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
  margin-bottom:6px;padding:7px;border:1px solid #cbd8e6;border-radius:7px;background:#f8fbfe
}
#reservation .employee-form-parity .manager-hunt-top .execution-block,
#reservation .employee-form-parity .manager-hunt-top .travel-block,
#reservation .employee-form-parity .manager-hunt-top .fields{display:contents!important}
#reservation .employee-form-parity .manager-hunt-top h3{display:none!important}
#reservation .employee-form-parity .execution-block .field:nth-child(1){grid-column:1;grid-row:1}
#reservation .employee-form-parity .travel-block .field:nth-child(1){grid-column:2;grid-row:1}
#reservation .employee-form-parity .travel-block .swap{display:none}
#reservation .employee-form-parity .travel-block .field:nth-child(3){grid-column:3;grid-row:1}
#reservation .employee-form-parity .travel-block .field:nth-child(4){grid-column:4;grid-row:1}
#reservation .employee-form-parity .execution-block .field:nth-child(2){grid-column:1;grid-row:2}
#reservation .employee-form-parity .travel-block .field:nth-child(5){grid-column:3;grid-row:2;align-self:end}
#reservation .employee-form-parity .travel-block .field:nth-child(6){grid-column:4;grid-row:2}
#reservation .employee-form-parity .manager-hunt-desk{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start
}
#reservation .employee-form-parity .manager-hunt-col{display:flex;flex-direction:column;gap:6px;min-width:0}
#reservation .employee-form-parity .manager-hunt-primary{grid-column:2}
#reservation .employee-form-parity .manager-hunt-secondary{grid-column:1;grid-row:1}
#reservation .employee-form-parity .reserve-block,
#reservation .employee-form-parity .reserve-block.half{
  display:block;width:100%!important;margin:0!important;padding:6px!important;
  border:1px solid #cbd8e6;border-radius:7px;background:#fff
}
#reservation .employee-form-parity .passengers-block .fields{grid-template-columns:repeat(4,minmax(0,1fr))}
#reservation .employee-form-parity .passengers-block .field:nth-child(5){grid-column:1/3}
#reservation .employee-form-parity .coupe-block .choices{grid-template-columns:repeat(4,minmax(0,1fr))}
#reservation .employee-form-parity .time-block .choices{grid-template-columns:repeat(6,minmax(0,1fr))}
#reservation .employee-form-parity #managerCompanySlot:empty{display:none}
#reservation .employee-form-parity #managerCompanySlot .v2-company-block{width:100%!important}
@media(max-width:900px){
  #reservation .employee-form-parity .manager-hunt-top{grid-template-columns:1fr 1fr}
  #reservation .employee-form-parity .manager-hunt-top .field{grid-column:auto!important;grid-row:auto!important}
  #reservation .employee-form-parity .manager-hunt-desk{grid-template-columns:1fr}
  #reservation .employee-form-parity .manager-hunt-primary,
  #reservation .employee-form-parity .manager-hunt-secondary{grid-column:1;grid-row:auto}
}

/* Exact employee reservation composition for the manager setup pane. */
#reservation .reservation-console.setup-mode .reserve-layout{
  width:min(980px,100%);max-width:980px;grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:auto auto auto auto auto;gap:6px;padding:8px
}
#reservation .reservation-console.setup-mode .execution-block,
#reservation .reservation-console.setup-mode .travel-block{display:contents}
#reservation .reservation-console.setup-mode .execution-block>h3,
#reservation .reservation-console.setup-mode .travel-block>h3{display:none}
#reservation .reservation-console.setup-mode .execution-block>.fields,
#reservation .reservation-console.setup-mode .travel-block>.fields{display:contents}
#reservation .reservation-console.setup-mode .execution-block .field:nth-child(1){grid-column:1;grid-row:1}
#reservation .reservation-console.setup-mode .travel-block .field:nth-child(1){grid-column:2;grid-row:1}
#reservation .reservation-console.setup-mode .travel-block .swap{display:none}
#reservation .reservation-console.setup-mode .travel-block .field:nth-child(3){grid-column:3;grid-row:1}
#reservation .reservation-console.setup-mode .travel-block .field:nth-child(4){grid-column:4;grid-row:1}
#reservation .reservation-console.setup-mode .execution-block .field:nth-child(2){grid-column:1;grid-row:2}
#reservation .reservation-console.setup-mode .travel-block .field:nth-child(5){grid-column:3;grid-row:2;align-self:end}
#reservation .reservation-console.setup-mode .travel-block .field:nth-child(6){grid-column:4;grid-row:2}
#reservation .reservation-console.setup-mode .price-block{grid-column:1/3;grid-row:3}
#reservation .reservation-console.setup-mode .passengers-block{grid-column:3/5;grid-row:3;margin-top:0}
#reservation .reservation-console.setup-mode .v2-company-block{grid-column:1/3;grid-row:4}
#reservation .reservation-console.setup-mode .coupe-block{grid-column:3/5;grid-row:4}
#reservation .reservation-console.setup-mode .time-block{grid-column:3/5;grid-row:5}
#reservation .reservation-console.setup-mode .reserve-block:not(.execution-block):not(.travel-block){
  padding:6px;border:1px solid #cbd8e6;border-radius:7px;background:#fff
}
#reservation .reservation-console.setup-mode .price-block,
#reservation .reservation-console.setup-mode .v2-company-block{margin-left:3px}
#reservation .reservation-console.setup-mode .passengers-block,
#reservation .reservation-console.setup-mode .coupe-block,
#reservation .reservation-console.setup-mode .time-block{margin-right:3px}
#reservation .reservation-console.setup-mode .reserve-actions{
  width:min(980px,100%);grid-template-columns:minmax(0,1fr) 110px 78px auto;
  grid-template-areas:"status start stop tools";direction:rtl
}
#reservation .reservation-console.setup-mode .v2-save-tools{
  grid-area:tools;display:flex!important;gap:5px;align-items:center
}
#reservation .reservation-console.setup-mode .v2-save-tools button{
  height:36px;padding:0 10px;border:0;border-radius:6px;background:#e8eef5;color:#29445f;font-size:10px;cursor:pointer
}
@media(max-width:1050px){
  #reservation .reservation-console.setup-mode .reserve-layout{display:flex;flex-direction:column;width:min(620px,100%)}
  #reservation .reservation-console.setup-mode .execution-block,
  #reservation .reservation-console.setup-mode .travel-block{display:block}
  #reservation .reservation-console.setup-mode .execution-block>h3,
  #reservation .reservation-console.setup-mode .travel-block>h3{display:block}
  #reservation .reservation-console.setup-mode .execution-block>.fields,
  #reservation .reservation-console.setup-mode .travel-block>.fields{display:grid}
  #reservation .reservation-console.setup-mode .reserve-actions{width:min(620px,100%);grid-template-columns:1fr 92px;grid-template-areas:"status status" "start stop" "tools tools"}
}

/* Worker parity additions: multi-row reservation queue, auto-assistant toggle, and account pool. */
.v2-queue-card,.v2-pool-card{margin-top:10px}
.v2-queue-toolbar{display:flex;gap:6px;flex-wrap:wrap}
.v2-queue-table-wrap{max-height:380px}
#v2AddQueueRow{background:#07966b!important;color:#fff!important;font-weight:900}
#v2AutoAssistantToggle.on{background:#065f46;border-color:#34d399;color:#ecfdf5;font-weight:900}
.v2-device-sections{display:grid;gap:14px;margin-top:10px}
.v2-device-group{border:1px solid #dce4ef;border-radius:11px;padding:10px;background:#f8fafc}
.v2-device-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px solid #e2e8f0}
.v2-device-group-head small{font-size:10px;color:#64748b}
.v2-device-card.kind-agent{border-right:4px solid #2563eb}
.v2-device-card.kind-desktop{border-right:4px solid #16a34a}
.v2-device-card.kind-unknown{border-right:4px solid #d97706}