/* A bright, mobile-first workspace. Screen-only rules leave the paper layouts intact. */
@media screen {
  body.workspace-light { background:#f4f5f7; color:#20232a; color-scheme:light; }
  .owner-app,.admin-app {
    --paper:#f4f5f7;
    --ink:#20232a;
    --muted:#616773;
    --line:#e0e3e8;
    --red:#d91e2c;
    background:#f4f5f7;
    color:#20232a;
    color-scheme:light;
  }
  .owner-app .owner-sidebar,.admin-app .admin-sidebar {
    background:#fff;
    color:#343943;
    border-inline-end:1px solid #e0e3e8;
  }
  .owner-app .owner-sidebar .brand,.admin-app .admin-sidebar .brand {
    background:#111214;
    border-radius:12px;
    width:fit-content;
    max-width:100%;
    margin-inline:auto;
    padding:5px 14px;
  }
  .owner-app .owner-sidebar-label,.admin-app .workspace-label {
    color:#69717d;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.6px;
  }
  .owner-app .owner-sidebar nav a,.admin-app .admin-sidebar nav a {
    min-height:46px;
    border-radius:9px;
    color:#535b68;
    font-size:13px;
    font-weight:600;
    border-inline-start:2px solid transparent;
  }
  .owner-app .owner-sidebar nav a:hover,.admin-app .admin-sidebar nav a:hover {
    background:#f4f5f7;
    color:#242832;
  }
  .owner-app .owner-sidebar nav a.active,.admin-app .admin-sidebar nav a.active {
    background:#fff0f1;
    border-inline-start-color:#d91e2c;
    color:#b51c28;
    box-shadow:none;
  }
  .owner-app .owner-back,.admin-app .admin-sidebottom,.admin-app .admin-sidebottom>a {
    color:#59616d;
    line-height:1.7;
  }
  .admin-app .admin-sidebottom>a { min-height:44px; }
  .owner-app .owner-main,.admin-app .admin-main { max-width:1600px; width:100%; }
  .owner-app .owner-topline,.admin-app .admin-top {
    color:#626b78;
    border-bottom:1px solid #e0e3e8;
    padding-bottom:22px;
  }
  .owner-app .owner-heading h1,.admin-app .admin-heading h1 {
    color:#1e2229;
    letter-spacing:-.8px;
  }
  .owner-app .owner-heading>p,.admin-app .admin-heading p {
    color:#616773;
    font-size:13px;
    line-height:1.85;
  }
  .owner-app .btn,.admin-app .btn { min-height:46px; border-radius:9px; }
  .owner-app .btn:not(.secondary):not(.light):not(.dark):not(.text),
  .admin-app .btn:not(.secondary):not(.light):not(.dark):not(.text) {
    background:#d91e2c;
    color:#fff;
    border-color:#d91e2c;
  }
  .owner-app .btn:not(.secondary):not(.light):not(.dark):not(.text):hover,
  .admin-app .btn:not(.secondary):not(.light):not(.dark):not(.text):hover {
    background:#bc1623;
    border-color:#bc1623;
  }
  .owner-app .btn.secondary,.owner-app .btn.light,
  .admin-app .btn.secondary,.admin-app .btn.light {
    background:#fff;
    border-color:#cfd4dc;
    color:#303640;
  }
  .owner-app .btn.secondary:hover,.owner-app .btn.light:hover,
  .admin-app .btn.secondary:hover,.admin-app .btn.light:hover { background:#eef0f3; }
  .owner-app .btn.dark,.admin-app .btn.dark { background:#272c35; color:#fff; border-color:#272c35; }
  .owner-app .btn.text,.admin-app .btn.text { color:#b51c28; min-height:44px; }
  .owner-app .lang,.admin-app .lang {
    background:#fff;
    border:1px solid #cfd4dc;
    color:#343943;
    min-width:46px;
    min-height:44px;
    border-radius:9px;
  }
  .owner-app :is(a,button,input,textarea,select):focus-visible,
  .admin-app :is(a,button,input,textarea,select):focus-visible,
  body.workspace-light .modal :is(button,input,textarea,select):focus-visible {
    outline:3px solid #d91e2c;
    outline-offset:3px;
  }
  .owner-app :is(.owner-overview-card,.owner-panel,.owner-retail-card,.owner-offer-card,.owner-media-tile),
  .admin-app :is(.panel,.stat,.balance-card,.due-card) {
    background:#fff;
    color:#20232a;
    border:1px solid #dfe3e9;
    border-radius:12px;
    box-shadow:0 3px 14px #20232a03;
  }
  .owner-app .owner-overview-card { transition:border-color .15s,box-shadow .15s; }
  .owner-app .owner-overview-card:hover { border-color:#dca1a7; box-shadow:0 5px 18px #20232a08; }
  .owner-app .owner-overview-card p,.owner-app .owner-caption,
  .owner-app .owner-more-links p,.owner-app .owner-team-access p,
  .admin-app .note,.admin-app .muted,.admin-app .panel-head p,
  .admin-app td small,.admin-app .stat-top,.admin-app .stat-bottom {
    color:#646c79;
  }
  .owner-app .owner-kicker { color:#a71925; font-size:10px; font-weight:700; }
  .owner-app .owner-review-note,.admin-app .demo-notice {
    background:#fff9ed;
    color:#765420;
    border:1px solid #efdfbd;
    border-inline-start:3px solid #d0a14f;
    border-radius:9px;
    font-size:12px;
    line-height:1.8;
  }
  .owner-app .owner-status { border-radius:9px; }
  .owner-app .owner-retail-card>div>span { color:#65707d; }
  .owner-app .owner-offer-card { border-top:3px solid #d91e2c; }
  .owner-app .owner-offer-paused { border-top-color:#a9b0bc; }
  .owner-app .owner-offer-top h3>span,.owner-app .owner-offer-amounts s { color:#68717d; }
  .owner-app .owner-offer-amounts output { color:#b01b28; font-weight:600; }
  .owner-app .owner-field>span,.admin-app .field label { color:#444d59; font-size:13px; }
  .owner-app .owner-field input,.owner-app .owner-field textarea,
  .admin-app .field input,.admin-app .field select,.admin-app .field textarea,
  body.workspace-light .modal .field input,body.workspace-light .modal .field select,
  body.workspace-light .modal .field textarea {
    background:#fff;
    color:#252b34;
    border:1px solid #cbd2dc;
    border-radius:8px;
    min-height:46px;
    padding:12px;
    line-height:1.5;
  }
  .owner-app .owner-field textarea,.admin-app .field textarea { min-height:100px; }
  .owner-app .owner-field input::placeholder,.admin-app .field input::placeholder,
  body.workspace-light .modal .field input::placeholder { color:#727b88; opacity:1; }
  .owner-app .owner-upload input { border-radius:8px; min-height:46px; color:#565f6b; background:#f5f6f8; }
  .owner-app .owner-upload input::file-selector-button {
    min-height:34px;
    border:1px solid #d1d7e0;
    background:#fff;
    border-radius:5px;
    color:#343943;
    margin-inline-end:10px;
    padding:6px 10px;
  }
  .owner-app .owner-draft-actions button,.owner-app .owner-quiet-button { min-height:44px; font-size:12px; }
  .owner-app .owner-more-links>a { border-color:#dfe3e9; border-radius:12px; }
  .owner-app .owner-media-preview { border-radius:7px; background:#eef0f3; color:#616773; }
  .owner-app .owner-media-tile>p { color:#646c79; font-size:11px; }
  .admin-app .panel-head { background:#fff; border-bottom-color:#e7eaf0; }
  .admin-app .panel-head h2 { font-size:16px; color:#252a33; line-height:1.5; }
  .admin-app .stat.accent,.admin-app .balance-card { border-top:3px solid #d91e2c; }
  .admin-app .stat.accent .stat-top,.admin-app .stat.accent .stat-bottom,
  .admin-app .balance-card small,.admin-app .due-card small { color:#646c79; }
  .admin-app .stat-value,.admin-app .balance-card strong,.admin-app .due-card strong {
    color:#20232a;
    font-variant-numeric:tabular-nums;
  }
  .admin-app .balance-card>span,.admin-app .due-card>span { color:#4d5867; }
  .admin-app .stat-top svg { color:#727d8a; }
  .admin-app .table-scroll { scrollbar-color:#c5ccd6 transparent; }
  .admin-app table { color:#303741; }
  .admin-app th { color:#657080; background:#f7f8fa; font-size:11px; }
  .admin-app td { border-color:#e8ebf0; font-size:13px; line-height:1.7; }
  .admin-app td strong { color:#202630; font-size:13px; }
  .admin-app td small { font-size:11px; }
  .admin-app tbody tr:hover { background:#fafbfc; }
  .admin-app .table-link { min-height:44px; color:#303741; }
  .admin-app .table-link:hover { color:#b51c28; }
  .admin-app .tabs button { min-height:46px; color:#68717e; font-size:13px; }
  .admin-app .tabs button.active { color:#b51c28; border-color:#d91e2c; }
  .admin-app .empty { color:#636d7a; border-color:#cbd3de; background:#fafbfc; }
  .admin-app .empty h3 { color:#3f4a58; }
  .admin-app .back-link { min-height:44px; color:#5b6572; }
  .admin-app .stockist-admin-card { border-color:#e7ebf0; }
  .admin-app .stockist-admin-card p { color:#646c79; line-height:1.9; }
  .admin-app .dealer-price-grid>div { background:#f8f9fb; border-color:#e1e6ed; border-radius:8px; }
  .admin-app .dealer-price-grid span { color:#606b79; }
  .admin-app .dealer-price-grid strong { color:#242b35; }
  .owner-app .owner-bottom-nav,.admin-app .owner-bottom-nav { background:#fff; border-top-color:#dfe3e9; }
  .owner-app .owner-bottom-nav>a,.admin-app .owner-bottom-nav>a { color:#5d6876; }
  .owner-app .owner-bottom-nav>a.active,.admin-app .owner-bottom-nav>a.active { background:#fff0f1; color:#b51c28; }
  body.workspace-light .modal { background:#fff; color:#252b34; }
  body.workspace-light .modal .btn { min-height:46px; border-radius:8px; }
  body.workspace-light .modal .icon-btn { min-width:44px; min-height:44px; }
  body.workspace-light .modal .note,body.workspace-light .modal .field small { color:#636d7a; }
  body.workspace-light .modal .detail-list span { color:#636d7a; }
}

@media screen and (max-width:850px) {
  .admin-app .admin-sidebar { border-inline-end:0; border-bottom:1px solid #dfe3e9; }
  .admin-app .admin-sidebar nav a { min-height:44px; }
}

@media screen and (max-width:760px) {
  .owner-app .owner-sidebar,.admin-app .admin-sidebar { background:#fff; border-bottom:1px solid #dfe3e9; }
  .owner-app .owner-sidebar .brand,.admin-app .admin-sidebar .brand { margin-inline:0; padding:0 9px; border-radius:8px; }
  .owner-app .owner-sidebar .brand img,.admin-app .admin-sidebar .brand img { height:52px; width:92px; }
  .owner-app .owner-back { min-height:44px; display:flex; align-items:center; font-size:12px; }
  .owner-app .owner-main { padding:22px 18px calc(110px + env(safe-area-inset-bottom,0px)); }
  .admin-app .admin-main { padding:20px 16px calc(110px + env(safe-area-inset-bottom,0px)); }
  .owner-app .owner-topline,.admin-app .admin-top { gap:12px; margin-bottom:22px; padding-bottom:17px; }
  .owner-app .owner-topline>span,.admin-app .breadcrumbs { font-size:11px; line-height:1.7; }
  .owner-app .owner-heading h1,.admin-app .admin-heading h1 { font-size:28px; line-height:1.4; letter-spacing:-.5px; }
  .owner-app .owner-heading>p,.admin-app .admin-heading p { font-size:13px; line-height:1.8; }
  .owner-app .owner-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .owner-app .owner-overview-card { min-height:120px; padding:16px; }
  .owner-app .owner-overview-card>span { display:block; padding-inline-end:14px; font-size:15px; line-height:1.45; }
  .owner-app .owner-overview-card p { padding-inline-end:0; margin-top:8px; font-size:11.5px; line-height:1.65; }
  .owner-app .owner-overview-card b { top:16px; bottom:auto; inset-inline-end:12px; font-size:17px; }
  .owner-app .owner-retail-card h2 { font-size:16px; }
  .owner-app .owner-retail-card input { font-size:20px; }
  .owner-app .owner-form-actions { gap:10px; }
  .owner-app .owner-panel { padding:21px; }
  .owner-app .owner-panel h2 { font-size:18px; }
  .owner-app .owner-caption { font-size:12px; }
  .admin-app .admin-heading .actions { gap:10px; }
  .admin-app .panel-head { padding:18px 17px; align-items:flex-start; flex-wrap:wrap; }
  .admin-app .panel-head p { font-size:12px; line-height:1.8; }
  .admin-app .stat-top { font-size:12px; }
  .admin-app .stat-bottom { font-size:11px; line-height:1.7; }
  .admin-app .stat { padding:18px 16px; }
  .admin-app .stat-value { font-size:26px; }
  .admin-app .balance-card,.admin-app .due-card { padding:23px; }
  .admin-app .balance-card small,.admin-app .due-card small { font-size:11px; }
  .admin-app .account-tools .btn { min-height:48px; }
  .admin-app .stockist-admin-card { padding:20px 17px; }
  .admin-app .stockist-admin-card h3 { font-size:15px; line-height:1.8; }
  .admin-app .stockist-admin-card p { font-size:12px; }
  .owner-app .owner-bottom-nav>a,.admin-app .owner-bottom-nav>a { min-height:56px; font-size:11px; }
  body.workspace-light .modal .field input,body.workspace-light .modal .field select,body.workspace-light .modal .field textarea { font-size:16px; }
}
@media screen {
  .owner-app .owner-product-media-panel { margin-bottom:24px; }
  .owner-app .owner-product-select { max-width:480px; }
  .owner-app .owner-product-select select { min-height:50px; font-size:16px; }
  .owner-app .owner-product-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owner-app .owner-product-media-tile .owner-media-preview { aspect-ratio:4/3; background:#f3f4f6; }
  .owner-app .owner-product-media-tile .owner-upload input { width:100%; min-height:48px; font-size:12px; }
  .owner-app .owner-product-media-tile .owner-quiet-button { min-height:46px; text-align:start; padding-inline:0; }
  .owner-app .owner-media-paused .owner-media-preview { opacity:.5; }
  .owner-app .owner-media-paused>p { color:#8e5714; font-weight:600; }
  .owner-app .owner-hero-settings { border:1px solid #dfe3e9; border-radius:12px; padding:20px; background:#fff; }
  .owner-app .owner-hero-settings>summary { min-height:46px; cursor:pointer; font-weight:600; font-size:15px; line-height:1.7; }
  .owner-app .owner-hero-settings .owner-motion-panel { margin-bottom:0; }
}
@media screen and (max-width:600px) {
  .owner-app .owner-product-media-grid { grid-template-columns:minmax(0,1fr); }
  .owner-app .owner-product-media-panel,.owner-app .owner-hero-settings { padding:18px; }
}

@media screen and (prefers-reduced-motion:reduce) {
  .owner-app .owner-overview-card { transition:none; }
}

@media screen {
.owner-top-actions{display:flex;align-items:center;gap:8px}
.owner-app .owner-field select{width:100%;min-height:48px;padding:11px 12px;background:#fff;color:#20232a;border:1px solid #cbd0d7;border-radius:6px;font:inherit;font-size:14px}
.owner-app [data-owner-dealer-field][hidden]{display:none!important}
.owner-app .owner-invitation{margin-top:22px;padding:20px;background:#f4f5f7;border:1px solid #e0e3e8;border-radius:8px}
.owner-app .owner-invitation textarea{font-size:12px;overflow-wrap:anywhere;resize:vertical}
.owner-app .owner-team-row{padding-block:22px;border-bottom:1px solid #e0e3e8}
.owner-app .owner-team-row:last-child{border-bottom:0;padding-bottom:0}
.owner-app .owner-team-person{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.owner-app .owner-team-person strong{font-size:14px;overflow-wrap:anywhere;min-width:0}
.owner-app .owner-team-identity{min-width:0;display:grid;gap:4px}
.owner-app .owner-team-identity small{font-size:12px;line-height:1.6;color:#616773;overflow-wrap:anywhere;text-align:start}
.owner-app .owner-role-guide{margin:18px 0 23px;display:grid;gap:8px;color:#616773;font-size:12px;line-height:1.7}
.owner-app .owner-role-guide p{margin:0}
.owner-app .owner-role-guide strong{color:#303640;margin-inline-end:5px}
.owner-app .owner-team-person>span{font-size:11px;color:#616773;white-space:nowrap}
.owner-app .owner-team-controls{display:flex;flex-wrap:wrap;align-items:end;gap:15px}
.owner-app .owner-team-controls .owner-field{min-width:180px;flex:1;margin:0}
.owner-app .owner-team-active{display:flex;align-items:center;gap:8px;min-height:48px;font-size:12px;color:#4e5560}
.owner-app .owner-team-active input{width:19px;height:19px;accent-color:#d91e2c}
.owner-app .owner-team-controls button{min-height:48px}
@media(max-width:600px){.owner-app .owner-team-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-app .owner-team-controls .owner-field{min-width:0}.owner-app .owner-team-controls [data-owner-dealer-field]{grid-column:1/-1}.owner-app .owner-team-controls .btn{font-size:12px;padding-inline:10px}.owner-app .owner-invitation{padding:15px}.owner-app .owner-team-person{align-items:start}.owner-app .owner-team-person strong{font-size:12px}}
}
@media screen and (max-width:760px) {
  .owner-app form[data-owner-form="invite"] .owner-field input,
  .owner-app form[data-owner-form="invite"] .owner-field select,
  .owner-app form[data-owner-form="team-role"] .owner-field select { font-size:16px; }
}
@media screen {
  .owner-app .owner-product-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
  .owner-app .owner-product-editor { margin-bottom:24px; }
  .owner-app .owner-product-arabic { margin-top:22px; padding-top:16px; border-top:1px solid #e1e5eb; }
  .owner-app .owner-product-arabic>summary { cursor:pointer; min-height:44px; font-size:13px; font-weight:600; line-height:1.7; }
  .owner-app .owner-product-list { padding-block:8px; }
  .owner-app .owner-product-row { display:grid; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:18px; padding-block:20px; border-bottom:1px solid #e1e5eb; }
  .owner-app .owner-product-row:last-child { border-bottom:0; }
  .owner-app .owner-product-thumb { width:72px; height:82px; border-radius:7px; background:#171719; overflow:hidden; display:grid; place-items:center; color:#ddd; font-size:13px; }
  .owner-app .owner-product-thumb img { width:100%; height:100%; object-fit:contain; }
  .owner-app .owner-product-info h2 { font-size:15px; line-height:1.6; margin:0 0 7px; overflow-wrap:anywhere; }
  .owner-app .owner-product-info p { font-size:12px; line-height:1.7; color:#616773; }
  .owner-app .owner-product-row-actions { display:flex; gap:8px; flex-wrap:wrap; }
  .owner-app .owner-product-row-actions .btn { min-height:44px; padding:10px 14px; font-size:12px; }
  .owner-app .owner-bundle-settings { margin-bottom:18px; }
}
@media screen and (max-width:600px) {
  .owner-app .owner-product-actions .btn { flex:1; font-size:12px; padding-inline:12px; }
  .owner-app .owner-product-row { grid-template-columns:62px minmax(0,1fr); gap:13px; }
  .owner-app .owner-product-thumb { width:62px; height:76px; }
  .owner-app .owner-product-row-actions { grid-column:2; }
  .owner-app .owner-product-info h2 { font-size:14px; }
  .owner-app .owner-product-editor .owner-field input,
  .owner-app .owner-product-editor .owner-field textarea,
  .owner-app .owner-product-editor .owner-field select,
  .owner-app .owner-product-select select { font-size:16px; }
}