:root{--slot-h:32px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;background:#f1f5f9;color:#1e293b;min-height:100vh}
.app-header{background:#1e3a8a;border-bottom:none;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.compact-header{padding:6px 14px;flex-wrap:nowrap}
.compact-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}
.compact-title-group{min-width:0;overflow:hidden}
.compact-meta-row{display:flex;align-items:center;gap:4px;min-height:0;flex-wrap:wrap}
.compact-meta-row .app-location{margin-top:0;min-height:0;font-size:11px}
.compact-meta-row .location-edit-btn{font-size:10px}
.compact-dates{font-size:11px;color:rgba(255,255,255,0.6);white-space:nowrap}
.date-icon-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:0 2px;opacity:0.6;line-height:1;color:#fff;flex-shrink:0}
.date-icon-btn:hover{opacity:1}
.schedule-actions{display:flex;gap:6px;flex-shrink:0}
.compact-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.zoom-ctrl{display:flex;border:1px solid rgba(255,255,255,0.25);border-radius:6px;overflow:hidden}
.zoom-btn{font-size:14px;padding:0;width:26px;height:26px;border:none;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.85);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.zoom-btn:hover{background:rgba(255,255,255,0.2)}
.zoom-btn:first-child{border-right:1px solid rgba(255,255,255,0.25)}
.compact-menu-wrap{position:relative}
.compact-menu-panel{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.12);padding:4px 0;min-width:160px;z-index:500}
.cmenu-item{padding:7px 14px;cursor:pointer;font-size:13px;color:#1e293b;white-space:nowrap}
.cmenu-item:hover{background:#f8fafc}
.cmenu-sep{border-top:1px solid #e2e8f0;margin:3px 0}
.app-title{font-size:16px;font-weight:500;color:#fff;display:flex;align-items:center;gap:4px}
.app-subtitle{font-size:12px;color:rgba(255,255,255,0.7);margin-top:1px}
.title-edit-btn{font-size:11px;color:rgba(255,255,255,0.4);background:none;border:none;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}
.title-edit-btn:hover{color:#fff}
.title-input{font-size:16px;font-weight:500;color:#fff;border:none;border-bottom:1px solid rgba(255,255,255,0.3);background:transparent;padding:0;outline:none;width:280px;max-width:100%}
.app-location{font-size:12px;color:rgba(255,255,255,0.7);margin-top:2px;display:flex;align-items:center;gap:5px;min-height:16px}
.location-placeholder{color:rgba(255,255,255,0.35);font-style:italic}
.location-edit-btn{font-size:11px;color:rgba(255,255,255,0.4);background:none;border:none;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}
.location-edit-btn:hover{color:#fff}
.location-input{font-size:12px;color:#fff;border:none;border-bottom:1px solid rgba(255,255,255,0.3);background:transparent;padding:1px 0;outline:none;width:260px;max-width:100%}
.app-header .btn{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.9)}
.app-header .btn:hover{background:rgba(255,255,255,0.2)}
.app-header .btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}
.app-header .btn-primary:hover{background:#1d4ed8}
.save-badge{font-size:11px;color:#86efac;display:none;align-items:center;gap:4px}
.save-badge.show{display:flex}
.app-body{max-width:1400px;margin:0 auto;padding:10px 20px}
select,input[type=text],input[type=number]{font-size:13px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1e293b;height:32px;outline:none;transition:border-color .15s,box-shadow .15s}
select:focus,input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
input[type=checkbox],input[type=range]{accent-color:#2563eb}
.btn{font-size:13px;padding:5px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;height:32px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;font-weight:500;transition:background .15s}
.btn:hover{background:#f9fafb}
.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}
.btn-primary:hover{background:#1d4ed8}
.btn-danger{color:#c0392b;border-color:#e0b0b0}
.btn-danger:hover{background:#fdf0f0}
.btn-sm{font-size:12px;padding:3px 8px;height:26px}
.toolbar{display:flex;align-items:center;gap:6px;padding:10px 0;flex-wrap:wrap}
.day-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.day-tabs{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.group-filter-wrap{position:relative;flex-shrink:0}
.group-filter-btn{min-width:100px}
.group-filter-panel{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:4px 0;min-width:180px;max-height:320px;overflow-y:auto;z-index:100}
.gf-group-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:0.05em;padding:8px 12px 2px}
.gf-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 12px;cursor:pointer;user-select:none;white-space:nowrap}
.gf-item:hover{background:#f9fafb}
.gf-item input{width:auto;height:auto;flex-shrink:0;cursor:pointer}
.filter-active{background:#eff6ff!important;border-color:#93c5fd!important;color:#2563eb!important}
.gf-controls{display:flex;align-items:center;gap:6px;padding:6px 12px 5px;border-bottom:1px solid #e2e8f0;margin-bottom:2px}
.gf-ctrl-btn{font-size:11px;color:#2563eb;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}
.gf-ctrl-btn:hover{color:#1d4ed8}
.gf-ctrl-sep{color:#94a3b8;font-size:11px}
.day-tab{font-size:13px;padding:5px 14px;border:1px solid #d1d5db;border-radius:6px;background:#f1f5f9;color:#64748b;cursor:pointer}
.day-tab.active{background:#fff;color:#1e293b;border-color:#94a3b8}
.grid-outer{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.grid-table{border-collapse:collapse;min-width:100%}
.grid-table td,.grid-table th{border:1px solid #e2e8f0;padding:0}
.group-th{font-size:14px;font-weight:500;text-align:center;padding:6px 10px;background:#f1f5f9;color:#1e293b;white-space:nowrap;position:sticky;top:0;z-index:4}
.group-th.empty{background:#f8fafc}
.col-th{font-size:13px;font-weight:500;color:#374151;padding:5px 8px;background:#f8fafc;white-space:nowrap;min-width:90px;max-width:140px;position:sticky;top:37px;z-index:3}
.col-th-inner{display:flex;align-items:center;justify-content:space-between;gap:4px}
.col-th-label{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-width:0}
.col-drag-handle{font-size:13px;color:#ccc;cursor:grab;padding:0 3px 0 0;flex-shrink:0;line-height:1;user-select:none;touch-action:none}
.col-drag-handle:hover{color:#64748b}
.col-drag-handle:active{cursor:grabbing}
.hidden-badge{font-size:9px;font-weight:600;letter-spacing:0.03em;color:#b05a0c;background:#fff0d6;border:1px solid #e8a44a;border-radius:3px;padding:0 4px;line-height:15px;flex-shrink:0;white-space:nowrap}
.col-del{font-size:14px;color:#bbb;cursor:pointer}
.col-del:hover{color:#c0392b}
.col-th-btns{display:flex;align-items:center;gap:2px;flex-shrink:0}
.col-eye{font-size:12px;cursor:pointer;color:#94a3b8;background:none;border:none;padding:0 1px;line-height:1}
.col-eye:hover{color:#2563eb}
.col-eye.is-hidden{color:#e8a44a}
.col-eye.is-hidden:hover{color:#b05a0c}
.time-cell{font-size:11px;color:#94a3b8;padding:2px 6px;background:#f8fafc;white-space:nowrap;min-width:56px;vertical-align:top;position:sticky;left:0;z-index:2}
.slot-td{height:var(--slot-h);vertical-align:top;position:relative;cursor:pointer;min-width:90px}
.slot-td:hover{background:#f8fafc}
.slot-td.drag-over{background:#dbeafe;outline:2px dashed #3b82f6}
.event-block{position:absolute;inset:2px;border-radius:4px;padding:3px 6px;font-size:var(--ev-label-size,11px);font-weight:500;cursor:grab;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;line-height:1.35;z-index:1}
.event-block.dur-1{flex-direction:row;align-items:center;gap:5px}
.event-block.dur-1 .ev-meta{margin-top:0;flex-shrink:0}
.event-block:active{cursor:grabbing;opacity:0.75}
.ev-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-meta{font-size:var(--ev-meta-size,10px);opacity:0.7;display:flex;gap:5px;flex-wrap:wrap;margin-top:1px}
.ev-notes{font-size:var(--ev-meta-size,10px);opacity:0.7;font-weight:400;overflow:hidden;margin-top:auto;padding-top:4px;font-style:italic}
.vol-summary{margin-top:12px;background:#f1f5f9;border-radius:10px;padding:14px 16px;border:1px solid #e2e8f0}
.vol-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:500;display:flex;align-items:center;gap:12px;background:#1a1a2e;color:#fff;padding:12px 20px 12px 16px;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,0.3);white-space:nowrap;animation:volToastIn 0.3s ease}
@keyframes volToastIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.vol-toast-msg{font-size:13px}
.vol-toast-btn{color:#fff !important;border-color:rgba(255,255,255,0.35) !important;font-size:12px;background:rgba(255,255,255,0.1)}
.vol-toast-btn:hover{background:rgba(255,255,255,0.2) !important;border-color:rgba(255,255,255,0.7) !important}
.vol-toast-close{background:none;border:none;color:rgba(255,255,255,0.45);cursor:pointer;font-size:20px;padding:0 0 0 4px;line-height:1;flex-shrink:0}
.vol-toast-close:hover{color:#fff}
.vol-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}
.vol-table th{text-align:left;font-weight:500;color:#64748b;padding:4px 8px;border-bottom:1px solid #e2e8f0}
.vol-table td{padding:4px 8px;border-bottom:1px solid #e2e8f0;color:#1e293b}
.vol-table tr:last-child td{border-bottom:none}
.vp-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.vp-table th{text-align:left;font-weight:500;color:#64748b;font-size:11px;padding:4px 10px;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:0.04em}
.vp-table td{padding:8px 10px;border-bottom:1px solid #e2e8f0;vertical-align:top}
.vp-table tr:last-child td{border-bottom:none}
.vp-table tbody tr:hover{background:#f8fafc}
.vp-editable:focus{outline:none;background:#eff6ff;border-radius:3px}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b}
.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}
.col-context-menu{position:fixed;z-index:2000;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.12);padding:4px 0;min-width:170px;font-size:13px}
.ccm-item{padding:7px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ccm-item:hover{background:#f9fafb}
.ccm-dur{font-size:11px;color:#94a3b8;flex-shrink:0}
.ccm-empty{padding:8px 14px;color:#94a3b8;font-size:12px}
.ccm-danger{color:#c0392b}
.ccm-danger:hover{background:#fdf0f0}
.ccm-divider{border-top:1px solid #e2e8f0;margin:4px 0}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.modal{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:22px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.modal h3{font-size:15px;font-weight:600;margin-bottom:8px}
.wizard-step-indicator{font-size:11px;color:#94a3b8;margin-bottom:16px}
.field{margin-bottom:12px}
.field label{font-size:12px;color:#475569;font-weight:600;display:block;margin-bottom:4px}
.field input,.field select{width:100%}
.hint{font-size:11px;color:#94a3b8;margin-top:3px}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-height:160px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;padding:8px}
.chk-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:2px 0}
.group-section{border:1px solid #e2e8f0;border-radius:6px;padding:8px;margin-bottom:6px}
.group-section-title{font-size:11px;font-weight:500;color:#94a3b8;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.04em}
.edit-group-btn{font-size:11px;color:#94a3b8;cursor:pointer;background:none;border:none;padding:2px 4px;border-radius:3px}
.edit-group-btn:hover{color:#2563eb;background:#eff6ff}
.del-group-btn{font-size:13px;color:#ccc;cursor:pointer;background:none;border:none;padding:2px 4px}
.del-group-btn:hover{color:#c0392b}
.schedule-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.schedule-card-info{flex:1;min-width:0}
.schedule-card-name{font-size:15px;font-weight:500;color:#1e293b}
.schedule-card-location{font-size:12px;color:#64748b;margin-top:2px}
.schedule-card-meta{font-size:12px;color:#64748b;margin-top:3px}
.schedule-card-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}
.list-empty{color:#94a3b8;font-size:14px;text-align:center;padding:48px 0;border:1px dashed #e2e8f0;border-radius:10px}
.list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 16px}
.list-heading{font-size:15px;font-weight:500;color:#1e293b}
.event-resize-handle{position:absolute;bottom:0;left:0;right:6px;height:8px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.event-resize-handle::after{content:'';width:24px;height:2px;background:rgba(0,0,0,0.22);border-radius:1px}
.event-hresize-handle{position:absolute;top:0;right:0;bottom:0;width:6px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:2}
.event-hresize-handle::after{content:'';width:2px;height:20px;background:rgba(0,0,0,0.22);border-radius:1px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}
.settings-section{border:1px solid #e2e8f0;border-radius:6px;padding:10px}
.settings-section-title{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:8px}
.settings-hint{font-size:10px;color:#94a3b8;text-transform:none;letter-spacing:0;font-weight:400}
.settings-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;min-height:22px}
.settings-tag{display:inline-flex;align-items:center;gap:2px;font-size:12px;background:#f1f5f9;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px}
.settings-tag-del{font-size:13px;color:#bbb;cursor:pointer;background:none;border:none;padding:0 0 0 2px;line-height:1}
.settings-tag-del:hover{color:#c0392b}
.settings-add{display:flex;gap:6px}
.settings-add input{flex:1;font-size:12px;height:28px}
.suggestions-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.suggestion-chip{font-size:12px;padding:2px 9px;border:1px solid #d1d5db;border-radius:10px;background:#f1f5f9;cursor:pointer;color:#1e293b;white-space:nowrap}
.suggestion-chip:hover{background:#e2e8f0;border-color:#94a3b8}
.suggestion-chip.selected{background:#2563eb;border-color:#1d4ed8;color:#fff}
.suggestion-chip.selected:hover{background:#1d4ed8}
.disc-used{opacity:0.38;cursor:default!important}
.disc-used:hover{background:#f1f5f9!important;border-color:#d1d5db!important}
.disc-single-label{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:14px}
.age-cat-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #e2e8f0}
.age-cat-row:last-child{border-bottom:none}
.age-cat-name{font-size:13px;font-weight:500;min-width:56px;color:#1e293b}
.age-cat-options{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.tab-bar{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e2e8f0;overflow-x:auto}
.tab-btn{font-size:13px;padding:8px 16px;border:none;background:none;cursor:pointer;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;flex-shrink:0}
.tab-btn:hover{color:#1e293b}
.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:500}
.tab-panel{display:none}
.tab-panel.active{display:block}
.settings-modal{padding:0;overflow:hidden;display:flex;flex-direction:column}
.settings-modal-inner{display:flex;flex:1;min-height:0}
.settings-nav{width:160px;flex-shrink:0;border-right:1px solid #e2e8f0;padding:12px 0;display:flex;flex-direction:column;gap:1px;background:#f8fafc;border-radius:10px 0 0 0}
.settings-nav-btn{font-size:13px;padding:9px 16px;border:none;background:none;cursor:pointer;color:#64748b;text-align:left;width:100%;white-space:nowrap;border-radius:0}
.settings-nav-btn:hover{color:#1e293b;background:#e2e8f0}
.settings-nav-btn.active{color:#2563eb;background:#eff6ff;font-weight:500;border-right:2px solid #2563eb}
.settings-body{flex:1;padding:20px 24px;overflow-y:auto;min-height:0}
.settings-modal h3{font-size:15px;font-weight:500;margin-bottom:16px}
.settings-modal .modal-actions{border-top:1px solid #e2e8f0;padding:12px 20px;margin:0;border-radius:0 0 10px 10px}
.vol-req-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #e2e8f0}
.vol-req-row:last-child{border-bottom:none}
.vol-req-name{font-size:13px;font-weight:500;min-width:110px}
.vol-req-desc{font-size:11px;color:#94a3b8;flex:1}
.pub-toggle{font-size:12px}
.pub-on{color:#1a7a3f!important;border-color:#2ea84a!important;background:#edfbf0!important}
.pub-on:hover{background:#d8f8e4!important}
.pub-off{color:#7a5c00!important;border-color:#d4a000!important;background:#fff8e0!important}
.pub-off:hover{background:#fff0b0!important}
.draft-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;background:#fff8e0;color:#7a5c00;border:1px solid #d4a000;margin-left:6px;font-weight:400;vertical-align:middle}
.region-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;background:#eff6ff;color:#2563eb;border:1px solid #93c5fd;margin-left:6px;font-weight:400;vertical-align:middle}
.vol-page-header{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#1e3a8a;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.vol-page-header .btn{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.9)}
.vol-page-header .btn:hover{background:rgba(255,255,255,0.2)}
.vol-page-title{font-size:16px;font-weight:500;color:#fff}
.vol-page-subtitle{font-size:12px;color:rgba(255,255,255,0.7);margin-top:2px}
.vol-day-heading{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.06em;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}
.vol-event-card{border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;margin-bottom:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.vol-event-name{font-size:14px;font-weight:500;margin-bottom:2px}
.vol-event-time{font-size:12px;color:#64748b;margin-bottom:8px}
.vol-position-row{padding:8px 0;border-top:1px solid #e2e8f0}
.vol-position-name{font-size:13px;font-weight:500}
.vol-fill-status{font-size:12px;color:#64748b}
.vol-fill-full{font-size:12px;color:#1a7a3f;font-weight:500}
.vol-signup-list{margin:6px 0 2px 0}
.vol-signup-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12px;flex-wrap:wrap}
.vol-signup-name{font-weight:500;color:#1e293b}
.vol-signup-detail{color:#94a3b8}
.vol-signup-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}
.vol-signup-table th{text-align:left;font-weight:500;color:#64748b;padding:5px 8px;border-bottom:1px solid #e2e8f0;background:#f8fafc;white-space:nowrap}
.vol-signup-table td{padding:5px 8px;border-bottom:1px solid #e2e8f0;vertical-align:top;color:#374151}
.vol-signup-table tr:last-child td{border-bottom:none}
.vsn-name{font-weight:500;color:#1e293b !important}
.vsn-comments{font-style:italic;max-width:220px}
.vol-signup-table .vol-del-signup{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:0 4px;line-height:1;display:block}
.vol-signup-table .vol-del-signup:hover{color:#c0392b}
.vol-signup-form{margin-top:10px;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}
.vol-pos-desc-text{font-size:12px;color:#64748b;margin-top:4px;line-height:1.45}
.vol-pos-desc{font-size:12px;color:#374151;margin-top:4px;line-height:1.45;padding:3px 6px;border-radius:4px;min-height:22px;border:1px solid transparent;cursor:text}
.vol-pos-desc:empty::before{content:attr(placeholder);color:#ccc;pointer-events:none}
.vol-pos-desc:focus{outline:none;border-color:#d1d5db;background:#f8fafc}
/* ── All-days view ─────────────────────────────────────────────────────── */
.all-days-btn{font-size:12px;padding:4px 12px;background:#f1f5f9;color:#64748b;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;margin-left:8px;white-space:nowrap}
.all-days-btn.active{background:#2563eb;color:#fff;border-color:#1d4ed8}
.all-days-btn:hover:not(.active){background:#e2e8f0;border-color:#94a3b8}
.day-super-th{background:#e2e8f0;font-size:12px;font-weight:600;text-align:center;padding:5px 10px;white-space:nowrap;border:1px solid #e2e8f0;letter-spacing:0.01em}
.day-col-start{border-left:3px solid #94a3b8 !important}
/* ── Alert variants ────────────────────────────────────────────────────── */
.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:6px;padding:10px 14px;font-size:13px}
.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;border-radius:6px;padding:10px 14px;font-size:13px}
.alert-warning{background:#fffbeb;border:1px solid #fcd34d;color:#78350f;border-radius:6px;padding:10px 14px;font-size:13px}