/* 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)}
@media (max-width:760px){
  .biz-form{grid-template-columns:minmax(0,1fr)}
  .biz-access{grid-template-columns:minmax(0,1fr) repeat(4,48px)}
}