@media screen {
    :root {
        --app-bg:#eef3f8;
        --app-panel:#fff;
        --app-ink:#101828;
        --app-muted:#667085;
        --app-line:#d7e0ea;
        --app-primary:#006ec8;
        --app-cyan:#00a6d6;
        --app-radius:0;
        --app-control-h:32px;
        --app-control-padding:0 12px;
        --app-control-font:700 11px/1 Arial, sans-serif;
        --app-shadow:0 12px 32px rgba(16,24,40,.08);
    }
    .topbar {
        position:sticky !important;
        top:0 !important;
        z-index:20 !important;
        min-height:60px !important;
        display:flex !important;
        justify-content:space-between !important;
        align-items:center !important;
        gap:16px !important;
        padding:11px 18px !important;
        background:#062942 !important;
        color:#fff !important;
        border-bottom:3px solid var(--app-cyan) !important;
        box-shadow:0 8px 24px rgba(6,41,66,.22) !important;
    }
    .topbar h1,
    .topbar .brand strong {
        margin:0 !important;
        font-size:18px !important;
        line-height:1.2 !important;
        letter-spacing:.01em !important;
        color:#fff !important;
    }
    .topbar .brand span {
        color:#d9eaf7 !important;
        font-size:13px !important;
        line-height:1.3 !important;
    }
    .topbar .app-user-chip {
        display:inline-flex !important;
        align-items:center !important;
        min-height:26px !important;
        max-width:360px !important;
        padding:4px 9px !important;
        border:1px solid rgba(229,244,255,.26) !important;
        border-radius:999px !important;
        background:rgba(255,255,255,.08) !important;
        color:#d9eaf7 !important;
        font-size:12px !important;
        line-height:1.25 !important;
        font-weight:700 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    .topbar nav,
    .topbar .top-actions,
    .topbar .controls,
    .topbar > div:last-child {
        display:flex !important;
        gap:8px !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        justify-content:flex-end !important;
    }
    .topbar a,
    .topbar button:where(:not(.omino-command)),
    .topbar .logout {
        color:#e5f4ff !important;
        background:transparent !important;
        border:0 !important;
        border-radius:var(--app-radius) !important;
        box-shadow:none !important;
        min-height:auto !important;
        padding:0 !important;
        font-size:13px !important;
        line-height:1.35 !important;
        font-weight:700 !important;
        text-decoration:none !important;
    }
    .topbar a:hover,
    .topbar button:where(:not(.omino-command)):hover,
    .topbar .logout:hover,
    .topbar a.active {
        color:#fff !important;
        background:transparent !important;
        text-decoration:underline !important;
    }
    .page,
    .app,
    .container {
        max-width:1480px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select,
    textarea {
        border:1px solid #cfdae6 !important;
        border-radius:5px !important;
        background:#fff !important;
        color:#101828 !important;
        font:var(--app-control-font) !important;
        font-weight:400 !important;
        line-height:1 !important;
    }
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select {
        min-height:var(--app-control-h) !important;
        height:var(--app-control-h) !important;
        padding:var(--app-control-padding) !important;
    }
    textarea {
        min-height:86px !important;
        padding:8px 10px !important;
        line-height:1.4 !important;
    }
    input:focus,
    select:focus,
    textarea:focus {
        outline:3px solid rgba(0,110,200,.16) !important;
        border-color:var(--app-primary) !important;
    }
    .btn:where(:not(.omino-command)),
    button:where(:not(.omino-command)):not(.admin-tab):not(.glass-layer-tab):not(.option-product-tab):not(.matrix-product-tab):not(.card-tab):not(.workspace-tab):not(.product-catalog-model-tab):not(.product-catalog-variant-tab):not(.workspace-resizer):not(.layout-resizer):not(.danger-button):not(.note-delete):not(.offer-item-action):not(.offer-item-delete):not(.offer-items-more-indicator):not(.action-btn):not(.login-toggle) {
        border-radius:var(--app-radius) !important;
        min-height:var(--app-control-h) !important;
        height:var(--app-control-h) !important;
        padding:var(--app-control-padding) !important;
        font:var(--app-control-font) !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
        max-width:100% !important;
        text-align:center !important;
        text-decoration:none !important;
        cursor:pointer !important;
        box-shadow:0 1px 3px rgba(20,55,80,.10) !important;
    }
    .btn:where(:not(.omino-command)):not(.secondary):not(.ghost):not(.outline):not(.success):not(.warning):not(.danger):not(.cancel),
    button:where(:not(.omino-command)):not(.secondary):not(.ghost):not(.outline):not(.success):not(.warning):not(.danger):not(.cancel):not(.admin-tab):not(.glass-layer-tab):not(.option-product-tab):not(.matrix-product-tab):not(.card-tab):not(.workspace-tab):not(.product-catalog-model-tab):not(.product-catalog-variant-tab):not(.workspace-resizer):not(.layout-resizer):not(.danger-button):not(.note-delete):not(.offer-item-action):not(.offer-item-delete):not(.offer-items-more-indicator):not(.action-btn):not(.login-toggle) {
        border:1px solid #08649d !important;
        background:linear-gradient(180deg,#238bc8,#0b6ca8) !important;
        color:#fff !important;
        box-shadow:0 2px 5px rgba(7,95,153,.20) !important;
    }
    .btn:where(:not(.omino-command)):not(.secondary):not(.ghost):not(.outline):not(.success):not(.warning):not(.danger):not(.cancel):hover,
    button:where(:not(.omino-command)):not(.secondary):not(.ghost):not(.outline):not(.success):not(.warning):not(.danger):not(.cancel):not(.admin-tab):not(.glass-layer-tab):not(.option-product-tab):not(.matrix-product-tab):not(.card-tab):not(.workspace-tab):not(.product-catalog-model-tab):not(.product-catalog-variant-tab):not(.workspace-resizer):not(.layout-resizer):not(.danger-button):not(.note-delete):not(.offer-item-action):not(.offer-item-delete):not(.offer-items-more-indicator):not(.action-btn):not(.login-toggle):hover {
        background:linear-gradient(180deg,#1b7fba,#075d92) !important;
    }
    body .btn:where(:not(.omino-command)).secondary,
    body button:where(:not(.omino-command)).secondary {
        background:linear-gradient(#d9f0ff,#b9def8) !important;
        color:var(--app-primary) !important;
        border:1px solid #86b8d8 !important;
        box-shadow:0 1px 3px rgba(20,55,80,.08) !important;
    }
    body .btn:where(:not(.omino-command)).secondary:hover,
    body button:where(:not(.omino-command)).secondary:hover {
        background:linear-gradient(#e6f6ff,#cae9ff) !important;
    }
    body .btn:where(:not(.omino-command)).danger,
    body button:where(:not(.omino-command)).danger,
    body .btn:where(:not(.omino-command)).cancel,
    body button:where(:not(.omino-command)).cancel {
        border:1px solid #d6a6a6 !important;
        background:linear-gradient(#fff,#fff5f5) !important;
        color:#9b2d2d !important;
    }
    body .btn:where(:not(.omino-command)).success,
    body button:where(:not(.omino-command)).success {
        border:1px solid #187556 !important;
        background:linear-gradient(#2b9b76,#187556) !important;
        color:#fff !important;
    }
    body .btn:where(:not(.omino-command)).outline,
    body button:where(:not(.omino-command)).outline {
        border:1px solid #1686c9 !important;
        background:#fff !important;
        color:#08679f !important;
        box-shadow:0 1px 2px rgba(21,70,105,.08) !important;
    }
    body .btn:where(:not(.omino-command)).ghost,
    body button:where(:not(.omino-command)).ghost {
        border-color:transparent !important;
        background:transparent !important;
        color:#08679f !important;
        box-shadow:none !important;
    }
    body .btn:where(:not(.omino-command)).warning,
    body button:where(:not(.omino-command)).warning {
        border:1px solid #dfc36a !important;
        background:linear-gradient(#fff9e7,#f4e5ad) !important;
        color:#6d4600 !important;
    }

    body .btn:where(:not(.omino-command)):not(.action-btn):not(.offer-item-action):not(.offer-item-delete):not(.note-delete),
    body button:where(:not(.omino-command)):not(.action-btn):not(.offer-item-action):not(.offer-item-delete):not(.note-delete):not(.workspace-resizer):not(.layout-resizer) {
        border-radius:0 !important;
    }
    body .btn:where(:not(.omino-command)).danger,
    body button:where(:not(.omino-command)).danger {
        border-color:#dfc36a !important;
        background:linear-gradient(#fff9e7,#f4e5ad) !important;
        color:#6f5607 !important;
    }
    .btn:where(:not(.omino-command)).small,
    button:where(:not(.omino-command)).small { min-height:28px !important; height:28px !important; padding:0 10px !important; font-size:10.5px !important; }
    .btn:where(:not(.omino-command)).large,
    button:where(:not(.omino-command)).large { min-height:40px !important; height:40px !important; padding:0 18px !important; font-size:13px !important; }
    .btn:where(:not(.omino-command)):disabled,
    button:where(:not(.omino-command)):disabled,
    .btn:where(:not(.omino-command))[aria-disabled="true"] {
        border-color:#d5dee7 !important;
        background:#e8eef4 !important;
        color:#99a9ba !important;
        box-shadow:none !important;
        cursor:not-allowed !important;
        opacity:1 !important;
    }
    @media (max-width:850px) {
        .topbar {
            min-height:auto !important;
            padding:10px 12px !important;
            gap:8px !important;
            align-items:flex-start !important;
            flex-direction:column !important;
        }
        .topbar h1,
        .topbar .brand strong {
            font-size:16px !important;
        }
        .topbar nav,
        .topbar .top-actions,
        .topbar .controls,
        .topbar > div:last-child {
            width:100% !important;
            gap:10px !important;
            overflow-x:auto !important;
            flex-wrap:nowrap !important;
            justify-content:flex-start !important;
            padding-bottom:2px !important;
        }
        .topbar nav span {
            display:none !important;
        }
        .topbar a,
        .topbar button:where(:not(.omino-command)),
        .topbar .logout {
            flex:0 0 auto !important;
            font-size:12px !important;
        }
        .topbar .app-user-chip {
            flex:0 0 auto !important;
            max-width:min(78vw, 360px) !important;
            font-size:11px !important;
        }
        input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        select,
        textarea,
        .btn:where(:not(.omino-command)),
        button:where(:not(.omino-command)):not(.card-tab):not(.workspace-tab):not(.product-catalog-model-tab):not(.product-catalog-variant-tab):not(.workspace-resizer):not(.layout-resizer):not(.danger-button):not(.note-delete):not(.offer-item-action):not(.offer-item-delete):not(.offer-items-more-indicator):not(.action-btn):not(.login-toggle) {
            min-height:var(--app-control-h) !important;
            height:var(--app-control-h) !important;
            padding:var(--app-control-padding) !important;
            border-radius:var(--app-radius) !important;
            font:var(--app-control-font) !important;
        }
    }
}