/* Studio workspace: compact dark surfaces with a persistent search field. */
.studio-body{--ink:#edf3f5;--muted:#9caab3;--line:#2a363b;--paper:#11191d;--white:#192227;--navy:#071623;background:var(--paper);color:var(--ink)}
.studio-body .topbar{background:#11191d;border-color:var(--line)}
.studio-body .breadcrumb b,.studio-body .page-heading h1,.studio-body .panel h3{color:#edf3f5}
.studio-body .panel,.studio-body .stat-card{background:#182125;border-color:#303c40;box-shadow:none}
.studio-body .button-outline,.studio-body .button-quiet{background:#1b282d;color:#e6edef;border:1px solid #39474b}
.studio-body .button-dark,.studio-body .preview-link{background:#081624;color:#eff7fa}
.studio-body .empty{background:#141e22;border-color:#3b484d;color:#9eaeb6}
.studio-body .data-table td,.studio-body .data-table th,.studio-body .activity-item{border-color:#303c40;color:#dce6e9}
.studio-body .field label{color:#c8d3d9}
.studio-body .field input,.studio-body .field textarea,.studio-body .field select,.studio-body .ops-search input,.studio-body .ops-search select{background:#111a1e;color:#edf4f6;border-color:#3a494f}
.studio-body .field input::placeholder,.studio-body .field textarea::placeholder{color:#778a94}
.studio-body .demo-pill{background:#203119;color:#c0ec77;border-color:#364f2d}
.studio-body .help-text{color:#93a6ac}
.studio-body .page-content{max-width:1700px}
.ui-global-search{position:relative;display:flex;align-items:center;gap:8px;max-width:510px;width:min(40vw,510px);background:#1c2931;border:1px solid #2a3a43;border-radius:10px;padding:8px 12px;margin-left:auto;margin-right:auto}
.ui-global-search label{color:#a9b8c4;font-size:21px;line-height:1}
.ui-global-search input{border:0;outline:0;background:transparent;color:white;min-width:0;flex:1;font-size:12px}
.ui-global-search input::placeholder{color:#93a1ac}
.ui-global-search kbd{background:#34444d;border-radius:5px;color:#cbd7dd;font-size:10px;padding:3px 5px;white-space:nowrap}
.ui-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:25;background:#19252b;border:1px solid #3b4a50;border-radius:12px;box-shadow:0 18px 35px #0007;padding:8px;max-height:360px;overflow:auto}
.ui-search-results[hidden]{display:none}
.ui-search-results button{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;background:none;text-align:left;color:#e4eef0;padding:10px;cursor:pointer}
.ui-search-results button:hover{background:#2b3b40}
.ui-search-results small,.ui-search-results span{color:#92a4ac;font-size:10px}.ui-search-results strong{font-size:12px}.ui-search-results p{padding:8px;color:#9aadb6;font-size:12px}
.ui-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.ui-welcome small{color:#aebdc5;font-size:11px}.ui-welcome h1{margin:4px 0;font-size:clamp(30px,3vw,44px)}.ui-welcome p{color:#a3b2ba;font-size:14px;max-width:570px;margin:0}
.ui-dashboard .ui-add-product{background:#a3dd38;color:#16230e}.ui-banner{min-height:180px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#08182bf5 0%,#0b223ce0 44%,#09272a29 74%),var(--banner) center right/cover;border:1px solid #28445b;border-radius:15px;padding:30px 35px;margin-bottom:15px}
.ui-banner>div{position:relative;z-index:1;max-width:650px}.ui-banner small{color:#bbf378;font-size:10px;font-weight:800;letter-spacing:.13em}.ui-banner h2{font-size:clamp(23px,2.3vw,34px);margin:9px 0}.ui-banner p{font-size:13px;color:#b7c9d2}.ui-banner button{background:#a3dd38;border:0;color:#14210d;border-radius:9px;font-size:12px;font-weight:800;padding:11px 15px}
.ui-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:14px;margin-bottom:14px}.ui-bars{height:205px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;padding:8px 8px 0}.ui-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.ui-bars>div span{display:block;min-height:5px;width:min(60%,50px);background:linear-gradient(#a4d94c,#476c25);border-radius:6px 6px 2px 2px}.ui-bars small{color:#9eb0b8;font-size:10px}.ui-summary-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #344146;font-size:12px;color:#bccbd0}.ui-summary-row strong{color:#e8f4f5}.ui-dashboard-grid .button-outline{margin-top:20px}.ui-recent{margin-bottom:20px}
.ui-landing-layout{display:grid;grid-template-columns:minmax(350px,1.15fr) minmax(320px,1fr);gap:16px;align-items:start}.ui-preview-side{position:sticky;top:16px;background:#192328;border:1px solid #344146;border-radius:16px;padding:18px}.ui-preview-side .panel-header{margin-bottom:12px}.ui-preview-side .panel-header button{background:none;border:0;color:#b8e76f;font-size:12px;font-weight:800}.ui-frame{height:min(62vh,540px);border:1px solid #35434a;border-radius:12px;overflow:hidden;background:#f8f9f5}.ui-frame iframe{width:1280px;height:1600px;border:0;transform:scale(.48);transform-origin:top left}.ui-preview-side .form-actions{margin-top:14px;flex-wrap:wrap}.ui-settings{margin-top:16px}
.ui-landing-layout .ui-frame{height:min(82vh,760px);overflow:auto}
.ui-landing-layout .ui-frame iframe{height:2200px}
@media(max-width:1150px){.ui-landing-layout{grid-template-columns:1fr}.ui-preview-side{position:static}.ui-frame iframe{transform:scale(.65)}}
@media(max-width:850px){.ui-global-search{width:35vw}.ui-global-search kbd{display:none}.ui-welcome{display:block}.ui-welcome .heading-actions{margin-top:15px}.ui-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ui-global-search{order:3;width:100%;max-width:none;margin:0 0 8px}.studio-body .topbar{height:auto;flex-wrap:wrap;padding:12px 16px}.ui-frame{height:400px}.ui-frame iframe{transform:scale(.4)}.ui-banner{padding:24px}.ui-welcome .heading-actions{display:grid;grid-template-columns:1fr 1fr}.ui-welcome .heading-actions button{font-size:10px}.ui-welcome .heading-actions .ui-add-product{grid-column:1/-1}}
.embedded-preview .preview-ribbon{display:none}
.ui-payment-state{display:block;color:#aab8be;font-size:10px;margin-bottom:5px}.ui-confirm-demo{margin-left:6px}.receipt-dialog{max-width:420px;width:calc(100% - 30px);border:1px solid #42525a;border-radius:14px;background:#182326;color:#eef4f5;padding:18px;box-shadow:0 22px 70px #0009}.receipt-dialog::backdrop{background:#051014ba}.receipt-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.receipt-actions>div{display:flex;gap:6px}.receipt-actions button{border:1px solid #64757b;background:#223438;color:#fff;border-radius:7px;padding:8px 10px;font-size:11px}.receipt-dialog #print-receipt{display:block;background:white;color:#111;padding:22px;width:80mm;max-width:100%;margin:auto;font:12px Arial,sans-serif}.receipt-dialog #print-receipt h2{text-align:center;margin:0 0 6px}.receipt-dialog #print-receipt p{text-align:center;font-size:10px}.receipt-dialog #print-receipt>div{display:flex;justify-content:space-between;gap:9px;padding:3px 0}.receipt-dialog #print-receipt hr{border:0;border-top:1px dashed #777;margin:9px 0}
@media print{body>*:not(#receipt-dialog){display:none!important}#receipt-dialog{display:block!important;position:static!important;border:0!important;box-shadow:none!important;padding:0!important;width:80mm!important;max-width:80mm!important;margin:0 auto!important;background:white!important}#receipt-dialog .receipt-actions{display:none!important}#receipt-dialog #print-receipt{display:block!important;padding:0!important;width:72mm!important}.receipt-dialog::backdrop{display:none!important}}
.ui-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;margin:14px 0}.ui-plan-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #6b829555;border-radius:16px;color:inherit;background:linear-gradient(155deg,#6b82951c,#6b829508)}.ui-plan-card small{font-size:10px;letter-spacing:.12em;color:#8ecde2}.ui-plan-card h4{font-size:18px;margin:0}.ui-plan-card>strong{font-size:25px;letter-spacing:-.04em}.ui-plan-card p{font-size:12px;line-height:1.5;opacity:.83;margin:0}.ui-plan-card ul{padding-left:17px;margin:2px 0 8px;display:grid;gap:6px;font-size:12px;line-height:1.4}.ui-plan-card li::marker{color:#cfff59}.ui-plan-card button{margin-top:auto;padding:10px 12px;border:0;border-radius:9px;background:#ccfb53;color:#102122;font-weight:800;cursor:pointer}.ui-plan-card button:hover,.ui-plan-card button:focus-visible{filter:brightness(1.08)}.ui-profile-dialog .ui-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-profile-dialog .ui-plan-card{padding:13px}.ui-profile-dialog .ui-plan-card h4{font-size:14px}.ui-profile-dialog .ui-plan-card>strong{font-size:18px}.ui-profile-invoices{max-height:220px;overflow:auto}.ui-profile-invoices p{border-bottom:1px solid #6b829544;padding:8px 0;margin:0}
.ui-profile-dialog{max-height:min(90vh,900px);overflow-y:auto}.ui-profile-dialog .ui-plan-card ul{font-size:10px}.ui-profile-dialog .ui-plan-card button{font-size:10px}.ui-profile-dialog .ui-plan-card p{font-size:10px}