@import url('https://cdn.sxiaoer.com/fonts/fonts.css?v=83d87fae5ff5a862075a160280e546290acfb41094b1339c8622122ce7a9f4c8');
:root{font-family:'SXE Sans','Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;color:#25334d;background:#f5f7fc;font-synthesis:none;--blue:#4264ec;--line:#dfe6f4;--muted:#637188;--ui-control:42px;--ui-space:8px;--ui-radius:8px}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:26px}h2{font-size:21px}h3{font-size:16px}a{color:var(--blue)}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #91aafb}.icon{width:20px;height:20px;display:block;flex-shrink:0}.muted{color:var(--muted)}
/* Standard controls; special inputs never inherit text-input width. */
label{display:block;font-size:14px;font-weight:500;color:#37465f;margin-bottom:16px;min-width:0}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #cbd6e8;border-radius:8px;background:#fff;color:#25334d;font-weight:400}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:42px;padding:0 12px}textarea{padding:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#708ced;outline:none;box-shadow:0 0 0 3px #4264ec18}input::placeholder{color:#8390a7}input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--blue);flex-shrink:0}input[type=file]{display:block;width:100%;max-width:100%;padding:8px;margin-top:8px;font-size:13px;border:1px dashed #bdcbe2;border-radius:8px}input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:#f4f7ff;color:#3c5584;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;min-height:42px;border:1px solid #cbd6e8;border-radius:8px;background:#fff;color:#435779;font-size:14px;font-weight:500;line-height:1.5}.button .icon{width:17px;height:17px}.button:hover{background:#f0f4ff;border-color:#abbde1}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#3658dc}.button.danger{background:#c74a5e;color:#fff;border-color:#c74a5e}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#f6f8fd;color:#62789a;flex-shrink:0}.icon-button .icon{width:17px;height:17px}.text-button,.inline-link{border:0;background:none;color:#3563cf;font-size:13px;font-weight:500;padding:6px 4px}.text-button:hover,.inline-link:hover{text-decoration:underline}.text-button.danger{color:#b95164}.password-input{position:relative}.password-input input{padding-right:48px!important}.password-toggle{position:absolute;right:8px;top:6px;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:#7a88a0;border-radius:6px}.password-toggle .icon{width:18px;height:18px}.form-error,.page-error{font-size:13px;line-height:1.8;color:#ac3e54;background:#fff1f4;border-radius:8px;padding:12px 16px;margin:16px 0}.form-error:empty{display:none}
/* Existing brand artwork, now one consistent login layout. */
.login-view{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 24px;background:radial-gradient(ellipse at 5% 20%,#dfe7ff,transparent 50%),#f0f4fe}.login-window{width:980px;max-width:100%;display:grid;grid-template-columns:36% 64%;border:1px solid #b5c6f3;border-radius:20px;overflow:hidden;background:#f6f8fd;box-shadow:0 22px 70px #2c468920}.login-art{position:relative;min-height:610px;background:#4264ec;overflow:hidden}.login-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#3456eaa6);pointer-events:none}.login-art-brand{position:absolute;z-index:1;bottom:32px;left:32px;color:#fff}.login-art-brand strong{font-size:30px}.login-art-brand p{font-size:16px;margin-top:8px}.login-art-brand span{display:block;font-size:13px;color:#dfebff;margin-top:8px}.login-right{padding:32px 40px 24px}.login-window-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.login-window-title h1{font-size:23px}.login-title-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#edf2ff;color:#7890c7;flex-shrink:0}.login-card{max-width:420px;margin:24px auto 0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.login-card h2{font-size:20px}.login-subtitle{color:var(--muted);font-size:13px;margin:8px 0 24px}.leading-input{position:relative}.leading-input>span[data-icon]{position:absolute;left:12px;top:12px;color:#8798b8;pointer-events:none}.leading-input>span .icon{width:18px;height:18px}.login-card .leading-input input{padding-left:40px}.captcha-row{display:flex;align-items:flex-end;gap:8px}.captcha-row>.leading-input{flex:1;min-width:0}.captcha-button{height:42px;width:122px;flex-shrink:0;border:1px solid #cbd6e8;border-radius:8px;background:#f4f7fc;padding:0;overflow:hidden}.captcha-button img{width:100%;height:100%;object-fit:contain}.captcha-hint,.login-security{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.captcha-hint{margin-bottom:16px}.captcha-hint .icon,.login-security .icon{width:14px;height:14px}.login-submit{width:100%;position:relative}.login-submit .icon{position:absolute;right:16px}.login-security{justify-content:center;margin-top:24px}.login-footer{margin-top:24px;color:var(--muted);font-size:13px}
/* Desktop side navigation and a labelled collapsible menu on narrow screens. */
.app-shell{min-height:100dvh;display:grid;grid-template-columns:224px minmax(0,1fr)}.app-header{position:sticky;top:0;height:100dvh;padding:24px 16px;display:flex;flex-direction:column;gap:24px;background:#fff;border-right:1px solid var(--line);min-width:0}.brand{display:flex;align-items:center;gap:12px;color:#25334d;text-decoration:none;font-size:22px;font-weight:600;width:100%}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #b5c6fc;background:#4264ec;overflow:hidden;flex-shrink:0}.brand-symbol img{width:100%;height:100%;object-fit:cover;object-position:center 27%;transform:scale(1.8)}.brand small{display:block;color:#72839f;font-size:13px;font-weight:400;margin-top:4px}.navigation-toggle{display:none}.navigation-panel{width:100%}nav{display:flex;flex-direction:column;gap:8px}nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:8px;background:none;color:#5c7093;text-align:left;font-size:14px}nav button .icon{width:18px;height:18px}nav button:hover{background:#f0f4ff}nav button.active,nav button[aria-current=page]{background:#edf2ff;color:var(--blue);font-weight:600}.header-account{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;border-top:1px solid var(--line);padding-top:16px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2fc;color:#7890b4;flex-shrink:0}.avatar .icon{width:17px;height:17px}.header-account strong{font-size:13px;font-weight:500;overflow-wrap:anywhere;flex:1;min-width:0}.main,.content,#page-content{min-width:0}.content{padding:24px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-heading>div:first-child{min-width:0}.page-location{display:flex;align-items:center;gap:8px;font-size:13px;color:#72839f;margin-bottom:8px}.page-location strong{font-weight:400}.page-heading p{font-size:13px;color:var(--muted);margin-top:8px}.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.content-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#7889a4;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.panel-head p{font-size:13px;color:var(--muted);margin-top:8px}.panel-body{padding:24px}.context-note{display:flex;align-items:flex-start;gap:8px;padding:16px;margin-bottom:16px;border:1px solid #dbe6fc;border-radius:8px;background:#edf3ff;color:#5a729c;font-size:13px}.context-note .icon{width:18px;height:18px;margin-top:2px}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.filters label{margin:0;font-size:13px}.filters .search-field{flex:1;min-width:180px}.filters .status-field{width:140px}.filters .date-field{width:148px}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f6f8fe;color:#65799b;font-size:13px;font-weight:500}th,td{padding:16px 24px;border-bottom:1px solid #edf1f9}td{color:#536986}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.cell-main{font-weight:500;color:#334b70;max-width:260px;overflow:hidden;text-overflow:ellipsis}.cell-sub,.unbound{font-size:13px;color:#72839f}.code{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#445c80}.copy-button{display:inline-flex;vertical-align:middle;margin-left:8px;padding:4px;border:0;background:none;color:#8194b3}.copy-button .icon{width:16px;height:16px}.actions{display:flex;gap:8px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:13px}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.active{background:#eaf6ef;color:#35815f}.badge.unused{background:#eef1fb;color:#6174b8}.badge.unlicensed{background:#fff5e5;color:#a1792f}.badge.disabled{background:#eff2f6;color:#708098}.badge.expired{background:#fff0eb;color:#b26b4b}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;flex-wrap:wrap}.page-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-controls select{width:120px;margin:0}.empty,.loading{text-align:center;padding:48px 24px;color:#71829b;font-size:14px}.empty strong{display:block;font-size:16px;color:#506580;margin:16px 0 8px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;background:#f0f4fb;border-radius:12px;color:#8ca1c4;margin:auto}.empty .button{margin-top:16px}
/* Overview uses the same card spacing. */
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.stat-card>div{min-width:0}.stat-icon,.quick-path-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf2ff;color:#5677d4;flex-shrink:0}.stat-label{font-size:14px;color:#6b7f9f}.stat-number{font-size:30px;font-weight:700;line-height:1.3;margin-top:8px}.stat-note{font-size:13px;color:#7889a4;margin-top:8px}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:24px}.status-overview{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:24px;padding:24px}.status-ring{position:relative;width:148px;height:148px}.status-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.ring-center strong{font-size:30px}.ring-center span{font-size:13px;color:#7889a4}.status-legend{display:grid;gap:16px}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#6b7f9f}.legend-label{display:flex;align-items:center;gap:8px}.legend-dot{width:8px;height:8px;border-radius:3px;background:#4264ec}.legend-row.unlicensed .legend-dot{background:#debb72}.legend-row.disabled .legend-dot{background:#a5b2c9}.legend-row.expired .legend-dot{background:#d89479}.legend-row strong{font-size:16px;color:#445e89}.quick-path{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #edf1f9}.quick-path:first-child{padding-top:0}.quick-path:last-child{padding-bottom:0;border:0}.quick-path>div{min-width:0}.quick-path p{font-size:13px;color:var(--muted);margin-top:8px}.quick-path strong{font-size:14px}.quick-path button{margin-left:auto;flex-shrink:0}.trend-panel{margin-bottom:24px}.chart{height:168px;display:flex;align-items:flex-end;gap:16px;overflow-x:auto;padding-bottom:8px}.chart-column{flex:1;min-width:52px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:8px}.chart-bar{width:100%;max-width:32px;border-radius:4px 4px 0 0;background:#d9e3ff;min-height:3px}.chart-column:last-child .chart-bar{background:#577aef}.chart-count,.chart-label{font-size:13px;color:#7889a4}.chart-label{white-space:nowrap}.stat-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#72839b;margin-top:16px}.stat-meta strong{margin-left:8px;color:#41628c}
/* Modal header and footer stay fixed; only the middle section scrolls. */
dialog{width:560px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d6e1f6;border-radius:12px;background:#fff;color:#263b5a;box-shadow:0 24px 80px #182d4b33;overflow:hidden}dialog::backdrop{background:#13233f66;backdrop-filter:blur(3px)}dialog.modal-wide{width:920px}.modal-layout[open]{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:20px;overflow-wrap:anywhere}#modal-content{min-height:0;display:grid;overflow:hidden}.modal-body{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;margin:0}.modal-body.without-actions{grid-template-rows:minmax(0,1fr)}.modal-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:16px 24px;background:#fff}.modal-actions .button{min-height:40px}.modal-note{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{margin:0}.detail-grid{display:grid;grid-template-columns:112px minmax(0,1fr);font-size:14px;gap:16px;margin:0 0 24px}.detail-grid dt{color:#72839f}.detail-grid dd{margin:0;overflow-wrap:anywhere;color:#425e89}.password-display{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:8px 0 16px;border:1px solid var(--line);border-radius:8px;background:#f6f8fd}.password-value{font-family:Consolas,monospace;flex:1;min-width:0;overflow-wrap:anywhere}.form-section-title{font-size:14px;font-weight:600;margin-bottom:8px}.status-callout{padding:16px;border:1px solid #f0dbe0;border-radius:8px;background:#fff6f7;color:#9f5c6b;font-size:13px;line-height:1.8}.success-callout{display:flex;align-items:flex-start;gap:16px;padding:16px;margin-bottom:24px;background:#f0f7f3;border:1px solid #d4e8dc;border-radius:8px}.success-callout .icon{color:#438c68;margin-top:2px}.success-callout p{font-size:13px;color:#678573;margin-top:8px}.result-code{display:flex;align-items:center;gap:16px;padding:16px;margin:8px 0 24px;border:1px solid var(--line);border-radius:8px;background:#f6f8fd}.result-code .code{flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-all;white-space:normal}.result-label{font-size:13px;color:var(--muted)}.term-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 24px}.term-options button{height:42px;border:1px solid #cbd6e8;border-radius:8px;background:#fff;color:#63799f}.term-options button.selected{background:#edf2ff;border-color:#829ded;color:var(--blue)}.term-preview{min-height:96px;padding:16px;margin-top:16px;border:1px solid var(--line);border-radius:8px;background:#f4f7fe;font-size:13px;color:#63799f}.term-preview.loading{padding:16px;text-align:left}.term-preview strong{display:block;font-size:18px;color:#4c6db0;margin-top:8px}.term-preview p,.term-notice{font-size:13px;color:var(--muted);margin-top:8px}.term-preview.failed{background:#fff5f6;color:#ad6571;border-color:#f0d8de}.renew-free{font-size:13px;color:#72839f}.bind-search-row{display:flex;align-items:flex-end;gap:8px}.shop-options{max-height:224px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.shop-option{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;color:#506a8b}.shop-option>div{min-width:0;overflow-wrap:anywhere}.shop-option:last-child{border-bottom:0}.shop-option:hover,.shop-option.selected{background:#eef3ff}.shop-option small{display:block;font-size:13px;color:var(--muted);margin-top:8px}.shop-option .icon{width:16px;height:16px;color:#5376d7}.bound-note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.bound-note .icon{width:16px;height:16px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:90vw;padding:12px 24px;border-radius:8px;background:#334c7a;color:#fff;font-size:14px;box-shadow:0 6px 24px #1b30432b;z-index:50}
/* Compact portal summary is independent from the authorized iframe. */
.store-portal{grid-template-columns:minmax(0,1fr)}.store-portal .app-header{position:static;height:auto;flex-direction:row;align-items:center;gap:24px;padding:16px 24px;border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap}.store-portal .brand{width:auto}.store-portal .navigation-panel{width:auto;margin-left:auto}.store-portal nav{flex-direction:row}.store-portal .header-account{margin:0;width:auto;border:0;padding:0;flex-wrap:nowrap}.store-portal .header-account strong{max-width:160px}.store-portal .content{max-width:1700px}.store-portal .content-foot{display:none}.store-workbench{display:grid;gap:16px;min-width:0}.store-information{padding:16px 24px}.store-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.store-heading>div:first-child{min-width:0}.store-heading h2{font-size:20px;overflow-wrap:anywhere}.store-eyebrow{font-size:13px;color:var(--muted)}.store-heading-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.store-connection{padding:6px 12px;border-radius:20px;font-size:13px;background:#eff2f7;color:#72819a}.store-connection.online{background:#e6f6ef;color:#368869}.store-summary{padding-top:24px}.store-summary .detail-grid{margin:0}.store-information>.status-callout{margin-top:16px}.store-business{min-width:0}.store-frame{display:block;width:100%;height:calc(100dvh - 240px);min-height:560px;border:1px solid var(--line);border-radius:12px;background:#f4f7fc}.store-offline{text-align:center;padding:48px 24px;color:var(--muted);line-height:1.8}.store-offline>.icon{width:32px;height:32px;margin:0 auto 16px}.store-offline h3{font-size:18px}.store-offline p{margin-top:8px}.store-offline .button{margin-top:24px}
/* Existing payment wizard and policy forms share modal controls. */
.payment-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.payment-settings>.context-note,.payment-settings>.status-callout{grid-column:1/-1}.payment-policy{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.payment-policy h3{font-size:16px;margin-bottom:16px}.payment-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;margin:0}.payment-previous{padding:16px;background:#f5f7fc;border:1px solid var(--line);border-radius:8px;margin-bottom:24px;font-size:14px}.payment-previous .detail-grid{margin:16px 0 0}.payment-step{color:var(--blue);font-size:14px;font-weight:600;margin-bottom:16px}.payment-help{font-size:13px;font-weight:400;color:var(--muted);margin:8px 0 16px;line-height:1.8}.payment-help summary{cursor:pointer;color:var(--blue)}.payment-help p{margin:8px 0}.payment-import-status{font-size:13px;line-height:1.8;overflow-wrap:anywhere;color:#368869;margin:16px 0}.payment-field textarea{font-family:ui-monospace,Consolas,monospace;font-size:13px;min-height:120px;white-space:pre-wrap;overflow-wrap:anywhere}.payment-material{-webkit-text-security:disc}.payment-stage>.payment-field{margin-bottom:16px}.icp-footer{padding:16px;text-align:center;font-size:13px;color:#718198}.icp-footer a{color:inherit;text-decoration:none}.icp-footer a:hover{text-decoration:underline}
.payment-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payment-stage>:not(.payment-field),.payment-stage>.payment-field:has(textarea){grid-column:1/-1}.payment-stage>.payment-field{margin:0}
@media(max-width:680px){.payment-stage{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1500px){.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{display:block}.stat-icon{margin-bottom:16px}}
@media(max-width:1200px){.overview-grid{grid-template-columns:minmax(0,1fr)}.stat-card{display:block}.stat-icon{margin-bottom:16px}}
@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-header{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:16px 24px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{width:auto}.navigation-toggle{display:inline-flex;margin-left:auto}.navigation-panel{display:none;order:4;width:100%}.navigation-panel.expanded{display:block}nav{flex-direction:row;flex-wrap:wrap}nav button{width:auto;flex:1;min-width:140px}.header-account{width:auto;margin:0;padding:0;border:0;flex-wrap:nowrap}.header-account strong,.header-account .avatar{display:none}.store-portal .navigation-panel{display:block;margin:0;width:100%}.store-portal .navigation-toggle{display:none}.store-portal nav button{min-width:0}.store-portal .header-account{margin-left:auto}.login-window{grid-template-columns:34% 66%}.login-right{padding:24px}.login-window-title h1{font-size:21px}.payment-settings{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.content,.app-header{padding:16px}.page-heading h1{font-size:24px}.page-heading{align-items:flex-start;gap:16px}.heading-actions{width:100%}.heading-actions .button{padding:8px 12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card{padding:16px}.panel-head,.panel-body{padding:20px}.status-overview{grid-template-columns:120px minmax(0,1fr);padding:20px;gap:16px}.status-ring{width:120px;height:120px}.status-legend{gap:8px}.legend-row{gap:8px}.quick-path{gap:8px}.quick-path-icon{width:32px;height:32px}.filters{padding:20px;gap:16px}.filters .search-field,.filters .status-field{width:100%;flex-basis:100%;min-width:0}.filters .date-field{flex:1;min-width:120px}.filters .button{flex:1}th,td{padding:16px 20px}.pagination{padding:16px 20px}.page-controls{width:100%}.page-controls select{width:112px}.page-controls .button{padding:8px}.form-grid{grid-template-columns:minmax(0,1fr)}.modal-heading{padding:16px 20px}.modal-scroll{padding:20px}.modal-actions{padding:16px 20px}.detail-grid{grid-template-columns:96px minmax(0,1fr);gap:16px}.modal-actions .button{padding:8px 12px}.login-window{width:460px;grid-template-columns:minmax(0,1fr)}.login-art{display:none}.login-view{padding:24px 16px}.login-right{padding:24px 20px}.login-card{padding:20px}.login-window-title h1{font-size:20px}.captcha-button{width:110px}.store-information{padding:16px 20px}.store-heading{align-items:flex-start;flex-wrap:wrap}.store-heading-actions{flex-wrap:wrap;gap:8px}.store-heading h2{font-size:19px}.store-frame{min-height:560px;height:calc(100dvh - 160px)}.store-portal .app-header{padding:16px}.store-portal .brand{font-size:20px}.store-portal .brand-symbol{width:36px;height:36px}}

/* A Chinese editable date and an actual native calendar share one field. */
.filters .date-field{width:196px}.chinese-date{height:42px;display:flex;align-items:center;position:relative;margin-top:8px;border:1px solid #cbd6e8;border-radius:8px;background:#fff;min-width:0}.chinese-date:focus-within{border-color:#708ced;box-shadow:0 0 0 3px #4264ec18}.chinese-date>input[type=text][data-date-display]{height:40px;margin:0;border:0;outline:none;box-shadow:none;padding:0 8px 0 12px;min-width:0;flex:1;border-radius:8px 0 0 8px;background:transparent}.chinese-date>input[type=hidden]{display:none!important}.date-calendar-wrap{position:relative;display:grid;place-items:center;width:36px;height:40px;flex-shrink:0;border-left:1px solid var(--line);color:#61799f}.date-calendar-wrap .icon{width:17px;height:17px;pointer-events:none}.date-calendar-wrap>input[type=date][data-date-calendar]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;opacity:0;cursor:pointer;z-index:1}.date-calendar-wrap input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;margin:0;padding:0;cursor:pointer}
/* Only the selected shop is read; the store chooser has its own bounded scroll. */
.payment-management{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.payment-shop-search{display:flex;gap:8px;align-items:flex-end;padding:20px 20px 16px}.payment-shop-search label{flex:1;min-width:0;margin:0;font-size:13px}.payment-shop-search .button{padding:8px 12px;white-space:nowrap}.payment-shop-list{max-height:calc(100dvh - 350px);min-height:200px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}.payment-shop-option{display:block;width:100%;padding:16px 20px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:#425e89}.payment-shop-option strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.payment-shop-option small{display:block;color:var(--muted);font-size:12px;margin-top:6px;overflow-wrap:anywhere}.payment-shop-option:hover,.payment-shop-option.selected{background:#edf3ff}.payment-shop-option.selected{box-shadow:inset 3px 0 var(--blue)}.payment-shop-option:disabled{cursor:wait}.payment-shop-pagination{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 20px;font-size:12px;color:var(--muted)}.payment-shop-pagination .page-controls{width:auto}.payment-shop-pagination .button{padding:6px 12px;min-height:36px}.payment-management .payment-policy{margin:0;padding:0;border:1px solid var(--line);position:sticky;top:24px}.payment-policy-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid var(--line)}.payment-policy form{margin:0}.payment-policy .modal-note{margin-bottom:16px}.payment-policy .payment-switch{border-bottom:1px solid #edf1f9}.payment-policy .payment-switch:last-of-type{border-bottom:0}
/* The store header is one compact row. The home frame uses the remaining viewport. */
.store-portal{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr)}.store-portal .app-header{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;height:auto;padding:10px 20px;gap:16px}.store-portal .brand{font-size:20px;width:auto;white-space:nowrap;gap:8px;flex-shrink:0}.store-portal .brand-symbol{width:32px;height:32px;border-radius:8px}.store-portal .brand small{display:none}.store-portal .navigation-panel{display:block;order:0;width:auto;margin:0;flex:0 0 auto}.store-portal nav{flex-direction:row;flex-wrap:nowrap;gap:4px;width:auto}.store-portal nav button{width:auto;flex:0 0 auto;min-width:0;padding:9px 14px;white-space:nowrap;justify-content:center}.store-portal .header-account{width:auto;min-width:0;margin:0 0 0 auto;gap:8px;flex-wrap:nowrap}.store-portal .header-account .avatar{display:none}.store-portal .header-account strong{display:block;max-width:140px;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-portal .store-connection{padding:5px 8px;white-space:nowrap;font-size:12px}.store-portal #store-info{white-space:nowrap}.store-portal .main{min-height:0;overflow:auto}.store-portal .content{max-width:1400px;width:100%}.store-home .main{overflow:hidden}.store-home .content{display:flex;flex-direction:column;height:100%;max-width:none;padding:0}.store-home #page-content{display:grid;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.store-home .store-workbench{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;gap:0}.store-home .store-business{grid-row:2;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.store-home .store-frame{width:100%;height:100%;min-height:0;border:0;border-radius:0}.store-notice{grid-row:1;margin:0;padding:8px 20px;font-size:13px;line-height:1.5;color:#916820;background:#fff7e7;border-bottom:1px solid #ead9b7}.store-home .store-offline{margin:24px;align-self:start}body:has(.store-portal:not([hidden]))>.icp-footer{display:none}
@media(max-width:1100px){.payment-management{grid-template-columns:280px minmax(0,1fr);gap:16px}.payment-shop-search{flex-wrap:wrap}.payment-shop-search label{flex-basis:100%}.store-portal .store-connection{display:none}}
@media(max-width:760px){.payment-management{grid-template-columns:minmax(0,1fr);gap:16px}.payment-management .payment-policy{position:static}.payment-shop-list{max-height:230px;min-height:0}.payment-shop-search{flex-wrap:nowrap}.payment-shop-search label{flex-basis:auto}.payment-shop-pagination{flex-wrap:nowrap}.payment-shop-pagination .page-controls{flex-wrap:nowrap}.payment-policy-actions{padding:16px 20px}}
@media(max-width:680px){.filters .date-field{flex:1 1 190px;min-width:0}.store-portal .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "navigation navigation";gap:8px;padding:8px 12px}.store-portal .brand{grid-area:brand;font-size:19px}.store-portal .header-account{grid-area:account;gap:6px}.store-portal .header-account strong{display:none}.store-portal .header-account .icon-button{width:32px;height:32px}.store-portal .navigation-panel{grid-area:navigation;width:auto;margin:0}.store-portal nav button{padding:7px 12px;font-size:13px}.store-portal #store-info{font-size:12px}.store-portal .content{padding:16px}.store-home .content{padding:0}.store-notice{padding:8px 12px}.store-home .store-offline{margin:16px}}

.payment-management .payment-policy .panel-head>div{min-width:0;overflow-wrap:anywhere}

/* Approved commercial layout: one document flow, bounded fields and semantic tables. */
:root{--muted:#56667f;--line:#dce4f1;color:#25334d}
body{min-height:100dvh;display:flex;flex-direction:column}
body:has(#login-view:not([hidden])){background:#f0f4fe}
.login-view{flex:1;min-height:0;padding:24px}
.login-window{width:940px;grid-template-columns:35% minmax(0,1fr);border-radius:16px}
.login-art{min-height:0}
.login-art-brand{left:24px;bottom:24px}
.login-right{min-width:0;padding:24px 32px}
.login-window-title{padding-bottom:16px}
.login-window-title h1{font-size:22px;line-height:1.4}
.login-card{margin-top:16px;padding:20px 24px}
.login-card h2{line-height:1.4}
.login-card label{margin-bottom:12px;line-height:1.5}
.login-subtitle{margin:8px 0 16px}
.login-card .leading-input{margin-top:8px}
.login-card .leading-input>input:not([type=checkbox]):not([type=radio]):not([type=file]){margin-top:0;padding-left:40px}
.login-card .captcha-row{margin-top:8px;align-items:center}
.login-card .captcha-row>.leading-input{margin-top:0}
.login-card .leading-input>span[data-icon]{top:12px}
.login-card .password-toggle{top:6px}
.login-security{margin-top:16px}
.login-footer{margin-top:12px}
.icp-footer{flex:none;padding:8px 16px;line-height:24px;color:#586a83}

.app-shell{flex:1}
.app-shell:not(.store-portal) .app-header{gap:24px;overflow-y:auto;overscroll-behavior:contain}
.app-shell:not(.store-portal) nav button{min-height:44px;padding:10px 12px;color:#405575}
.app-shell:not(.store-portal) nav button.active{color:var(--blue)}
.nav-label{min-width:0;overflow-wrap:anywhere}
.app-shell:not(.store-portal) .header-account strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content{width:100%}
.page-heading{align-items:flex-start;margin-bottom:20px}
.page-heading h1{font-size:26px;line-height:1.4;color:#25334d}
.page-location{margin-bottom:4px}
.page-heading p{margin-top:4px;line-height:1.6}
.heading-actions{align-self:center;flex-shrink:0}
.panel-head{padding:16px 20px}
.panel-head>div{min-width:0}
.panel-head h3{color:#293f60}
.panel-head p{margin-top:4px}
.panel-body{padding:20px}
.context-note{padding:12px 16px;line-height:1.6;color:#425d88}
.filters{gap:12px;padding:16px 20px}
.filters .search-field{flex:1 1 240px;min-width:220px;max-width:360px}
.filters .status-field{width:128px;flex:0 0 128px}
.filters .date-field{width:184px;flex:0 0 184px}
.filters>.button{flex:0 0 auto}
.filters label{color:#3d506e}
.table-wrap{width:100%;isolation:isolate;scrollbar-gutter:auto}
.table-wrap:focus-visible{outline:3px solid #91aafb;outline-offset:-3px}
table{table-layout:fixed;white-space:normal}
th,td{padding:12px;overflow-wrap:anywhere;vertical-align:middle}
th{background:#f4f7fc;color:#425775;line-height:1.5}
td{color:#354d6d}
.cell-main{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.6;color:#2c4263}
.cell-sub,.unbound{color:#5c6e89}
.code{color:#405572;overflow-wrap:anywhere}
.code-cell .code{display:inline-block;max-width:calc(100% - 28px);vertical-align:middle}
.copy-button{margin-left:4px;vertical-align:middle}
.actions{gap:8px;white-space:nowrap}
.actions .text-button{padding:8px 4px;min-height:36px;white-space:nowrap}
.shop-table{min-width:1000px}
.shop-table th:nth-child(2){width:168px}
.shop-table th:nth-child(3){width:128px}
.shop-table th:nth-child(4){width:88px}
.shop-table th:nth-child(5){width:168px}
.shop-table th:nth-child(6){width:144px}
.shop-table th:last-child{width:104px}
.shop-compact-table{min-width:760px}
.shop-compact-table th:nth-child(2){width:176px}
.shop-compact-table th:nth-child(3){width:144px}
.shop-compact-table th:nth-child(4){width:96px}
.shop-compact-table th:last-child{width:152px}
.license-table{min-width:1020px}
.license-table th:first-child{width:176px}
.license-table th:nth-child(2){width:92px}
.license-table th:nth-child(3){width:184px}
.license-table th:nth-child(5){width:144px}
.license-table th:last-child{width:216px}
.data-table{min-width:800px}
.data-table th:first-child{width:184px}
.data-table th:nth-child(2){width:144px}
.data-table th:nth-child(3){width:160px}
.data-table th:last-child{width:176px}
.shop-table :is(th,td):last-child,.license-table :is(th,td):last-child{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-8px 0 12px -12px #253b6680}
.shop-table th:last-child,.license-table th:last-child{z-index:2;background:#f4f7fc}
.shop-table tbody tr:hover td:last-child,.license-table tbody tr:hover td:last-child{background:#fbfcff}
.pagination{gap:12px;padding:12px 20px;color:#52647e}
.page-controls{gap:8px}
.page-controls select{width:120px}
.empty,.loading{padding:32px 20px;color:#5d6e86}
.empty strong{color:#354b69;margin-top:12px}
.content-foot{color:#5f7089;margin-top:20px}

.stat-grid{gap:12px;margin-bottom:16px}
.stat-card{display:flex;gap:12px;padding:16px}
.stat-icon{width:32px;height:32px;border-radius:8px;margin:0}
.stat-icon .icon{width:18px;height:18px}
.stat-label{font-size:13px;color:#526780}
.stat-number{font-size:28px;margin-top:4px;line-height:1.2}
.stat-note{font-size:13px;margin-top:4px;color:#5d6e86}
.overview-grid{gap:16px;margin-bottom:16px}
.status-overview{grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px}
.status-ring{width:120px;height:120px}
.status-legend{gap:12px}
.quick-path{padding:12px 0;gap:12px}
.quick-path p{margin-top:4px}
.quick-path-icon{width:32px;height:32px;border-radius:8px}
.quick-path-icon .icon{width:18px;height:18px}
.trend-panel{margin-bottom:16px}
.chart{height:136px;gap:12px}
.stat-meta{margin-top:12px}

.modal-heading{padding:16px 20px}
.modal-heading h2{font-size:20px;line-height:1.4}
.modal-scroll{padding:20px}
.modal-actions{padding:12px 20px}
.modal-actions .button{min-height:42px}
.modal-note{margin-bottom:16px;color:#56667f}
.detail-grid{gap:12px 16px}
.detail-grid dt{color:#5d6f89}
.detail-grid dd{color:#354e71}
.form-grid{gap:16px}
.form-grid label{min-width:0}
.payment-settings{grid-template-columns:minmax(0,760px);gap:16px}
.payment-management{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px}
.payment-shop-search{padding:16px;flex-wrap:wrap}
.payment-shop-search label{flex:1 1 180px}
.payment-shop-list{min-height:0;max-height:clamp(180px,calc(100dvh - 300px),560px)}
.payment-shop-option{padding:12px 16px;color:#344e71}
.payment-shop-option strong{font-weight:500;line-height:1.6}
.payment-shop-option small{font-size:13px;line-height:1.5;margin-top:4px;color:#5a6e8c}
.payment-shop-pagination{padding:12px 16px;gap:8px;color:#5b6d86}
.payment-shop-pagination .page-controls{width:auto;flex-wrap:nowrap;gap:4px}
.payment-shop-pagination .button{padding:6px 8px;min-height:36px}
.payment-management .payment-policy{top:16px}
.payment-management .payment-policy>.empty{padding:32px 20px;text-align:left;line-height:1.8}
.payment-policy .panel-body{max-width:800px}
.payment-policy-actions{padding:12px 20px}
.payment-switch{color:#354d6d}
.payment-management .form-error{margin:16px}
.payment-policy form .form-error{margin:16px 0 0}

/* Effective viewport width controls the shell; no device detection or saved state. */
@media(min-width:1101px){
  .app-shell:not(.store-portal) .header-account strong{flex-basis:calc(100% - 40px)}
  .app-shell:not(.store-portal) #account-password{margin-left:40px}
}
@media(max-width:1440px) and (min-width:1101px){
  .app-shell:not(.store-portal){grid-template-columns:200px minmax(0,1fr)}
  .app-shell:not(.store-portal) .app-header{padding:20px 12px}
}
@media(max-width:1440px){
  .app-shell:not(.store-portal) .content{padding:16px}
  .app-shell:not(.store-portal) .brand{gap:8px;font-size:20px}
  .app-shell:not(.store-portal) .brand-symbol{width:36px;height:36px;border-radius:8px}
}
@media(min-width:681px) and (max-width:1100px){
  .app-shell:not(.store-portal){grid-template-columns:72px minmax(0,1fr)}
  .app-shell:not(.store-portal) .app-header{position:sticky;top:0;height:100dvh;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:24px;padding:16px 12px;border-right:1px solid var(--line);border-bottom:0}
  .app-shell:not(.store-portal) .brand{justify-content:center;width:48px}
  .app-shell:not(.store-portal) .brand>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .app-shell:not(.store-portal) .navigation-toggle{display:none}
  .app-shell:not(.store-portal) .navigation-panel{display:block;order:0;width:48px;margin:0}
  .app-shell:not(.store-portal) nav{flex-direction:column;flex-wrap:nowrap;gap:8px}
  .app-shell:not(.store-portal) nav button{position:relative;width:48px;min-width:0;height:44px;flex:none;padding:12px;justify-content:center}
  .app-shell:not(.store-portal) .nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .app-shell:not(.store-portal) .header-account{width:48px;flex-direction:column;flex-wrap:nowrap;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
  .app-shell:not(.store-portal) .header-account .avatar,.app-shell:not(.store-portal) .header-account strong{display:none}
  .app-shell:not(.store-portal) .header-account .icon-button{width:42px;height:42px}
  .payment-management{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:760px){
  .payment-management{grid-template-columns:minmax(0,1fr)}
  .payment-management .payment-policy{position:static}
  .payment-shop-list{max-height:240px}
  .payment-shop-search{flex-wrap:wrap}
  .payment-shop-search label{flex-basis:180px}
  .payment-shop-pagination{flex-wrap:wrap}
}
@media(max-width:680px){
  .login-view{padding:16px}
  .login-window{width:460px;grid-template-columns:minmax(0,1fr)}
  .login-right{padding:20px}
  .login-card{padding:20px;margin-top:16px}
  .login-window-title h1{font-size:20px}
  .login-title-icon{width:32px;height:32px}
  .login-footer{margin-top:12px}
  .app-shell:not(.store-portal){grid-template-columns:minmax(0,1fr)}
  .app-shell:not(.store-portal) .app-header{position:static;flex-direction:row;flex-wrap:wrap;gap:12px;padding:12px 16px;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .app-shell:not(.store-portal) .brand{width:auto}
  .app-shell:not(.store-portal) .navigation-toggle{display:inline-flex;min-height:42px;padding:8px 12px}
  .app-shell:not(.store-portal) .navigation-panel{order:4;width:100%;margin:0}
  .app-shell:not(.store-portal) nav{gap:8px;flex-direction:row;flex-wrap:wrap}
  .app-shell:not(.store-portal) nav button{flex:1 1 140px;width:auto;min-width:0}
  .app-shell:not(.store-portal) .header-account{margin:0;padding:0;border:0;width:auto;flex-wrap:nowrap}
  .app-shell:not(.store-portal) .header-account .icon-button{width:36px;height:36px}
  .page-heading{gap:12px;margin-bottom:16px}
  .page-heading h1{font-size:24px}
  .heading-actions{width:100%;gap:8px}
  .heading-actions .button{padding:8px 12px}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
  .filters .search-field{grid-column:1/-1;width:auto;max-width:none;min-width:0}
  .filters .status-field{grid-column:1/-1;width:auto}
  .filters .date-field{width:auto;min-width:0}
  .filters>.button{min-width:0}
  .filters .chinese-date>input[type=text][data-date-display]{padding-left:8px;padding-right:4px}
  .date-calendar-wrap{width:30px}
  .panel-head,.panel-body{padding:16px}
  .pagination{padding:12px 16px;gap:8px}
  .page-controls{width:100%;flex-wrap:wrap;gap:8px}
  .page-controls select{width:116px}
  .page-controls .button{padding:8px}
  .stat-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card{gap:8px;padding:12px;align-items:flex-start}
  .stat-icon{width:28px;height:28px}
  .stat-number{font-size:26px}
  .stat-note{line-height:1.5}
  .status-overview{padding:16px;gap:16px;grid-template-columns:104px minmax(0,1fr)}
  .status-ring{width:104px;height:104px}
  .status-legend{gap:8px}
  .quick-path{gap:8px}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .modal-heading,.modal-scroll{padding:16px}
  .modal-actions,.payment-policy-actions{padding:12px 16px}
  .modal-actions .button{padding:8px 12px}
  .detail-grid{grid-template-columns:88px minmax(0,1fr);gap:12px}
}
/* Keep regular controls legible; only surrounding space and artwork shrink in short windows. */
@media(max-height:800px){
  .login-view{padding-top:16px;padding-bottom:16px}
  .login-right{padding:16px 24px}
  .login-window-title{padding-bottom:12px}
  .login-card{padding:16px 20px;margin-top:12px}
  .login-subtitle{margin-top:4px;margin-bottom:12px}
  .login-card label{margin-bottom:12px}
  .login-card .captcha-hint{margin-bottom:12px}
  .login-security{margin-top:12px}
  .login-art-brand{left:20px;bottom:20px}
}
@media(max-height:660px){
  .login-view{padding-top:12px;padding-bottom:12px}
  .login-footer{display:none}
}
/* Payment onboarding keeps a small material surface and a scrollable document on short screens. */
.payment-settings{display:grid;gap:20px;min-width:0}.payment-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.payment-channel-card{min-width:0}.payment-channel-card .panel-head{flex-wrap:wrap;gap:12px}.payment-material-status{font-size:12px;color:#34599d;background:#eef4ff;border-radius:999px;padding:5px 10px}.payment-mode-status{font-size:13px;line-height:1.7;margin:8px 0;color:#48566e}.payment-channel-card .context-note{overflow-wrap:anywhere}.payment-channel-card .button{margin-top:12px}.payment-wizard{min-width:0;scroll-margin-top:20px}.payment-wizard .panel-head{gap:16px;flex-wrap:wrap}.payment-wizard .panel-body{display:flex;flex-direction:column;gap:16px}.payment-wizard p{line-height:1.8;margin:0}.payment-wizard h4{margin:0;font-size:15px}.payment-wizard .button{align-self:flex-start;max-width:100%;white-space:normal}.payment-upload,.payment-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:600}.payment-field input,.payment-field textarea,.payment-field select,.payment-modify select{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid #d9e1ed;border-radius:8px;font:inherit;background:#fff}.payment-field textarea{min-height:110px;resize:vertical}.payment-field small,.payment-upload small{font-weight:400;line-height:1.7}.payment-upload{padding:16px;background:#f5f8fd;border:1px dashed #bdd0ee;border-radius:10px}.payment-upload input{max-width:100%;font-size:13px;overflow:hidden}.payment-missing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payment-missing-fields .status-callout{grid-column:1/-1}.payment-safe-summary{padding:16px;border-radius:10px;background:#eef5ff;border:1px solid #cdddf4}.payment-safe-summary .detail-grid{margin:14px 0}.payment-safe-summary dd{overflow-wrap:anywhere}.payment-wizard-actions{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #edf0f5;padding-top:16px}.payment-modify{font-size:13px;color:#5a6982}.payment-modify summary{cursor:pointer;padding:8px 0}.payment-modify select{margin:8px 0}.payment-wizard [role=alert]:empty{display:none}
@media(max-width:700px){.payment-channel-grid,.payment-missing-fields{grid-template-columns:minmax(0,1fr)}.payment-settings{gap:16px}.payment-wizard .panel-body{padding:16px}.payment-wizard-actions>.button{flex:1 1 45%;padding:10px}.payment-safe-summary .detail-grid{grid-template-columns:1fr;gap:6px}.payment-upload input{width:100%}}
.payment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:payment-step;list-style:none;margin:0;padding:0}.payment-steps li{display:flex;align-items:center;gap:8px;min-width:0;padding:12px;background:#eef4ff;border-radius:8px;color:#294d88;font-size:13px;line-height:1.5}.payment-steps li::before{counter-increment:payment-step;content:counter(payment-step);flex:0 0 24px;line-height:24px;text-align:center;background:#fff;border-radius:50%;font-weight:700}.payment-upload{gap:12px;border:1px solid #b9ccec;background:#f7faff}.payment-upload>.button{min-height:44px;padding:11px 22px}.payment-upload p,.payment-help-link,.payment-missing-summary,.payment-import-materials{overflow-wrap:anywhere}.payment-upload .context-note{font-weight:400}.payment-help-link{align-self:flex-start;color:#245ab3;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:500;line-height:1.7}.payment-help-link:focus-visible{outline:2px solid #2563eb;outline-offset:4px}.payment-import-status,.payment-check-status,.payment-save-confirmation{padding:12px 14px;border-radius:8px;background:#edf2f8;color:#35465f;font-size:13px;font-weight:500}.payment-import-status[data-state=reading]{background:#eaf2ff;color:#2558a4}.payment-import-status[data-state=identified],.payment-save-confirmation{background:#eaf8f0;color:#23653e}.payment-import-status[data-state=failed]{background:#fff0ed;color:#a1382d}.payment-import-materials{font-weight:400;color:#455773;font-size:13px}.payment-missing-summary{display:grid;gap:8px;padding:12px 14px;border-left:3px solid #aabfde;background:#f7f9fc;font-size:13px;color:#4b5d77}.payment-manual-materials{grid-column:1/-1;padding:12px 14px;border:1px solid #dce4ef;border-radius:8px;background:#fafbfd}.payment-manual-materials>summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.7;color:#4b5d77}.payment-manual-materials>.payment-field{margin-top:16px}.payment-manual-materials>.context-note{margin-top:10px}.payment-saved-status{font-size:13px;color:#47604f}.payment-save-confirmation{margin-top:10px!important}
@media(max-width:700px){.payment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-steps li{padding:10px}.payment-upload{padding:14px}.payment-wizard .payment-help-link{max-width:100%}}