.mpt-shell {
    --mpt-panel: rgba(15, 23, 42, .88);
    --mpt-border: rgba(71, 85, 105, .42);
    --mpt-muted: #94a3b8;
    --mpt-text: #e2e8f0;
    --mpt-green: #4ade80;
    color: var(--mpt-text);
}
.mpt-shell *, .mpt-modal * { box-sizing: border-box; }
.mpt-navigation { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px; padding:5px; border:1px solid var(--mpt-border); border-radius:10px; background:rgba(9,16,30,.78); }
.mpt-navigation button { flex:1; padding:10px 14px; border:1px solid transparent; border-radius:7px; background:transparent; color:#94a3b8; font:inherit; font-size:.8rem; font-weight:650; cursor:pointer; }
.mpt-navigation button.is-current { border-color:rgba(74,222,128,.25); background:rgba(34,197,94,.1); color:#86efac; }
.mpt-navigation button:hover { color:#e2e8f0; background:rgba(51,65,85,.25); }
.mpt-provider-action { display:block; margin-top:5px; padding:3px 0; border:0; background:transparent; color:#86efac; font:inherit; font-size:.68rem; text-align:left; cursor:pointer; }
.mpt-provider-action:hover { text-decoration:underline; }
.mpt-form-hint { margin:12px 0 0; color:#94a3b8; font-size:.73rem; line-height:1.5; }
.mpt-shell button:disabled, .mpt-modal button:disabled { cursor:not-allowed; opacity:.55; }
.mpt-navigation button:focus-visible, .mpt-provider-action:focus-visible { outline:2px solid #4ade80; outline-offset:2px; }
.mpt-hero { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:12px; padding:18px 20px; border:1px solid rgba(74,222,128,.2); border-radius:12px; background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(7,16,31,.94)); }
.mpt-hero h2, .mpt-modal h3 { margin:0; color:#f8fafc; }
.mpt-hero h2 { font-size:1.2rem; }
.mpt-hero p { max-width:850px; margin:6px 0 0; color:var(--mpt-muted); font-size:.78rem; line-height:1.5; }
.mpt-eyebrow { display:block; margin-bottom:4px; color:var(--mpt-green); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.mpt-primary, .mpt-secondary, .mpt-row-action { border-radius:7px; font:inherit; cursor:pointer; }
.mpt-primary { min-height:34px; padding:7px 14px; border:1px solid rgba(74,222,128,.35); background:rgba(34,197,94,.14); color:#86efac; font-size:.75rem; font-weight:750; white-space:nowrap; }
.mpt-primary:hover { background:rgba(34,197,94,.23); }
.mpt-secondary { min-height:34px; padding:7px 14px; border:1px solid var(--mpt-border); background:#111c30; color:#cbd5e1; }
.mpt-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; padding:10px; border:1px solid rgba(71,85,105,.28); border-radius:10px; background:rgba(9,16,30,.78); }
.mpt-toolbar input { min-width:260px; flex:1; }
.mpt-toolbar input, .mpt-toolbar select, .mpt-form-grid input, .mpt-form-grid select, .mpt-wide textarea { min-height:34px; padding:7px 9px; border:1px solid #334155; border-radius:7px; outline:none; background:#0b1425; color:#e2e8f0; font:inherit; font-size:.75rem; }
.mpt-toolbar input:focus, .mpt-toolbar select:focus, .mpt-form-grid input:focus, .mpt-form-grid select:focus, .mpt-wide textarea:focus { border-color:#4ade80; box-shadow:0 0 0 2px rgba(74,222,128,.1); }
.mpt-count { margin-left:auto; padding:5px 9px; border:1px solid rgba(129,140,248,.25); border-radius:999px; color:#c7d2fe; font-size:.68rem; white-space:nowrap; }
.mpt-table-wrap { overflow:auto; max-height:calc(100vh - 280px); border:1px solid var(--mpt-border); border-radius:10px; background:var(--mpt-panel); }
.mpt-table { width:100%; border-collapse:collapse; font-size:.75rem; }
.mpt-table th { position:sticky; top:0; z-index:1; padding:10px; border-bottom:1px solid #334155; background:#172033; color:#94a3b8; text-align:left; font-size:.65rem; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.mpt-table td { padding:9px 10px; border-bottom:1px solid rgba(51,65,85,.38); color:#cbd5e1; vertical-align:middle; }
.mpt-table tbody tr:hover td { background:rgba(51,65,85,.14); }
.mpt-table strong { color:#f8fafc; }
.mpt-sub { margin-top:2px; color:#64748b; font-size:.67rem; }
.mpt-empty { height:120px; color:#64748b !important; text-align:center; }
.mpt-pill { display:inline-flex; align-items:center; gap:4px; margin:1px 2px 1px 0; padding:3px 6px; border:1px solid rgba(129,140,248,.22); border-radius:999px; background:rgba(99,102,241,.08); color:#c7d2fe; font-size:.62rem; white-space:nowrap; }
.mpt-status { display:inline-block; padding:3px 7px; border-radius:999px; font-size:.64rem; font-weight:750; }
.mpt-status.is-active { background:rgba(34,197,94,.13); color:#86efac; }
.mpt-status.is-inactive { background:rgba(100,116,139,.16); color:#94a3b8; }
.mpt-default { color:#fbbf24; font-weight:700; font-size:.68rem; white-space:nowrap; }
.mpt-row-action { padding:5px 9px; border:1px solid #334155; background:#111c30; color:#cbd5e1; font-size:.68rem; }
.mpt-row-action:hover { border-color:#64748b; color:#fff; }
.mpt-alert, .mpt-form-error { margin-bottom:10px; padding:9px 11px; border:1px solid rgba(251,113,133,.35); border-radius:8px; background:rgba(244,63,94,.08); color:#fda4af; font-size:.74rem; }
.mpt-alert.is-success { border-color:rgba(74,222,128,.3); background:rgba(34,197,94,.08); color:#86efac; }
.mpt-modal[hidden] { display:none !important; }
.mpt-modal { position:fixed; inset:0; z-index:100050; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(2,6,23,.78); backdrop-filter:blur(3px); }
.mpt-modal-card { width:min(780px,100%); max-height:90vh; overflow:auto; border:1px solid #334155; border-radius:13px; background:#0b1425; box-shadow:0 24px 80px rgba(0,0,0,.55); color:#e2e8f0; }
.mpt-modal-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:17px 19px; border-bottom:1px solid rgba(71,85,105,.35); }
.mpt-modal h3 { font-size:1.05rem; }
.mpt-close { padding:0 7px; border:0; background:transparent; color:#94a3b8; font-size:1.6rem; line-height:1; cursor:pointer; }
.mpt-modal form { padding:18px 19px; }
.mpt-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mpt-product-details { margin:16px 0 0; padding:12px; border:1px solid #334155; border-radius:8px; }
.mpt-product-details legend { padding:0 6px; color:#c7d2fe; font-size:.8rem; font-weight:700; }
.mpt-product-details .mpt-form-hint { margin:0 0 12px; }
.mpt-product-details #mpt-product-options-status { margin:10px 0 0; color:#fbbf24; }
.cp-pt-classification { margin-top:10px; padding:10px 12px; border:1px solid rgba(129,140,248,.25); border-radius:8px; background:rgba(99,102,241,.06); }
.cp-pt-classification[hidden] { display:none; }
.cp-pt-classification dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; margin:0 0 8px; }
.cp-pt-classification dt { color:#94a3b8; font-size:.67rem; }
.cp-pt-classification dd { margin:3px 0 0; color:#e2e8f0; font-size:.75rem; white-space:normal; overflow-wrap:anywhere; }
.cp-pt-classification button { padding:5px 9px; font-size:.72rem; }
.mpt-form-grid label, .mpt-wide { display:flex; flex-direction:column; gap:5px; color:#94a3b8; font-size:.7rem; font-weight:650; }
.mpt-wide { margin-top:12px; }
.mpt-wide textarea { resize:vertical; }
.mpt-platforms { display:flex; flex-wrap:wrap; gap:11px 18px; margin:13px 0 0; padding:10px 12px; border:1px solid rgba(71,85,105,.35); border-radius:8px; }
.mpt-platforms legend { padding:0 5px; color:#94a3b8; font-size:.68rem; font-weight:700; }
.mpt-platforms label, .mpt-check { display:flex; align-items:center; gap:6px; color:#cbd5e1; font-size:.72rem; cursor:pointer; }
.mpt-check-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:13px; }
.mpt-check { margin-top:13px; }
.mpt-check-row .mpt-check { margin-top:0; }
.mpt-check input, .mpt-platforms input { accent-color:#4ade80; }
.mpt-modal footer { display:flex; justify-content:flex-end; gap:8px; margin-top:17px; padding-top:14px; border-top:1px solid rgba(71,85,105,.3); }
.mpt-form-error { margin-top:12px; margin-bottom:0; }
body.mpt-modal-open { overflow:hidden; }
.mpt-hero-actions { display:flex; flex-wrap:wrap; gap:8px; }
.mpt-hero-actions .mpt-secondary { font-size:.75rem; white-space:nowrap; }
.mpt-sales-card { width:min(1250px,100%); --mpt-border:rgba(71,85,105,.42); --mpt-panel:rgba(15,23,42,.88); --mpt-green:#4ade80; }
.mpt-sales-content { padding:15px 19px 18px; }
.mpt-sales-description { margin:0 0 14px; color:#cbd5e1; font-size:.8rem; line-height:1.5; }
.mpt-modal .mpt-sales-filters { padding:10px; }
.mpt-sales-filters label { display:flex; align-items:center; gap:7px; color:#94a3b8; font-size:.75rem; }
.mpt-sales-filters input { min-width:145px; color-scheme:dark; }
.mpt-sales-hint { color:#94a3b8; font-size:.73rem; line-height:1.5; }
.mpt-sales-toggle { display:flex; align-items:center; gap:6px; color:#cbd5e1; font-size:.72rem; }
.mpt-sales-toggle input { min-width:0; min-height:0; flex:none; }
.mpt-sales-card > header { position:sticky; top:0; z-index:3; background:#0b1425; }
.mpt-sales-table-wrap { max-height:42vh; }
.mpt-sales-table { min-width:880px; }
.mpt-sales-table input { accent-color:#4ade80; cursor:pointer; }
.mpt-sales-table input:disabled { cursor:not-allowed; }
.mpt-sales-table td:nth-child(2) { min-width:210px; }
.mpt-sales-table td:last-child { min-width:225px; max-width:330px; }
.mpt-sales-numeric { text-align:right; font-variant-numeric:tabular-nums; }
.mpt-sales-dates { white-space:nowrap; }
.mpt-sales-table .mpt-sub { color:#94a3b8; }
.mpt-sales-reason { margin-top:5px; color:#94a3b8; font-size:.69rem; line-height:1.4; }
.mpt-sales-excluded td { background:rgba(100,116,139,.04); }
.mpt-modal #mpt-sales-import { padding:0; }
.mpt-sales-taxes { max-width:540px; margin-top:14px; }
.mpt-sales-selection { margin-right:auto; align-self:center; color:#c7d2fe; font-size:.75rem; }
.mpt-sales-card button:disabled { cursor:not-allowed; opacity:.5; }
.mpt-sales-card button:focus-visible, .mpt-sales-card input:focus-visible, .mpt-sales-card select:focus-visible { outline:2px solid #4ade80; outline-offset:3px; }
@media (max-width:800px) {
    .mpt-hero { flex-direction:column; }
    .mpt-form-grid { grid-template-columns:1fr; }
    .mpt-toolbar input, .mpt-toolbar select { width:100%; min-width:0; }
    .mpt-count { margin-left:0; }
    .mpt-modal footer { flex-wrap:wrap; }
    .mpt-sales-content { padding:12px; }
    .mpt-sales-filters label { width:100%; }
    .mpt-sales-filters input { flex:1; }
    .mpt-sales-toggle input { width:auto; }
    .mpt-sales-card .mpt-toolbar > input[type="search"] { flex:1 0 100%; }
    .mpt-sales-card footer { flex-wrap:wrap; }
    .mpt-sales-selection { width:100%; }
}