/* business.css - the Business screen's own styles (app/business.js). The
   rest is the console's kit: system.css tokens, board.css panels, the
   console's .btn, label and input. */
.biz-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.biz-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.biz-field label{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.biz-field input,.biz-field select{margin:0}
.biz-field select{padding:9px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;max-width:100%}
.biz-field input:disabled,.biz-field select:disabled{background:var(--surface2);color:var(--ink2)}
.biz-wide{grid-column:1 / -1}
.biz-pair{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.biz-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.biz-tip{font-size:12px;margin:10px 0 0}
.biz-themes{display:flex;flex-wrap:wrap;gap:14px}
.biz-theme{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px;border:0;background:transparent;color:var(--ink2);font:inherit;font-size:12px;cursor:pointer}
.biz-theme i{display:block;width:40px;height:40px;border-radius:var(--r);border:1px solid var(--line)}
.biz-theme.on i{outline:2px solid var(--ink);outline-offset:2px}
.biz-theme.on{color:var(--ink);font-weight:600}
.biz-theme:disabled{cursor:default}
.biz-theme:focus-visible i{outline:2px solid var(--accent);outline-offset:2px}
.biz-mods{display:flex;flex-direction:column}
.biz-mod{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2)}
.biz-mod:last-child{border-bottom:0}
.biz-modt{font-weight:500;grid-column:1}
.biz-modd{font-size:12.5px;color:var(--ink3);grid-column:1}
.biz-switch{grid-column:2;grid-row:1 / span 2;width:36px;height:20px;border-radius:10px;border:0;background:var(--line);position:relative;cursor:pointer;padding:0;flex:none}
.biz-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.biz-switch.on{background:var(--accent)}
.biz-switch.on i{left:18px}
.biz-switch:disabled{cursor:default;opacity:.7}
.biz-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.biz-access{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,64px);gap:0 8px;align-items:center}
.biz-access > div{padding:8px 0;border-bottom:1px solid var(--line2);font-size:13px;min-height:44px;display:flex;align-items:center}
.biz-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.biz-c{justify-content:center}
.biz-who{font-weight:500}
.biz-who span{font-weight:400;color:var(--ink3);margin-left:6px;font-size:12px}
.biz-cell{width:44px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--r);background:transparent;cursor:pointer;padding:0}
.biz-cell:hover{border-color:var(--line);background:var(--surface2)}
.biz-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.biz-check{width:16px;height:16px;stroke:var(--good);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.biz-no{color:var(--ink3)}
/* Store hours: today's list (the kit's lfd-lines), future sets, the change form */
.biz-today{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:4px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--ink)}
.biz-closed{color:var(--ink3)}
.biz-hsets{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.biz-hset{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface2)}
.biz-hsett{flex:1 1 220px;min-width:0;font-size:13px;line-height:1.45}
.biz-hsetb{display:flex;gap:6px}
.btn.ghost.biz-danger{color:var(--clay)}
.biz-hform{container-type:inline-size;margin-top:14px;padding-top:12px;border-top:1px solid var(--line2)}
.biz-hk{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.biz-hfrom{max-width:220px;margin:10px 0 6px}
.biz-hgrid{display:flex;flex-direction:column}
.biz-hrow{display:grid;grid-template-columns:40px 92px minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"day closed opens to closes";gap:6px 8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line2)}
.biz-hrow:last-child{border-bottom:0}
.biz-hday{grid-area:day;font-weight:600;font-size:13px}
.biz-hclosed{grid-area:closed;display:flex;align-items:center;gap:6px;min-height:34px;margin:0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink2);cursor:pointer}
.biz-hclosed input{width:16px;height:16px;margin:0;padding:0;flex:none}
.biz-hrow input[type="time"]{margin:0;min-width:0;min-height:36px;padding:7px 8px;font-variant-numeric:tabular-nums}
.biz-hrow input[data-hk="opens"]{grid-area:opens}
.biz-hrow input[data-hk="closes"]{grid-area:closes}
.biz-hrow input[type="time"]:disabled{background:var(--surface2);color:var(--ink3)}
.biz-hto{grid-area:to;font-size:12px;color:var(--ink3)}
.biz-hoff input[type="time"],.biz-hoff .biz-hto{visibility:hidden}
.biz-hmsg{color:var(--ink3)}
.biz-hmsg.biz-bad{color:var(--clay)}
@container (max-width:460px){
  .biz-hrow{grid-template-columns:40px minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"day closed closed closed" ". opens to closes"}
  .biz-hrow.biz-hoff{grid-template-areas:"day closed closed closed"}
  .biz-hoff input[type="time"],.biz-hoff .biz-hto{display:none}
}
@media (max-width:760px){
  .biz-form{grid-template-columns:minmax(0,1fr)}
  .biz-access{grid-template-columns:minmax(0,1fr) repeat(4,48px)}
  .biz-hfrom{max-width:none}
  .biz-hrow{grid-template-columns:40px minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"day closed closed closed" ". opens to closes"}
  .biz-hrow.biz-hoff{grid-template-areas:"day closed closed closed"}
  .biz-hoff input[type="time"],.biz-hoff .biz-hto{display:none}
  .biz-hclosed{min-height:44px}
  .biz-hrow input[type="time"],.biz-actions .btn,.biz-hsetb .btn{min-height:44px}
}