.business-page{padding:24px;overflow:auto;min-width:0;min-height:0;background:var(--bg, #141820)}.business-shell{max-width:1120px;margin:0 auto}.business-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.business-heading h1{margin-bottom:8px;font-size:28px}.business-heading p,.business-card small{color:var(--muted, #a4afc0)}.business-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:24px 0}.business-controls label,.business-page form>label,.business-page form>div>label{display:grid;gap:8px}.business-page input,.business-page select,.business-page textarea{font:inherit;max-width:100%;padding:10px;color:inherit;background:var(--panel, #1c2331);border:1px solid var(--line, #465268);border-radius:8px}.business-controls label:has([type=checkbox]){display:flex;align-items:center;min-height:44px}.business-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.business-card{padding:18px;background:var(--panel, #1c2331);border:1px solid var(--line, #465268);border-radius:14px;overflow-wrap:anywhere}.business-card>div{display:flex;align-items:start;gap:12px}.business-card button{color:inherit;background:none;border:0;min-height:44px;cursor:pointer}.business-card [data-business-complete]{font-size:26px;min-width:44px}.business-open{text-align:left;display:grid;gap:8px;flex:1;padding:0}.business-open strong{font-size:18px}.business-card p{white-space:pre-wrap;margin:14px 0 0}.business-page dialog{color:inherit;background:var(--panel, #1c2331);border:1px solid var(--line, #465268);border-radius:16px;width:min(540px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto}.business-page dialog::backdrop{background:#0009}.business-page form{display:grid;gap:16px}.business-page form [hidden]{display:none}.business-page form>div:not(.business-editor-actions){display:grid;gap:16px}.business-editor-actions{display:flex;flex-wrap:wrap;gap:12px}.business-page [role=status]{min-height:1.5em}.workspace-tools .business-mobile-link{display:none}@media(max-width:760px){.workspace-tools .business-mobile-link{display:inline-flex}}@media(max-width:600px){.business-page{padding:16px}.business-heading h1{font-size:23px}.business-controls{gap:12px}.business-controls label{flex:1;min-width:130px}}.business-review{margin:1rem 0;padding:1rem;border:1px solid var(--line, #61738b);border-radius:12px;background:var(--panel, #202936)}.business-review summary{cursor:pointer;font-weight:650}.business-review article{padding-block:1rem;border-top:1px solid var(--line, #61738b)}.business-review dt{font-weight:600}.business-review dd{margin:.2rem 0 .7rem;white-space:pre-wrap;overflow-wrap:anywhere}
/* Integration with Warehouse's retained sidebar and form controls. */
.top-actions .top-action[data-page-route="business"] {
  white-space: normal;
  height: auto;
  min-height: 44px;
}
.top-actions .top-action[data-page-route="business"] span { min-width: 0; }
.business-controls label { min-width: 0; }
.business-controls :is(input, select) { min-width: 0; width: 100%; box-sizing: border-box; }
.business-controls :is(input:not([type="checkbox"]), select) { min-height: 44px; }
.business-controls select {
  appearance: none;
  height: 46px;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23949ca8' stroke-width='1.8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}
.business-controls label:has([type="checkbox"]) { flex: 0 0 auto; white-space: nowrap; }
.business-controls input[type="checkbox"] {
  width: 20px;
  min-width: 20px;
  flex: 0 0 20px;
  margin: 0;
  padding: 0;
}
@media (max-width: 360px) {
  :root { --mobile-header-height: calc(100px + var(--safe-top)); }
  #app > .topbar { flex-wrap: wrap; align-content: center; row-gap: 4px; }
  .workspace-context { flex: 1; }
  .workspace-tools { flex: 0 0 100%; justify-content: flex-end; }
}
@media (max-width: 760px) {
  .business-page {
    padding-inline: calc(16px + var(--safe-left)) calc(16px + var(--safe-right));
    scroll-padding: 16px 88px;
  }
  .business-page :is(input, select, textarea) { font-size: 16px; }
  .business-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; }
  .business-controls label { min-width: 0; }
  .business-controls label:first-child, .business-controls label:has([type="checkbox"]) { grid-column: 1 / -1; }
  .business-controls [data-business-new] { grid-column: 1 / -1; justify-self: start; }
}