:root { color-scheme: light; }
#commercialHome { display:none; background:#071522; color:#eff8fa; min-height:100vh; font-family:Inter,system-ui,sans-serif; }
.marketing-mode #commercialHome { display:block; }
.marketing-mode #authScreen { display:none!important; }
.commercial-nav,.commercial-footer { max-width:1160px; margin:auto; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.commercial-brand { color:#5eead4; font-size:23px; font-weight:800; text-decoration:none; }
.commercial-nav button,.commercial-footer button,.app-language-switch button { border:0; background:transparent; color:inherit; padding:10px; cursor:pointer; font:inherit; }
.commercial-nav button:hover,.commercial-footer button:hover { color:#5eead4; }
.commercial-hero { max-width:1160px; margin:auto; padding:70px 24px; display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center; }
.commercial-hero h1 { font-size:clamp(36px,4.3vw,60px); line-height:1.12; letter-spacing:-2px; margin:20px 0; }
.commercial-hero p,.commercial-section p { color:#b7c9d8; line-height:1.7; font-size:17px; }
.commercial-hero small { display:block; color:#a8becf; margin-top:18px; line-height:1.5; }
.commercial-eyebrow { font-size:11px; letter-spacing:1.5px; color:#14b8a6; font-weight:800; }
.commercial-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.commercial-actions a { text-decoration:none; }
.commercial-preview { background:#132636; border:1px solid #294457; padding:26px; border-radius:24px; box-shadow:0 30px 90px #0004; }
.commercial-preview>span { color:#a9bfce; font-size:10px; letter-spacing:1px; }
.commercial-preview p { padding:14px 0; border-top:1px solid #294457; font-size:14px; }
.commercial-preview strong { margin-left:12px; }
.commercial-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:26px 0; }
.commercial-metrics>div { display:grid; gap:8px; border-radius:12px; background:#0a1b28; padding:16px 10px; font-size:12px; }
.commercial-metrics b { font-size:26px; color:#5eead4; }
.commercial-section { max-width:1160px; padding:38px 24px; margin:auto; }
.commercial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.commercial-grid article { padding:24px; background:#102230; border:1px solid #294457; border-radius:16px; }
.commercial-pilot { display:flex; align-items:center; gap:30px; }
.commercial-pilot>div { flex:1; }
.commercial-footer { color:#a9bfce; border-top:1px solid #294457; font-size:13px; }
.commercial-footer-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; }
.commercial-admin-link { color:#a9bfce; font-size:12px; line-height:1.5; padding:6px 0; text-decoration:none; }
.commercial-admin-link:hover { color:#5eead4; text-decoration:underline; }
.commercial-admin-link:focus-visible { outline:2px solid #5eead4; outline-offset:4px; border-radius:2px; }
.app-language-switch { position:fixed; right:16px; top:6px; z-index:110; background:#fff; color:#173047; box-shadow:0 2px 12px #0002; border-radius:12px; font:12px system-ui; }
.app-language-switch a { color:#0f766e; padding:8px; text-decoration:none; }
.marketing-mode .app-language-switch { display:none; }
.platform-menu { display:grid; gap:8px; padding:8px 0; }
.platform-menu [hidden] { display:none; }
.platform-dialog { width:min(1000px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #dbe5ec; border-radius:20px; background:#fff; color:#173047; overflow:auto; box-shadow:0 24px 80px #06152255; }
.platform-dialog::backdrop { background:#061522aa; }
.platform-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid #dbe5ec; background:#fff; position:sticky; top:0; z-index:1; }
.platform-header [data-platform-close] { flex-shrink:0; }
.platform-header h2 { margin:0; font-size:23px; }
.platform-content { padding:24px; line-height:1.6; }
.platform-content [data-platform-notice] { border-radius:10px; padding:16px; background:#fff4dc; color:#714a00; }
.platform-table-wrap { overflow:auto; }
.platform-dialog table { width:100%; min-width:0; border-collapse:collapse; table-layout:fixed; }
.platform-dialog th:first-child { width:32%; }
.platform-dialog th:last-child { width:90px; }
.platform-dialog td,.platform-dialog th { text-align:left; padding:12px 8px; border-bottom:1px solid #dbe5ec; }
.platform-dialog td { overflow-wrap:anywhere; }
.platform-dialog td small { display:block; color:#526477; }
.platform-dialog input,.platform-dialog select { padding:8px; width:100%; min-width:0; max-width:200px; box-sizing:border-box; border:1px solid #a8becf; border-radius:8px; background:#fff; color:#173047; }
.platform-dialog.owner-console { width:calc(100vw - 24px); height:calc(100dvh - 24px); max-width:1440px; max-height:calc(100dvh - 24px); background:#f5f8fc; }
.owner-console .platform-content { max-width:1280px; margin:auto; }
.owner-topline,.owner-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; }
.owner-topline>div,.owner-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.owner-tabs { margin:24px 0; border-bottom:1px solid #dbe5ec; padding-bottom:16px; }
.owner-metrics,.owner-clinics { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:16px; margin:20px 0; }
.owner-metrics article,.owner-clinic,.owner-detail-grid>section { background:white; border:1px solid #dbe5ec; border-radius:16px; padding:22px; min-width:0; overflow-wrap:anywhere; }
.owner-metrics strong { display:block; font-size:32px; color:#0f766e; }
.owner-metrics span,.owner-metrics small { display:block; }
.owner-alert { padding:18px; background:#fff5dd; color:#684400; border:1px solid #e9d29e; border-radius:12px; margin:18px 0; }
.owner-alert p { margin-bottom:0; }
.owner-console label { display:grid; gap:6px; color:#334155; font-weight:600; }
.owner-console input,.owner-console select,.owner-console textarea { max-width:none; width:100%; min-height:44px; border:1px solid #a8becf; background:#fff; color:#173047; border-radius:8px; padding:10px; font:inherit; box-sizing:border-box; }
.owner-toolbar label:first-child { flex:1; }
.owner-badge { display:inline-block; background:#e0f4ee; color:#14594b; border-radius:8px; padding:4px 10px; font-size:13px; font-weight:700; }
.owner-clinic h3 { margin-top:0; }
.owner-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.owner-console form { display:grid; gap:14px; margin:20px 0; }
.owner-history { padding-left:20px; }
.owner-history li { border-bottom:1px solid #dbe5ec; padding:12px 0; }
.owner-history small { display:block; color:#526477; overflow-wrap:anywhere; }
.owner-console .btn { text-decoration:none; }
@media(max-width:760px) { .owner-detail-grid { grid-template-columns:1fr; } .owner-topline { align-items:flex-start; } .owner-toolbar { align-items:stretch; flex-direction:column; } }
@media(max-width:640px) {
  .platform-header,.platform-content { padding:16px; }
  .platform-header h2 { font-size:20px; }
  .platform-dialog table,.platform-dialog tbody { display:block; }
  .platform-dialog thead { display:none; }
  .platform-dialog tbody tr { display:grid; gap:12px; margin:12px 0; padding:16px; border:1px solid #dbe5ec; border-radius:12px; background:#f8fafc; }
  .platform-dialog td { display:block; padding:0; border:0; }
  .platform-dialog td[data-label]::before { content:attr(data-label); display:block; margin-bottom:4px; color:#526477; font-size:12px; font-weight:700; }
  .platform-dialog input,.platform-dialog select { max-width:none; }
}
@media(max-width:760px) { .commercial-hero { grid-template-columns:1fr; padding-top:35px; gap:35px; } .commercial-grid { grid-template-columns:1fr; } .commercial-pilot { align-items:flex-start; flex-direction:column; } .commercial-nav { gap:8px; } }