/* round 11 (A9): PCB bake log (js/bake.js, tab 'bake'). Existing tokens only, no hex colours; everything scoped to .bk-* */
.bk-page{display:flex;flex-direction:column;gap:14px}
.bk-page .card{margin:0}
.bk-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.bk-main,.bk-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.bk-err{border-left:4px solid var(--red)}
.bk-sub{display:block;font-size:var(--fs-11);color:var(--ink3);white-space:normal;overflow-wrap:anywhere;font-family:var(--font)}
.bk-req{color:var(--red-t,var(--red));font-style:normal}

/* log form */
.bk-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;align-items:end}
.bk-form label,.bk-stf{display:flex;flex-direction:column;gap:3px;min-width:0}
.bk-form label>span,.bk-stf>span{font-size:var(--fs-11);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.bk-form input,.bk-form select{width:100%;min-width:0;box-sizing:border-box;font-size:var(--fs-14);padding:7px 9px}
.bk-form input[readonly]{background:var(--paper2);color:var(--ink2)}
.bk-form .bk-wof{grid-column:span 2}
.bk-form .bk-wof input{font-family:var(--mono);font-size:var(--fs-16);font-weight:600}
.bk-form .bk-wide{grid-column:1 / -1}
.bk-stf{grid-column:span 2}
.bk-seg{display:inline-flex;align-self:flex-start}
.bk-seg button{min-height:34px}
.bk-wohint{min-height:20px;margin:10px 0 0;font-size:var(--fs-13);color:var(--ink2);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bk-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.bk-foot #bkHint{flex:1;min-width:200px}
.bk-mform{grid-template-columns:repeat(2,minmax(0,1fr));min-width:min(560px,86vw);margin:10px 0 14px}

/* in the oven */
.bk-load{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1.2fr) auto;gap:8px 14px;align-items:center;padding:10px 0;border-top:1px solid var(--rule)}
.bk-load:first-of-type{border-top:0}
.bk-load.up{background:var(--amber-l);margin:0 -12px;padding:10px 12px;border-radius:var(--r-6)}
.bk-won{font-family:var(--mono);font-weight:700;font-size:var(--fs-13)}
.bk-lm{font-size:var(--fs-13)}
.bk-bar{display:block;height:8px;border-radius:99px;background:var(--grey-l);overflow:hidden;margin-bottom:4px}
.bk-bar i{display:block;height:100%;border-radius:99px;background:var(--teal)}
.bk-bar.up i{background:var(--amber)}
.bk-cd{font-variant-numeric:tabular-nums;font-size:var(--fs-14);font-weight:700;white-space:nowrap}
.bk-load.up .bk-cd{color:var(--amber-t,var(--ink))}
.bk-la{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}

/* not baked yet */
.bk-nbl{list-style:none;margin:0;padding:0}
.bk-nb{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px solid var(--rule)}
.bk-nb:first-child{border-top:0}
.bk-nb>div:first-child{min-width:0}
.bk-nbr{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.bk-nbnote{margin:10px 0 0}
.bk-how{margin:0}
.bk-rule{width:100%;font-size:var(--fs-12);margin:6px 0}
.bk-rule th,.bk-rule td{padding:3px 5px}

/* history */
.bk-filt{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end;margin:0 0 10px}
.bk-filt label{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-11);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.bk-filt input{font-size:var(--fs-13);padding:5px 8px;width:140px}
.bk-filt input[type=date]{width:150px}
.bk-chips{display:inline-flex;gap:4px;flex-wrap:wrap;align-self:center}
.bk-tbl{width:100%;font-size:var(--fs-13)}
.bk-tbl td{vertical-align:top;white-space:nowrap}
.bk-tbl td .bk-sub{white-space:normal;min-width:110px;max-width:200px}
.bk-tbl tbody tr[data-bkedit]{cursor:pointer}
.bk-tbl tbody tr[data-bkedit]:hover td{background:var(--hover)}
.bk-none{padding:18px!important;text-align:center}
.bk-more{display:flex;justify-content:center;margin-top:8px}

@media (max-width:1180px){.bk-cols{grid-template-columns:1fr}}
@media (max-width:900px){.bk-form{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-load{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bk-la{justify-content:flex-start}}
@media (max-width:560px){.bk-form,.bk-mform{grid-template-columns:1fr}.bk-form .bk-wof,.bk-form .bk-wide,.bk-stf{grid-column:auto}.bk-load{grid-template-columns:1fr}.bk-load.up{margin:0 -8px;padding:10px 8px}.bk-filt input,.bk-filt input[type=date]{width:100%}.bk-filt label{flex:1 1 140px}
  .bk-form input,.bk-form select,.bk-seg button,.bk-foot .btn{min-height:44px}}