#order-notice-reader[hidden]{display:none!important}
#order-notice-reader{position:fixed;inset:0;z-index:20000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
#order-notice-reader .on-dialog{width:min(100%,700px);max-height:90dvh;display:flex;flex-direction:column;background:linear-gradient(var(--bg-card,#fff),var(--bg-card,#fff)),var(--bg,#fff);color:var(--text-primary,#222);border:1px solid var(--border,#ddd);border-radius:18px;box-shadow:0 16px 64px #0005;overflow:hidden}
#order-notice-reader .on-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border,#ddd)}
#order-notice-reader h2{font-size:19px;line-height:1.5;margin:0;color:inherit;-webkit-text-fill-color:currentColor;background:none;overflow-wrap:anywhere}
#order-notice-reader .on-scroll{padding:20px;overflow:auto;overscroll-behavior:contain;min-height:60px}
#order-notice-reader .on-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;margin:16px 0;color:inherit}
#order-notice-reader .on-meta{font-size:13px;line-height:1.7;color:inherit;opacity:.85}
#order-notice-reader img{display:block;width:100%;height:auto;object-fit:contain;margin:16px 0;cursor:zoom-in}
#order-notice-reader .on-image-zoom{max-height:none;overflow:auto;border:1px solid var(--border,#ddd)}
#order-notice-reader .on-image-zoom img{width:auto;max-width:none;cursor:zoom-out}
#order-notice-reader .on-footer{padding:14px 20px;border-top:1px solid var(--border,#ddd);display:grid;gap:12px;background:inherit}
#order-notice-reader label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7;color:inherit;cursor:pointer}
#order-notice-reader input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--primary,#6350aa)}
#order-notice-reader button,.on-record button,.on-button{font:inherit;border:1px solid var(--border,#bbb);border-radius:10px;padding:10px 14px;min-height:44px;background:var(--bg-secondary,#eee);color:var(--text-primary,#222);cursor:pointer;white-space:normal;line-height:1.5}
#order-notice-reader button:focus-visible,.on-record button:focus-visible,.on-button:focus-visible{outline:3px solid var(--primary,#6350aa);outline-offset:2px}
#order-notice-reader button:disabled{opacity:.5;cursor:not-allowed}
#order-notice-reader button{background:rgba(var(--primary-rgb,99,80,170),.1)!important;border-color:var(--border,#bbb);box-shadow:none}
#order-notice-reader .on-header,#order-notice-reader .on-footer{flex-shrink:0}
#order-notice-reader .on-footer [hidden]{display:none!important}
#order-notice-reader .on-browser{height:min(82dvh,740px)}
#order-notice-reader .on-browser .on-scroll{flex:1;min-height:0;outline-offset:-4px}
#order-notice-reader .on-tabs{position:relative;display:flex;flex-shrink:0;gap:10px;padding:14px 20px;overflow-x:auto;overscroll-behavior-x:contain;border-bottom:1px solid var(--border,#ddd);scrollbar-width:thin;scrollbar-color:var(--primary,#6350aa) transparent}
#order-notice-reader .on-tabs .on-tab{flex:0 0 auto;max-width:min(80vw,420px);margin:0;padding:9px 18px;min-height:42px;border-radius:999px;background:transparent!important;box-shadow:none!important;border:1px solid var(--border,#ddd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}
#order-notice-reader .on-tabs .on-tab[aria-selected=true]{background:linear-gradient(110deg,rgba(var(--primary-rgb,99,80,170),.22),rgba(var(--secondary-rgb,99,80,170),.16))!important;border-color:var(--primary,#6350aa);font-weight:700}
#order-notice-reader .on-tabs .on-tab:hover{border-color:var(--primary,#6350aa)}
#order-notice-reader .on-browser .on-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}
#order-notice-reader .on-browser .on-footer .on-meta{flex:1;min-width:140px}
#order-notice-reader .on-close{font-size:22px;flex-shrink:0}
#order-notice-reader .on-dialog,#order-notice-reader h2,#order-notice-reader p,#order-notice-reader .on-copy,#order-notice-reader .on-meta,#order-notice-reader label,#order-notice-reader strong,#order-notice-reader span,#order-notice-reader button{color:var(--text-primary,#222)!important;-webkit-text-fill-color:var(--text-primary,#222)!important;text-shadow:none!important;opacity:1;background-clip:border-box}
#order-notice-reader h2{background:none!important}
.order-records{margin-top:14px;border-top:1px solid var(--border,#ddd);font:inherit}
.order-records .on-record{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--text-primary,#222);font:inherit;font-size:13px;overflow-wrap:anywhere}
.order-records .on-record+.on-record{border-top:1px solid var(--border,#ddd)}
.order-records .on-record>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 0;box-sizing:border-box;list-style:none;cursor:pointer;font-size:13px;font-weight:500;line-height:1.6;color:var(--text-primary,#222)}
.order-records summary::-webkit-details-marker{display:none}
.order-records .on-record-hint{flex-shrink:0;font-size:12px;font-weight:400;color:var(--text-secondary,var(--text-muted,#666))}
.order-records .on-record-chevron{display:inline-block;margin-left:5px;transition:transform .15s}
.order-records details[open]>summary .on-record-chevron{transform:rotate(180deg)}
.order-records .on-record-body{padding:0 0 12px;font-size:13px;line-height:1.7}
.order-records dl{margin:0}.order-records dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:4px 0}
.order-records dt{color:var(--text-secondary,var(--text-muted,#666));font-weight:400}.order-records dd{margin:0;color:var(--text-primary,#222)}
.order-records summary,.order-records dt,.order-records dd,.order-records p{-webkit-text-fill-color:currentColor!important;text-shadow:none!important;}
.order-records p{margin:6px 0;color:var(--text-secondary,var(--text-muted,#666));font-size:12px;line-height:1.7}
.order-records .on-record .on-button{display:inline-block;width:auto;min-height:36px;padding:6px 0;margin:0;border:0;border-radius:0;background:none!important;box-shadow:none;font:inherit;font-size:13px;font-weight:500;color:var(--text-primary,#222)!important;-webkit-text-fill-color:currentColor!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.order-records summary:focus-visible{outline:2px solid var(--primary,#6350aa);outline-offset:2px;border-radius:4px}
@media(max-width:400px){#order-notice-reader{padding:8px}#order-notice-reader .on-header,#order-notice-reader .on-scroll,#order-notice-reader .on-footer{padding:14px}#order-notice-reader .on-tabs{padding:12px 14px;gap:8px}#order-notice-reader .on-tabs .on-tab{padding:8px 15px}.order-records dl>div{grid-template-columns:68px minmax(0,1fr);gap:8px}}