:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#171719;background:#f5f5f7;font-size:15px;line-height:1.5;color-scheme:light;letter-spacing:0}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 12px}#edit-fields input,#edit-fields select{min-width:0}
@media(max-width:560px){header .brand span{display:none}header .session{gap:8px;font-size:13px;white-space:nowrap}}
.module-navigation{display:flex;gap:0;border-bottom:1px solid #d9dadd;margin-bottom:24px;overflow-x:auto}.module-navigation button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;min-height:48px;padding:10px 20px;color:#60616a}.module-navigation button[aria-current="page"]{border-bottom-color:#0071e3;color:#171719;font-weight:600}.module-navigation button:hover{background:#eceef1}@media(max-width:760px){.module-navigation button{padding:10px 14px}}
.recycle-toggle{display:flex;align-items:center;gap:8px;min-height:40px}.recycle-toggle input{width:18px;min-height:18px}.state-select{min-width:100px;width:110px}.danger{color:#b42318}
.data-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.data-search label{width:160px;max-width:100%}.data-search label:last-of-type{flex:1;min-width:170px}.data-search input{min-width:0}@media(max-width:760px){.data-search{flex-basis:100%}.data-search label{flex:1;min-width:120px}.data-search label:last-of-type{flex-basis:100%}}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.file-button{min-height:40px;border:1px solid #d9dadd;background:#fff;border-radius:6px;padding:8px 16px;color:#242428;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}button:hover,.file-button:hover{border-color:#0071e3;color:#0064ce}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#0071e3;border-color:#0071e3;color:#fff}.primary:hover{background:#0064ce;color:#fff}input,textarea,select{width:100%;border:1px solid #c9cbd0;border-radius:5px;min-height:42px;padding:9px 12px;background:#fff;color:#171719}textarea{min-height:85px;resize:vertical}label{display:grid;gap:7px;font-weight:500}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #0071e3;outline-offset:2px}header{height:76px;border-bottom:1px solid #dedee3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;gap:22px;align-items:center}.brand strong{font-size:20px}.brand span,.session{color:#65666c}.session{display:flex;gap:16px;align-items:center}main{max-width:1500px;padding:32px 36px;margin:auto}h1{font-size:26px;margin:0 0 22px}h2{font-size:18px;margin:0}.login-panel{width:min(100%,440px);margin:48px auto;background:#fff;border:1px solid #e1e2e5;padding:32px;border-radius:8px}.login-panel form{display:grid;gap:20px}.overview{display:flex;align-items:center;gap:24px;margin-bottom:22px}.overview h1{margin:0}.overview button{margin-left:auto}.toolbar{display:flex;align-items:end;gap:12px;margin-bottom:22px;flex-wrap:wrap}.toolbar>label:first-child{width:280px}.file-button input{display:none}.table-wrap{overflow:auto;background:#fff;border:1px solid #dfe0e4;border-radius:6px;min-height:220px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #ececf0;padding:13px 16px;vertical-align:top;font-size:14px;min-width:130px;max-width:360px;overflow-wrap:anywhere}th{background:#f9f9fb;font-weight:600;color:#5a5b62;position:sticky;top:0}td .cell-copy{max-height:110px;overflow:auto;white-space:pre-wrap}td.actions{min-width:220px}td.actions button{font-size:13px;padding:6px 10px;min-height:34px;margin:0 6px 6px 0}tr:last-child td{border-bottom:0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:20px 0}.pagination>span:first-child{margin-right:auto;color:#676970}#status{white-space:pre-wrap;color:#526064;min-height:30px}#status.error,#edit-error{color:#b42318}#import-panel{padding:20px 0;margin:0 0 22px;border-top:1px solid #d9dadd;border-bottom:1px solid #d9dadd}.import-head,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}pre{white-space:pre-wrap;font:inherit;max-height:240px;overflow:auto}.codes{border-top:1px solid #d9dadd;padding-top:24px;margin-top:32px}.code-actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.code-actions select{width:220px}.codes form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end}dialog{border:1px solid #d9dadd;border-radius:8px;padding:24px;width:min(650px,calc(100% - 32px));max-height:88vh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.24)}#edit-fields{display:grid;gap:16px;margin:24px 0}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 16px;height:70px}.brand{gap:10px}.brand span{font-size:12px}.brand strong{font-size:16px}main{padding:24px 16px}.login-panel{margin:20px auto;padding:24px}.toolbar>label:first-child{width:100%}.codes form{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{gap:10px;flex-wrap:wrap}h1{font-size:23px}th,td{padding:10px}.pagination{gap:8px}}
.product-binding{position:relative;min-width:0}.product-binding summary{cursor:pointer;border:1px solid #c9cbd0;border-radius:5px;background:#fff;min-height:42px;padding:9px 12px;overflow-wrap:anywhere}.product-binding details[open]{grid-column:1/-1}.product-options{max-height:310px;overflow:auto;border:1px solid #dedee3;background:#fff}.product-option{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #ececf0;font-weight:400;cursor:pointer}.product-option input{width:20px;min-height:20px;flex-shrink:0}.product-option img,.product-image-empty{width:52px;height:52px;object-fit:contain;background:#f5f5f7;flex-shrink:0;border-radius:4px}.product-option span{overflow-wrap:anywhere}.product-option small{display:block;color:#65666c}.product-empty{padding:16px;color:#65666c}#welfare-qr-result{margin-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}#welfare-qr{width:180px;height:180px;object-fit:contain}#product-search{margin:8px 0}.product-binding{grid-column:span 2}@media(max-width:760px){.product-binding{grid-column:1/-1}}
.login-qr-panel { text-align: center; margin-top: 20px; }
.attachment-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:13px;font-weight:400;line-height:1.6}.attachment-consent input{width:18px;min-height:18px;flex:none;margin:3px 0}#reply-attachments>div{display:flex;align-items:center;gap:12px;margin-top:8px}#reply-attachments span{overflow-wrap:anywhere;flex:1}
.login-qr-panel img { max-width: 100%; object-fit: contain; }
:root .record-timeline{padding-left:22px;margin:16px 0}.record-timeline li{padding:0 0 18px 8px;border-left:1px solid #d9dadd;overflow-wrap:anywhere}.record-timeline p,.reply-message p{margin:6px 0;white-space:pre-wrap}.record-timeline p:first-of-type{color:#65666c;font-size:13px}.reply-message{padding:14px 0;border-bottom:1px solid #dedee3;overflow-wrap:anywhere}#reply-history{max-height:35vh;overflow:auto;margin:20px 0}#reply-form>button[type=submit]{margin-top:12px}#reply-error{color:#b42318}
#manual-redeem-form,#shipping-form{display:grid;gap:16px}
#manual-error,#shipping-error{color:#b42318;white-space:pre-wrap}
#manual-binding,#shipping-order{margin:0;overflow-wrap:anywhere}
/* Administrator grants stay compact and scan-friendly. */
.admin-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.admin-permissions label{display:flex;align-items:center;gap:8px;margin:0;min-width:0}
.admin-permissions input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0}
#admin-form{display:grid;gap:16px}
#admin-form fieldset{min-width:0;margin:0;padding:16px;border:1px solid #d9dadd;border-radius:6px}
@media(max-width:600px){.admin-permissions{grid-template-columns:1fr}}
:root #pending{margin-left:0}
:root #refresh{margin-left:auto}
.pending-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #ececf0}
.pending-item>div{flex:1;min-width:0;overflow-wrap:anywhere}
.pending-item>button{flex-shrink:0}
@media(max-width:760px){.pending-item{align-items:flex-start;flex-direction:column}}
.quick-shipping-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;border-bottom:1px solid #ececf0;padding:16px 0}
.quick-shipping-message{grid-column:1 / -1;margin:0;color:#b42318;overflow-wrap:anywhere}
@media(max-width:760px){.quick-shipping-row{grid-template-columns:1fr}.quick-shipping-message{grid-column:1}}
.search-panel{flex:1;min-width:0}.search-panel>summary{display:none}
@media(max-width:760px){
  body{min-width:0}main{padding:20px 12px}header{height:auto;min-height:64px;padding:10px 12px;gap:12px}.brand{gap:8px;min-width:0}.brand strong{font-size:16px}.brand span{display:none}.session{font-size:13px;gap:8px;flex-shrink:0}
  input,select,textarea{font-size:16px;min-width:0}button,.file-button{min-height:44px;white-space:normal;text-align:center;padding:9px 12px;line-height:1.4}
  .login-panel{margin:12px auto;padding:24px 20px}.login-panel h1{font-size:22px}.login-panel form{gap:16px}.login-panel details{min-width:0}
  .module-navigation{margin-bottom:20px;max-width:100%;overscroll-behavior-x:contain}.module-navigation button{flex:0 0 auto;white-space:nowrap;min-height:48px;padding:10px 14px}
  .overview{gap:10px;margin-bottom:18px}.overview h1{font-size:22px;flex:1 1 100%}:root #refresh{margin-left:auto}.toolbar{gap:10px;margin-bottom:16px;min-width:0}.toolbar>label:first-child{max-width:100%}.toolbar>.recycle-toggle:first-child{width:auto}
  .search-panel{flex:1 1 100%;border-bottom:1px solid #d9dadd;padding-bottom:12px}.search-panel>summary{display:list-item;cursor:pointer;min-height:44px;padding:10px 2px;font-weight:600}.search-panel .data-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:8px}.data-search label{width:auto;min-width:0}.data-search label:last-of-type{grid-column:1/-1;min-width:0}.data-search button{width:100%}
  .page-heading{flex-wrap:wrap;gap:10px}.page-heading h2{flex:1 1 100%;font-size:18px}.page-heading button{flex:1 1 auto;max-width:100%}
  .table-wrap{min-height:120px;overflow:visible;background:transparent;border:0;border-radius:0}.table-wrap table,.table-wrap tbody{display:block;width:100%}.table-wrap thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .table-wrap tbody>tr{display:block;padding:16px 0;border-top:1px solid #d9dadd}.table-wrap tbody>tr:last-child{border-bottom:1px solid #d9dadd}
  .table-wrap td{display:block;min-width:0;max-width:none;width:100%;padding:6px 0;border:0;font-size:14px}.table-wrap td.mobile-primary{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px}.table-wrap td.mobile-primary::before{content:attr(data-label);color:#65666c;font-size:13px}.table-wrap td.mobile-secondary{display:none}.table-wrap td.record-id{color:#65666c;font-size:12px}.table-wrap td .cell-copy{max-height:none;overflow:visible;white-space:pre-wrap}.table-wrap td.mobile-primary:not(.record-id) .cell-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.table-wrap td.actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.table-wrap td.actions button{margin:0;min-height:44px;font-size:14px;padding:9px 12px}.state-select{width:100%;max-width:180px}.pagination{flex-wrap:wrap;gap:8px;font-size:14px}.pagination>span:first-child{flex:1 1 100%}.pagination button{flex:1}
  dialog{width:calc(100% - 16px);max-width:650px;max-height:calc(100dvh - 24px);padding:18px 16px;overscroll-behavior:contain;scroll-padding:72px 0 24px}dialog form{min-width:0}.dialog-head{position:sticky;top:-18px;z-index:1;background:#fff;padding:12px 0;border-bottom:1px solid #ececf0;gap:12px}.dialog-head h2{min-width:0;overflow-wrap:anywhere;font-size:18px}.dialog-head>button{flex-shrink:0}#edit-fields{margin:18px 0;gap:18px}#edit-fields>section{min-width:0}#edit-form>button[type=submit],#reply-form>button[type=submit],#shipping-form>button[type=submit],#manual-redeem-form>button[type=submit],#admin-form>button[type=submit]{width:100%}#reply-history{max-height:30dvh}.pending-item>button{width:100%}
  .codes form{grid-template-columns:minmax(0,1fr);gap:16px}.product-binding{grid-column:1}.code-actions{gap:10px}.code-actions select{width:100%}.code-actions button,.code-actions .file-button{max-width:100%}.product-options{max-height:40dvh}.product-option{align-items:flex-start}.product-option span{min-width:0}.quick-shipping-row{gap:14px}.quick-shipping-row>button{justify-self:end}#quick-shipping-form>button{margin-top:12px;width:100%}#reply-attachments>div{flex-wrap:wrap}#status{overflow-wrap:anywhere}.admin-permissions{grid-template-columns:minmax(0,1fr)}
}
.product-field-preview{display:block;max-width:100%;width:180px;height:150px;object-fit:contain;background:#f3f5f3;border:1px solid #dce3dc;border-radius:4px;margin:8px 0}
.product-field-preview[hidden]{display:none}