/* Scoped contrast fix: the settings surface is navy, regardless of document theme. */
#popSettings .pop-menu button{color:#f5f7ff;background:transparent;min-height:46px}
#popSettings .pop-menu button small{color:#c6cce1}
#popSettings .pop-menu button:hover,#popSettings .pop-menu button:focus-visible{background:#30345b;color:#fff}
#popSettings .pop-head{color:#d8e3ff}
#popSettings{max-height:calc(100dvh - 32px);overflow:auto}
#vieworder{overflow:auto;background:#f5f6fa;color:#182238}
.po-wrap{max-width:1250px;margin:auto;padding:28px;box-sizing:border-box}
.po-wrap *{box-sizing:border-box}.po-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.po-hero img{width:155px;height:auto}.po-hero h2{font-size:30px;margin:6px 0;color:#10133d}.po-hero p{margin:4px 0;color:#53617a;max-width:680px}.po-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.po-wrap button,.po-wrap a.po-button{border:1px solid #c7cedd;border-radius:8px;background:#fff;color:#202747;font:600 13px/1.4 system-ui;padding:10px 14px;cursor:pointer;text-decoration:none}.po-wrap button.po-primary{background:#17164a;color:#fff;border-color:#17164a}.po-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.po-stat{padding:18px;background:#fff;border:1px solid #dbe0e9;border-radius:12px}.po-stat span{display:block;color:#58657a;font-size:12px}.po-stat strong{display:block;font-size:24px;color:#161a43;margin:6px 0}.po-stat small{color:#657089}.po-panel{padding:20px;background:#fff;border:1px solid #dbe0e9;border-radius:12px;margin:18px 0}.po-panel h3{font-size:17px;color:#182238;margin:0 0 14px}.po-note{font-size:13px;line-height:1.6;color:#56637b}.po-warning{padding:12px 16px;background:#fff7e6;color:#714c0f;border-radius:8px;font-size:13px;line-height:1.5;margin:16px 0}.po-table{width:100%;border-collapse:collapse;font-size:13px;color:#26324a}.po-table th,.po-table td{padding:12px 9px;text-align:right;border-bottom:1px solid #e2e6ed;white-space:nowrap}.po-table th:first-child,.po-table td:first-child{text-align:left}.po-table th{background:#f4f6fa;color:#53617a}.po-scroll{overflow-x:auto}.po-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.po-fields label{display:block;font-size:12px;font-weight:600;color:#35445b}.po-wrap input,.po-wrap select{display:block;width:100%;min-width:0;background:#fff;color:#182238;border:1px solid #bdc7d7;border-radius:6px;padding:9px;font:14px system-ui;margin-top:5px}.po-table input{width:100px;margin:0 0 0 auto}.po-wrap summary{cursor:pointer;font-weight:600;color:#283954}.po-error{color:#a02028;padding:12px;background:#fff2f3}.po-source{font-size:12px;color:#627089}.po-breakdown{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:14px}.po-breakdown b{text-align:right}.po-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.po-share{border:0;border-radius:14px;padding:26px;width:min(540px,calc(100vw - 32px));box-shadow:0 20px 80px #0005;background:white;color:#182238}.po-share::backdrop{background:#10133088}.po-share h2{margin:0 0 10px}.po-share p{font-size:14px;line-height:1.6;color:#53617a}.po-share button{padding:11px 15px;margin:5px;border:1px solid #ccd3de;border-radius:7px;background:#f5f7fa;color:#17203a;cursor:pointer}.po-share input{width:100%;padding:10px;color:#17203a;background:#fff;border:1px solid #ccd3de}.po-share .po-close{float:right}.po-share [role=status]{font-size:13px;margin-top:12px}
@media(max-width:850px){.po-grid,.po-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.po-hero{align-items:flex-start;flex-direction:column}.po-wrap{padding:18px}.po-stat strong{font-size:21px}}
@media(max-width:460px){.po-fields{grid-template-columns:1fr}.po-grid{grid-template-columns:1fr}.po-wrap{padding:12px}}
@media print{.po-actions,.po-fields,.po-links{display:none}.po-wrap{padding:0}.po-panel{break-inside:avoid}}