/* Adapter for the existing vanilla workspace. All branding uses the shared contract. */
:root{--primary:var(--myd-accent);--primary-dark:var(--myd-accent-hover);--ink:var(--myd-text-primary);--muted:var(--myd-text-secondary);font-family:var(--myd-font)}
body{background:var(--myd-body);color:var(--myd-text-body);font-family:var(--myd-font)}
.online-header{background:var(--myd-surface);border-color:var(--myd-border);box-shadow:none}
.online-main{max-width:1120px}.online-main h1{font-size:32px;line-height:44px;color:var(--myd-text-primary)}.online-main h2{font-size:24px;line-height:36px}.online-main h3{font-size:20px;line-height:28px}
.online-main p,.field>span{font-size:14px;line-height:24px;color:var(--myd-text-body)}
.online-main .card,.library-table-shell{background:var(--myd-surface);border:1px solid var(--myd-border);border-radius:12px;box-shadow:none}
.online-main .button,.online-header .button,.nav-link{min-height:44px;font-size:14px;line-height:24px;border-radius:8px;color:var(--myd-text-body);background:var(--myd-surface);border-color:var(--myd-border);box-shadow:none}
.online-main .button.primary{background:var(--myd-accent);border-color:var(--myd-accent);color:var(--myd-on-accent)}
.online-main .button.primary:hover{background:var(--myd-accent-hover)}.nav-link.active{background:var(--myd-accent-muted);color:var(--myd-accent)}
.online-main input,.online-main select,.online-main textarea{font-size:16px;line-height:28px;color:var(--myd-text-body);border:1px solid var(--myd-input-border);border-radius:8px;background:var(--myd-surface)}
.online-main input:not([type=checkbox]),.online-main select{min-height:44px}.online-main input[type=checkbox]{accent-color:var(--myd-accent)}
:focus-visible{outline:var(--myd-focus);outline-offset:2px}.online-main .online-note,.online-main small,.library-title-cell small{font-size:12px;line-height:20px;color:var(--myd-text-secondary)}
.online-kpi,.online-main a,.online-brand{color:var(--myd-accent)}.online-brand-copy strong{color:var(--myd-text-primary)}
.online-bubble,.online-pre{background:var(--myd-accent-muted);color:var(--myd-text-body)}
.online-table{font-size:14px}.online-table th,.online-table td{border-color:var(--myd-border)}
.publish-state.published,.import-result.success{background:var(--myd-success-bg);color:var(--myd-success)}
.publish-state.draft,.offline-marker{background:var(--myd-warning-bg);color:var(--myd-warning)}
.import-result.failed,.danger-text{color:var(--myd-error);background:var(--myd-error-bg)}
.workspace-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 40px}
.workspace-products .card{display:flex;flex-direction:column;align-items:flex-start}.workspace-products .card p{flex:1}
.online-main .online-grid{margin-bottom:40px}.table-scroll{max-width:100%;overflow:auto}
@media(max-width:760px){.online-header{position:static;flex-wrap:wrap;padding:20px}.online-header #nav{width:100%;gap:8px}.online-main{margin:24px auto;padding:0 20px}.online-main h1{font-size:24px;line-height:36px}.workspace-products,.online-main .online-grid{grid-template-columns:1fr}.online-main .online-row{flex-wrap:wrap}.online-main .button-row{flex-wrap:wrap}.online-main .card{padding:20px;min-width:0}}
:root{--studio-blue:var(--myd-accent);--studio-blue-dark:var(--myd-accent-hover);--studio-blue-soft:var(--myd-accent-muted);--studio-ink:var(--myd-text-primary);--studio-muted:var(--myd-text-secondary);--studio-line:var(--myd-border);--studio-success:var(--myd-success);--studio-danger:var(--myd-error)}
.online-main .wallet-balance .online-kpi{color:var(--myd-accent)}
.online-main [data-action="begin"],.online-main [data-action="analyze"],.online-main [data-action="answer"],.workspace-products [data-id="prepare"]{background:var(--myd-accent);border-color:var(--myd-accent);color:var(--myd-on-accent)}
.online-main [data-action="begin"]:hover,.online-main [data-action="analyze"]:hover,.online-main [data-action="answer"]:hover{background:var(--myd-accent-hover)}
body[data-page="home"] .online-main>.online-grid>.card:first-child{background:var(--myd-accent-muted);border-color:var(--myd-border)}
.online-header [data-store-link]{color:var(--myd-accent)}.online-main input:focus,.online-main textarea:focus,.online-main select:focus{box-shadow:none;border-color:var(--myd-accent)}
@media(max-width:760px){.online-main,.admin-portal .online-main{width:100%;padding-left:20px;padding-right:20px}.online-header .online-brand{display:flex}.online-header #nav{max-width:100%;overflow:visible;flex-wrap:wrap}.account-menu summary{min-width:44px;min-height:44px}.online-main .card{max-width:100%}}