/* hourschange.css – "Ask to change hours" (farm / client shifts list, request form, confirmation). test copy + live. */
#sect-shifts h2.hc-h2{display:none}
.hc-help{background:#f3f1fa;border:1px solid #d9d4ee;border-left:4px solid var(--p);border-radius:10px;padding:12px 14px;margin:6px 0 12px;font-size:15px;line-height:1.45;color:var(--ink,#1d1b2e)}
.hc-help-t{font-weight:700;color:var(--p);font-size:16px;margin:0 0 8px}
ol.hc-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
ol.hc-steps li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e4e0f2;border-radius:8px;padding:10px}
ol.hc-steps .pill{margin:2px 2px 0 0}
.hc-n{flex:0 0 26px;height:26px;border-radius:50%;background:var(--p);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.hc-rules{font-size:14.5px}
.hc-rules b{font-weight:600}
.hc-rules2{font-size:13.5px;color:#555;margin-top:4px}
.hc-anon{font-size:12.5px;color:#666;margin:0 0 8px}
table.hc-table td{vertical-align:top}
table.hc-table td.hc-act{min-width:220px}
.hc-act .hc-st{margin:0 0 6px}
.hc-act .hc-st .small{margin-top:2px;line-height:1.35}
.hc-btn{margin:0}
.hc-dl{font-size:12.5px;color:#4a4a5a;margin-top:3px}
.hc-final{display:inline-block;background:#eeedf1;color:#6b6a75;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}
tr.hc-row-final td{color:#555}
.hc-card{background:#fff;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;margin:0 0 10px}
.hc-card.hc-row-pending{border-color:#b9c8f0;background:#fafbff}
.hc-ch{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.hc-ch b{font-size:15.5px;color:var(--p)}
.hc-ch span{font-size:14px;color:#444}
.hc-cg{display:grid;grid-template-columns:1.4fr .8fr .8fr .9fr;gap:6px;font-size:14px;margin-bottom:8px}
.hc-cg span{display:block;font-size:11.5px;color:#666;font-weight:600}
.hc-card .hc-act{border-top:1px solid #eee;padding-top:8px}
.hc-card .hc-btn{width:100%;padding:11px 14px;font-size:15px}
.hc-card .hc-dl{text-align:center;font-size:13px}
/* request form */
.hc-who{font-size:15px;margin:-4px 0 2px}
.modal .hc-dl{font-size:13.5px;margin-bottom:10px}
.hc-cmp{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(70px,.8fr) minmax(120px,1.2fr);gap:6px 10px;align-items:center;background:#faf9fd;border:1px solid #e4e0f2;border-radius:10px;padding:10px 12px}
.hc-hd{font-size:12.5px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.03em}
.hc-hd.hc-new{color:var(--p)}
.hc-l{font-weight:600;color:var(--p);font-size:14.5px;line-height:1.2}
.hc-sub{font-weight:400;font-size:12px;color:#777}
.hc-o{font-size:15px;color:#555}
.hc-v{font-size:15px;font-weight:700;color:var(--p)}
.hc-cmp select{width:100%;margin:0;font-size:16px;padding:7px 8px}
.hc-diff{margin:10px 0 4px;padding:9px 12px;border-radius:8px;background:#f2f2f5;font-size:15px}
.hc-diff.less{background:#e3f5ea;color:#1b5e36}
.hc-diff.more{background:#fdf3dc;color:#7a5410}
.hc-diff.bad{background:#fbe5e2;color:#a2281c}
.hc-note{font-size:13px;color:#555;margin:4px 0 10px;line-height:1.4}
#hcform textarea{width:100%;font-size:16px;min-height:60px}
.hc-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.hc-btns button{margin:0}
/* confirmation */
.hc-sent{text-align:center;padding:6px 4px}
.hc-tick{width:56px;height:56px;border-radius:50%;background:#e3f5ea;color:#1f8a4c;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:4px auto 6px}
.hc-sent h2{margin:4px 0}
.hc-big{font-size:17px;margin:6px 0}
.hc-big2{font-size:14px;color:#555;margin:10px 0}
.hc-sum{text-align:left;background:#faf9fd;border:1px solid #e4e0f2;border-radius:10px;padding:10px 12px;font-size:14.5px;line-height:1.5;margin:10px 0}
.hc-sent .hc-btns{justify-content:center}
.hc-sent .hc-btns button{min-width:140px}
.hc-legend{background:#f6f5fa;border:1px solid #e4e2ec;border-radius:8px;padding:8px 10px;margin:0 0 10px;line-height:1.8}
@media(max-width:900px){ol.hc-steps{grid-template-columns:1fr}}
@media(max-width:640px){
 .hc-help{padding:10px 12px;font-size:15px}
 ol.hc-steps{gap:6px}
 ol.hc-steps li{padding:8px}
 .hc-cmp{grid-template-columns:72px 62px 1fr;gap:6px 8px;padding:8px 10px}
 .hc-btns button{flex:1 1 auto;padding:12px 14px;font-size:15.5px}
}
@media(max-width:360px){.hc-cg{grid-template-columns:1fr 1fr}}