.login{margin:50px auto;max-width:650px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.form-grid label,.venue-switch label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#4c6256}.form-grid input,.form-grid select,.venue-switch select,#chart-measure{min-width:0;width:100%;padding:11px;border:1px solid #cad6cd;border-radius:6px;background:#fafbf8;color:#24342e;font:14px 'Segoe UI',sans-serif}.form-grid button{align-self:end;justify-content:center;min-height:43px}.form-grid .check{display:flex;flex-direction:row;align-items:center}.check input{width:auto}.login .form-grid{grid-template-columns:1fr}.panel p{line-height:1.6}.panel{margin-bottom:24px}.action-grid,.shift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.action-card,.shift-card{padding:22px;border:1px solid #dbe3d8;border-radius:10px;background:#f7f8f2;text-decoration:none;line-height:1.5}.action-card strong{display:block;font-size:36px;color:#255341}.shift-card.mine{border:2px solid #255341}.shift-card h3{font-size:17px}.shift-card .form-grid{grid-template-columns:1fr}.shift-card button{margin:5px 0;gap:5px}.inline-form{display:inline-flex;gap:8px;flex-wrap:wrap}.inline-form button{padding:8px 12px;font-size:12px}.request{border-top:1px solid #e0e5dc;padding:20px 0}.hub-nav{margin:24px 0}.sidebar .nav{padding:10px 12px}.venue-switch button{margin-top:10px}.sidebar-foot{position:static;margin-top:20px}.sidebar{overflow:auto}.heatmap{min-width:650px}.heatmap th,.heatmap td{text-align:center!important;padding:10px!important}.heat-0{background:#f7f7f1}.heat-1{background:#e9eee1}.heat-2{background:#ceddc7}.heat-3{background:#a4c4a2}.heat-4{background:#64966f;color:white}.heat-5{background:#255341;color:white}.gap-cell{background:#fbe7dd}.covered-cell{background:#e9eee1}.chart-layout{display:grid;grid-template-columns:minmax(230px,1fr) 1.3fr;gap:30px;align-items:center}.chart-layout svg{width:100%;max-height:350px}.chart-layout path{cursor:pointer;stroke:white;stroke-width:1;transition:opacity .15s}.chart-layout path:focus{outline:3px solid #bb8552}.chart-layout button{background:transparent;color:#24342e;text-align:left;border-bottom:1px solid #e7ece2;border-radius:0;padding:9px;display:flex;justify-content:space-between;width:100%;gap:20px}.chart-layout button.selected{background:#edf1e7}.team-highlight{background:#eef3e7}details{margin:20px 0}summary{cursor:pointer;font-weight:600}#chart-detail{min-height:28px}.chart-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.hub-nav .nav{display:block}footer{margin-top:30px}@media(max-width:1100px){.form-grid,.action-grid,.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.form-grid,.action-grid,.shift-grid,.chart-layout{grid-template-columns:1fr}.hub-nav{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.hub-nav .nav{padding:6px 10px;font-size:12px}.sidebar .sidebar-foot{display:block}.venue-switch{max-width:300px}.login{margin:0 auto}.panel-heading{flex-wrap:wrap}}@media print{.sidebar,form,button,footer,details{display:none!important}main{margin:0;padding:0}.panel{break-inside:avoid;border:1px solid #ccc}.notice{background:#fff}body{background:white}.table-wrap{max-height:none;overflow:visible}}
@media(max-width:700px){.form-grid input,.form-grid select,.venue-switch select{font-size:16px;min-height:44px}.hub-nav .nav{min-height:44px;display:flex;align-items:center}button,.button{min-height:44px}.shift-card{overflow-wrap:anywhere}.login input{font-size:16px}}
.week-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.rota-scroll{overflow-x:auto}.rota-week{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));gap:10px;min-width:1140px}.rota-day{background:#f5f6ef;border:1px solid #dbe3d8;border-radius:10px;padding:10px;min-width:0}.rota-day>header{display:block;margin:0 0 12px;padding:0}.rota-day h3{font-size:16px;margin:0 0 5px}.rota-add{display:block;padding:10px 0}.rota-shift{background:white;border:1px solid #dbe3d8;border-radius:8px;padding:12px;margin-bottom:12px;overflow-wrap:anywhere}.rota-shift.mine{border:2px solid #255341}.rota-shift h4{font-size:18px;margin:8px 0}.rota-shift p{font-size:13px;margin:8px 0}.rota-gap{color:#8a3d1a;font-weight:600}.rota-shift .form-grid{grid-template-columns:1fr;gap:12px}.rota-shift summary{font-size:14px;min-height:44px}.rota-shift button{width:100%;font-size:13px;padding:10px}.repeat-days fieldset{border:1px solid #cad6cd;border-radius:8px;margin:16px 0;padding:16px}.repeat-days legend{font-weight:600}.repeat-days input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.repeat-days .form-grid{margin:8px 0}@media(max-width:700px){.rota-week{display:block;min-width:0}.rota-day{margin:14px 0}.rota-shift .form-grid{grid-template-columns:1fr}.week-nav .button{padding:10px}.rota-panel{padding:16px}}

[hidden]{display:none!important}.wizard-day{padding:18px 0;border-top:1px solid #dbe3d8}.wizard-day fieldset{border:1px solid #cad6cd;border-radius:10px;margin:15px 0;padding:18px;min-width:0}.wizard-day label{display:flex;flex-direction:column;gap:8px}.wizard-day button{margin:6px 8px 6px 0}#wizard-error{color:#8a3d1a}#wizard-progress{font-weight:600;color:#255341}

#help-topics{display:flex;flex-wrap:wrap;gap:10px 20px}#help-topics a{padding:8px 0}.help-article li{line-height:1.7;margin:14px 0}.help-article{scroll-margin-top:20px;overflow-wrap:anywhere}.help-back{margin-left:24px}@media print{#help-topics,.help-open,.help-back,#help-search,#help-print{display:none!important}.help-article{break-inside:auto}}