
.view-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.view-tabs a{padding:10px 16px;border-radius:9px;background:#fff;color:#657269;font-size:13px;border:1px solid #e4e8e3}.view-tabs .active{background:#2c4735;color:#fff;border-color:#2c4735}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:14px;align-items:end}.filter-grid label{margin:0}.filter-grid button{margin:0;min-height:42px}.check,.check-list label{display:flex;align-items:center;gap:8px;font-size:12px}.check input,.check-list input{width:16px;margin:0}.check-list{border:1px solid #dfe5de;border-radius:10px;margin:12px 0;padding:13px}.check-list legend{font-size:12px;color:#68776c;padding:0 5px}.check-list label{margin:8px 0}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 12px}.board-toolbar .inline{gap:8px}.board-toolbar b{font-size:14px;margin-left:7px}.board-legend{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#637067;margin:12px 0 18px}.board-legend small{margin-left:auto}.dot{width:9px;height:9px;border-radius:3px;display:inline-block}.dot.new{background:#e4a65d}.dot.confirmed{background:#78a6cb}.dot.completed{background:#8bb29a}.dot.reserved{background:#a892bf}.dot.off{background:#ddd}.chess-scroll{max-height:70vh;min-height:360px;overflow:auto;border:1px solid #dce4dc;border-radius:12px;background:white;position:relative;box-shadow:0 4px 16px #18341e05}.chess-head,.chess-body{display:flex;width:max-content;min-width:100%}.chess-head{position:sticky;top:0;z-index:6;background:#f4f8f3;border-bottom:1px solid #dce4dc;height:82px}.time-head{width:65px;flex-shrink:0;position:sticky;left:0;z-index:8;display:grid;place-items:center;background:#edf2ed;font-size:11px;font-weight:600;border-right:1px solid #dce4dc}.date-group{flex-shrink:0}.date-title{text-align:center;padding:8px;font-weight:600;font-size:12px;background:#e9f1e7;border-right:1px solid #dce4dc;height:32px}.master-headers{display:flex}.master-headers>div{width:var(--column);height:50px;flex-shrink:0;border-right:1px solid #dce4dc;text-align:center;padding:8px;overflow:hidden}.master-headers b{font-size:12px}.master-headers small{display:block;font-size:10px;color:#7b8b80;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-column{width:65px;flex-shrink:0;position:sticky;left:0;z-index:4;background:#f7f9f6;border-right:1px solid #dce4dc}.time-column>div{height:var(--row);padding:8px 7px;font-size:10px;color:#758277;border-bottom:1px solid #e5eae3}.master-column{width:var(--column);flex-shrink:0;position:relative;border-right:1px solid #dce4dc}.board-slot{display:block;height:var(--row);border-bottom:1px solid #ecf0e9;text-decoration:none}.board-slot:nth-child(even){background:#fafff9}.board-slot span{display:none;color:#6b8c74;font-size:11px;padding:9px}.board-slot:hover{background:#e8f3e5}.board-slot:hover span{display:block}.board-slot.outside{background:repeating-linear-gradient(135deg,#f1f3f0,#f1f3f0 5px,#eaeee7 5px,#eaeee7 6px)}.board-slot.past{background:#f4f5f2}.booking-block{position:absolute;left:4px;right:4px;z-index:3;border-radius:7px;padding:7px 8px;overflow:hidden;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#5c431b;border:1px solid #dec28b;background:#fff1d5;box-shadow:0 2px 3px #1d2b1708}.booking-block b{font-size:11px;line-height:1.3}.booking-block span,.booking-block small{font-size:10px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.booking-block:hover{filter:brightness(.97);box-shadow:0 3px 8px #13211224}.booking-block.status-2{background:#e4f0fb;border-color:#afc9dd;color:#2f5270}.booking-block.status-3{background:#e4f0e8;border-color:#afc9b8;color:#2c5440}.booking-block.status-4{background:#f0efed;border-color:#cbc8c3;color:#8a8985;opacity:.7}.booking-block.reserve{background:#efe8f8;border-color:#cdbce0;color:#67517d}.now-line{position:absolute;height:2px;background:#cf574a;left:0;right:0;z-index:5;pointer-events:none}.now-line span{width:6px;height:6px;border-radius:50%;background:#cf574a;position:absolute;left:-3px;top:-2px}.detail-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.detail-layout .panel{margin:0}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}.info-list small{display:block;color:#7d8c80;font-size:10px;margin-bottom:5px}.note-card{padding:13px;border:1px solid #e4eae0;border-radius:8px;margin:10px 0;font-size:13px}.note-card p{white-space:pre-wrap}.slot-list{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.slot-list label{margin:0}.slot-list input{width:16px;display:inline;vertical-align:middle;margin:0 5px 0 0}.slot-list label{border:1px solid #dae4d8;border-radius:8px;padding:8px;font-size:12px}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.steps span{background:#e8eee4;padding:9px 12px;border-radius:8px;font-size:11px}.steps .current{background:#2b4634;color:white}.detail-layout select[multiple]{min-height:110px}.link-break{overflow-wrap:anywhere}.empty-data{padding:30px;text-align:center;color:#839080;font-size:13px}.danger{background:#fce8e4;color:#9d4c42}.section-actions{display:flex;gap:10px;flex-wrap:wrap}.muted-small{color:#8a988c;font-size:11px;line-height:1.5}
@media(max-width:1000px){.filter-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}.detail-layout{grid-template-columns:1fr}.board-legend small{margin:0;width:100%}}@media(max-width:680px){.filter-grid{grid-template-columns:repeat(2,minmax(70px,1fr))}.board-toolbar{align-items:start;flex-direction:column}.chess-scroll{max-height:65vh}.board-toolbar b{display:none}.view-tabs a{font-size:11px;padding:8px 10px}.info-list{grid-template-columns:1fr}.content{min-width:0}.table-wrap{max-width:100%}}

.master-finance{margin:18px 0;padding:14px 0;border-top:1px solid #e4e9e5;border-bottom:1px solid #e4e9e5}.master-finance h3{font-size:14px;margin:0 0 12px}.finance-header,.finance-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;align-items:center}.finance-header{font-size:10px;color:#6c7b72;margin-bottom:6px}.finance-row{margin:8px 0;font-size:12px}.finance-row label{margin:0;min-width:0}.finance-row input{width:100%;padding:9px;min-width:0}.master-finance .muted-small{line-height:1.6}.master-finance button{font-size:12px;padding:10px 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.table-wrap table{min-width:750px}.table-wrap th,.table-wrap td{white-space:nowrap}.panel .button.secondary{background:#edf1f5;color:#364f42}.range-options button.secondary{color:#364f42}

.person-photo{width:34px;height:34px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:8px}.profile-photo{width:120px;height:120px;border-radius:12px;object-fit:cover;margin:12px 0}.salary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.salary-grid .form-grid{grid-template-columns:1fr}.tariff-inline{display:flex;gap:12px;align-items:end}.tariff-inline label{margin:0;width:120px}.tariff-inline span{font-size:11px;color:#6f8075;align-self:center}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:16px;margin:0}@media(max-width:850px){.salary-grid{grid-template-columns:1fr}.tariff-inline{flex-wrap:wrap}}
.user select{max-width:240px;font-size:12px;padding:8px}.user form{margin:0}@media(max-width:700px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:12px;padding:12px}.user{flex-wrap:wrap}.user select{max-width:200px}}.check-list .form-grid label{display:block}.check-list .form-grid input{width:100%;margin-top:8px}.panel a.button:not(.secondary){color:#fff}.range-popover{left:0;right:auto}.salary-grid input{min-width:85px}.check-list .form-grid label{display:block}.check-list .form-grid input{width:100%;margin-top:8px}.panel a.button:not(.secondary){color:#fff}.range-popover{left:0;right:auto}.salary-grid input{min-width:85px}
.disabled-link{opacity:.42;cursor:default;pointer-events:none;text-decoration:none}
.recording-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.recording-shortcuts small{display:block;margin:8px 0;color:#708078}
.agent-booking-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.agent-booking-links h3{width:100%}
.stats.stats-compact{gap:0;margin:16px 0 22px;background:#fff;border:1px solid #e5e8eb;border-radius:10px;overflow:hidden}
.stats.stats-compact article{padding:12px 16px;border:0;border-right:1px solid #edf0f2;border-radius:0;background:transparent}
.stats.stats-compact article:last-child{border-right:0}.stats.stats-compact strong{font-size:21px;letter-spacing:-.4px;margin:6px 0 3px;font-weight:600}.stats.stats-compact span{font-size:11px}.stats.stats-compact small{font-size:9px;color:#8b95a0}
#client-card-dialog{width:min(660px,calc(100vw - 28px));max-height:88vh;border:1px solid #dce2e7;border-radius:16px;padding:24px;color:#25303a;box-shadow:0 20px 80px #1119;overflow:auto}
#client-card-dialog::backdrop{background:#17242d77}
.client-modal-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.client-modal-heading h2{margin:5px 0 18px}.client-modal-heading small{color:#738579}
.client-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.client-modal-actions{display:flex;gap:10px;margin:18px 0;position:sticky;bottom:0;padding:12px 0;background:#fff}
button:disabled{opacity:.4;cursor:default}
@media(max-width:700px){.stats.stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.stats.stats-compact article{padding:10px 12px}.stats.stats-compact article:nth-child(2){border-right:0}.stats.stats-compact article:nth-child(-n+2){border-bottom:1px solid #edf0f2}.stats.stats-compact strong{font-size:19px}.client-counters{grid-template-columns:1fr}.client-modal-actions{flex-wrap:wrap}#client-card-dialog{padding:18px}}

.shift-response{border-top:1px solid #e8edf0;padding:18px 0}.shift-response .badge{margin:4px}.calendar-preview{display:flex;gap:12px;flex-wrap:wrap}.calendar-preview article{padding:15px;border-left:3px solid #f67a40;background:#f5f7f9;min-width:150px}
