/* v1.4 — editable board information and the sticky export shortcut. */
.boardbar{flex-wrap:wrap;gap:14px 20px}
.board-fields{flex:1 1 370px;max-width:500px;min-width:0;gap:12px;align-items:flex-end}
.board-fields label{min-width:0;gap:6px}
.board-fields label.date-field{flex:0 0 155px;padding-left:0;border-left:0}
.board-field-label{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:15px;font-size:11px;font-weight:700;color:var(--ink)}
.editable-hint{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;font-weight:500;white-space:nowrap}
.editable-hint svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.board-fields input{display:block;min-width:0;min-height:40px;width:100%;padding:9px 11px;border:1px solid #bdc9c0;border-radius:8px;background:var(--surface2);color:var(--ink);font-size:14px;font-weight:650;line-height:1.4;outline-offset:2px;box-shadow:inset 0 1px 2px #17203305;cursor:text}
.board-fields input:hover{border-color:var(--accent)}
.board-fields input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-light)}
.board-fields input[type="date"]{cursor:pointer;min-inline-size:0}
.board-fields input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;padding:3px;margin:0}
.board-fields label:focus-within .editable-hint{color:var(--accent)}
.board-actions{flex:1 1 590px;justify-content:flex-end;gap:8px;min-width:0}
.board-actions .save-status{flex-basis:100%;max-width:none;margin:0;text-align:right;min-height:15px;overflow-wrap:anywhere}
.board-actions .overview-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);background:var(--accent-light);border-color:var(--accent-light)}
.overview-shortcut svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.board-actions .overview-shortcut:hover{border-color:var(--accent)}
[data-theme="dark"] .board-fields input{border-color:#505765;box-shadow:inset 0 1px 2px #0002}
[data-theme="dark"] .board-fields input:hover,[data-theme="dark"] .board-fields input:focus{border-color:var(--accent)}
[data-theme="dark"] .board-fields input:focus{box-shadow:0 0 0 3px var(--accent-light)}
@media(max-width:1180px){
    .board-fields{max-width:none;flex-basis:100%}
    .board-actions{flex-basis:100%;align-items:center}
    .board-actions .save-status{flex:1 1 100px;text-align:left;font-size:10px}
}
@media(max-width:760px){
    .boardbar{gap:9px;padding:10px}
    .board-fields{gap:10px}
    .board-fields label.date-field{flex-basis:143px}
    .board-fields input{font-size:13px;padding:8px 9px;min-height:38px}
    .board-actions{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.25fr .7fr;gap:6px}
    .board-actions .save-status{grid-column:1/-1;min-height:14px;font-size:9px}
    .board-actions .btn{padding:7px 5px;min-height:36px;font-size:11px}
    .board-actions .overview-shortcut{gap:5px}
    .overview-shortcut svg{display:none}
}
@media(max-width:560px){
    .board-field-label{font-size:10px;gap:4px}
    .editable-hint{font-size:8px}
    .board-fields label.date-field{flex-basis:134px}
    .board-actions{grid-template-columns:repeat(6,minmax(0,1fr))}
    .board-actions .btn{grid-column:span 2}
    .board-actions #topOverviewBtn,.board-actions #newBtn{grid-column:span 3}
    .board-actions .overview-shortcut svg{display:block;width:14px;height:14px}
}
@media(max-width:360px){
    .board-fields{gap:7px}
    .board-fields label.date-field{flex-basis:125px}
    .board-fields .title-field .editable-hint{font-size:0;gap:0}
    .board-fields .title-field .editable-hint svg{width:13px;height:13px}
}
@media print{.boardbar{display:none}}
