.system-settings-page{min-width:0;padding:8px 10px 28px;overflow-x:clip}.system-settings-shell{border:0!important;background:transparent!important}.system-settings-header{width:100%;max-width:none!important;gap:10px!important;padding:0!important}.system-settings-titlebar{min-height:58px;padding:8px 12px;border:1px solid #168ac8;border-radius:5px;background:linear-gradient(100deg,#1599ca,#2587da 55%,#3b63e9);color:#fff;box-shadow:0 6px 16px #1871c23d}.system-settings-titlebar .system-settings-heading-copy p,.system-settings-titlebar .system-settings-heading-copy h1{margin:0;color:#fff!important}.system-settings-titlebar .system-settings-heading-copy p{opacity:.82;font-size:12px}.system-settings-titlebar .system-settings-heading-copy h1{font-size:22px;line-height:1.4}.system-settings-back{width:38px!important;height:38px!important;flex:0 0 38px;border-color:#ffffff9e!important;border-radius:4px!important;background:#ffffff1a!important;color:#fff!important;box-shadow:none!important}.system-settings-back:hover{background:#fff3!important}.system-settings-save{min-height:40px;height:40px!important;border:1px solid rgba(255,255,255,.74);border-radius:4px!important;background:#fff!important;color:#076aaf!important;box-shadow:0 3px 10px #00306029!important}.system-settings-save:hover{background:#edf8ff!important}.system-settings-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.system-settings-summary-grid>div{min-width:0;border-radius:5px!important;background:#fff!important}.system-settings-tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important;overflow:hidden!important;padding:0!important;border-radius:5px!important;background:#fff!important;box-shadow:0 2px 8px #0f172a12}.system-settings-tabs button{min-width:0!important;min-height:46px;border-left:1px solid #dce3ea;border-radius:0!important;background:#fff!important;color:#536170!important;box-shadow:none!important}.system-settings-tabs button:last-child{border-left:0}.system-settings-tabs button:hover{background:#edf8ff!important;color:#0572bd!important}.system-settings-tabs button.bg-slate-950{background:#e4f3fc!important;color:#056eb7!important;box-shadow:inset 0 -3px #168fd4!important}.system-settings-content{width:100%;max-width:none!important;padding:12px 0 0!important}.system-settings-content section{overflow:hidden;border-color:#d5dce3!important;border-radius:5px!important;box-shadow:0 3px 10px #0f172a14!important}.system-settings-content section>div:first-child{min-height:54px}.system-settings-content input[type=text],.system-settings-content input[type=tel],.system-settings-content textarea{border-radius:5px!important}.system-settings-sale-mode{position:relative;display:flex;min-height:188px;cursor:pointer;align-items:flex-start;gap:14px;padding:18px;border:1px solid #d6dee7;border-radius:6px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.system-settings-sale-mode:hover{border-color:#86c8ed;background:#f8fcff}.system-settings-sale-mode.is-active{border-color:#168fd4;background:#f2faff;box-shadow:0 0 0 3px #168fd41f}.system-settings-sale-mode-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:6px;background:#e8f3fb;color:#0878c1}.system-settings-sale-mode.is-active .system-settings-sale-mode-icon{background:#168fd4;color:#fff}.system-settings-radio-mark{width:18px;height:18px;flex:0 0 18px;border:2px solid #a9b5c2;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}.system-settings-sale-mode.is-active .system-settings-radio-mark{border-color:#168fd4;background:#168fd4}.system-settings-cart-example{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:8px 11px;border:1px solid #cfe0ec;border-radius:4px;background:#fff;color:#344256;font-size:12px}.system-settings-cart-example strong{color:#0878c1}.system-settings-cart-example.is-stacked{display:grid;gap:5px}.system-settings-cart-example.is-stacked span+span{padding-top:5px;border-top:1px dashed #d7e1e9}.system-settings-color-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);align-items:start;gap:18px;padding:18px;background:#f8fafc}.system-settings-color-groups{display:grid;gap:14px}.system-settings-color-group{min-width:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:6px;background:#fff}.system-settings-color-group-heading{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #e5ebf0;background:#f9fbfd}.system-settings-color-group-heading>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:5px;background:var(--theme-primary-soft, #e8f5fc);color:var(--theme-primary, #168ed8)}.system-settings-color-group-heading h3,.system-settings-theme-preview-title h3{margin:0;color:#17212b;font-size:14px;font-weight:950}.system-settings-color-group-heading p,.system-settings-theme-preview-title p{margin:2px 0 0;color:#667584;font-size:11px;font-weight:650}.system-settings-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.system-settings-color-field{display:flex;min-width:0;min-height:52px;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 10px;border:1px solid #d8e0e8;border-radius:5px;background:#fff;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.system-settings-color-field:hover,.system-settings-color-field:focus-within{border-color:var(--theme-primary, #168ed8);background:#fbfdff;box-shadow:0 0 0 3px var(--theme-primary-soft, #e8f5fc)}.system-settings-color-label{display:flex;min-width:0;align-items:center;gap:8px;color:#354351;font-size:12px;font-weight:850}.system-settings-color-swatch{width:23px;height:23px;flex:0 0 23px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bdc8d2}.system-settings-color-picker{position:relative;display:inline-flex;height:35px;flex:0 0 auto;align-items:center;gap:6px;overflow:hidden;padding:0 9px;border:1px solid #c9d8e4;border-radius:4px;background:#f5faff;color:#0878c1;font-size:11px;font-weight:900}.system-settings-color-picker input[type=color]{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.system-settings-theme-preview{position:sticky;inset-block-start:calc(var(--shell-header-height, 64px) + 12px);overflow:hidden;border:1px solid #d5dee6;border-radius:6px;background:#fff;box-shadow:0 5px 16px #152b3e1a}.system-settings-theme-preview-title{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid #e2e8ee}.system-settings-theme-preview-title>svg{color:var(--theme-primary, #168ed8)}.system-settings-theme-preview-window{min-height:292px;margin:12px;overflow:hidden;border:1px solid #cad4dc;border-radius:5px}.system-settings-theme-preview-header{display:flex;height:42px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:950}.system-settings-preview-logo{width:25px;height:25px;border:2px solid currentColor;border-radius:50%;opacity:.9}.system-settings-preview-search{height:25px;flex:1;border-radius:4px;background:#fff;opacity:.94}.system-settings-preview-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.system-settings-theme-preview-body{display:grid;min-height:250px;grid-template-columns:88px minmax(0,1fr)}.system-settings-theme-preview-sidebar{display:flex;flex-direction:column;gap:2px;padding:7px 5px;border-inline-end:1px solid;font-size:8px;font-weight:900}.system-settings-theme-preview-sidebar span{padding:8px 6px;border-radius:2px}.system-settings-theme-preview-main{min-width:0;padding:8px}.system-settings-theme-preview-bar{padding:7px 8px;border-radius:3px;font-size:9px;font-weight:950}.system-settings-theme-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:35px;color:#475569;font-size:7px;font-weight:900}.system-settings-theme-preview-table{overflow:hidden;border:1px solid;border-radius:2px;background:#fff}.system-settings-theme-preview-table>div{display:grid;grid-template-columns:.55fr 1fr 1fr;padding:7px 5px;border-bottom:1px solid;color:#263441;font-size:7px;font-weight:800}.system-settings-theme-preview-table>div:last-child{border-bottom:0}.system-settings-theme-preview-table>.is-head{font-weight:950}.system-settings-theme-preview-note{margin:0;padding:0 13px 13px;color:#697987;font-size:10px;font-weight:750;line-height:1.8}@media (max-width: 900px){.system-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.system-settings-tabs button{border-bottom:1px solid #dce3ea}.system-settings-color-layout{grid-template-columns:1fr}.system-settings-theme-preview{position:static}}@media (max-width: 640px){.system-settings-page{padding:6px}.system-settings-titlebar{align-items:stretch!important}.system-settings-titlebar>div{min-width:0}.system-settings-summary-grid,.system-settings-tabs{grid-template-columns:1fr}.system-settings-tabs button{justify-content:flex-start;border-left:0}.system-settings-sale-mode{min-height:auto;padding:14px}.system-settings-colors-heading{align-items:flex-start!important;flex-direction:column}.system-settings-color-reset{width:100%}.system-settings-color-layout{padding:10px}.system-settings-color-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.system-settings-sale-mode{transition:none}}