/* IVCargo-like look: light-blue header, blue menu bar, blue panel titles */
:root{--top:#7fd3ef;--bar:#4466aa;--head:#1a6fb5;--bg:#f4f6fa;--line:#c9d6e3;--sec:#eef3f8;--th:#f3dede}
body{background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#222}
.ivtest{background:#d0202a;color:#fff;text-align:center;font-weight:700;font-size:12px;padding:2px;letter-spacing:.06em}
.ivtop{background:var(--top);display:flex;align-items:center;gap:14px;padding:6px 18px;flex-wrap:wrap}
.ivtop img{height:44px;background:#fff;border-radius:4px;padding:2px}
.ivwel{flex:1;text-align:center;min-width:220px}.ivwel b{color:#0b6b2c;font-size:16px}.ivwel div{color:#1a3fd0;font-size:14px}
.ivbranch select{min-width:160px}
.ivout{background:#e04b3c;color:#fff;border:0;border-radius:4px;padding:6px 14px}
.ivbar{background:var(--bar);padding:0 14px;display:flex;align-items:center;flex-wrap:wrap}
.ivbar>a,.ivbar>span,.ivbar .dropdown>a{color:#fff;font-weight:700;padding:11px 10px;display:inline-block;text-decoration:none}
.ivbar>span.off{opacity:.55;cursor:default}
.ivbar .dropdown-menu{max-height:75vh;overflow:auto;font-size:13px}
.dropdown-item.off{color:#aaa;cursor:default}.dropdown-item.off:after{content:" (soon)";font-size:11px}
.dropdown-item.sub{padding-left:2.2rem}.dropdown-header{font-weight:700;color:#1a6fb5}
.ivkeys{margin-left:auto;color:#fff;font-weight:700;font-size:13px}.ivkeys span{padding:2px 5px;border-radius:3px;margin:0 2px 0 8px}
.k7{background:#1d6fb8}.k8{background:#e46b6b}.k9{background:#4fa3b8}.km{background:#f0a23a}
.ivpanel{background:#fff;border:1px solid var(--line);border-radius:3px;margin:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ivhead{background:var(--head);color:#fff;font-weight:700;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ivhead a{color:#fff}.ivhead a.btn-light{color:#1a6fb5;font-weight:700}.ivbody{padding:10px 14px}
.ivsec{background:var(--sec);font-weight:700;padding:5px 10px;margin:8px 0 6px}
.form-control,.custom-select{font-size:13px}
.req{color:#e00;font-weight:700}
.ivbtn{background:#2b8de3;color:#fff;border:0;border-radius:4px;padding:7px 22px;box-shadow:0 3px 0 #1d6fb8}
.ivbtn:hover{opacity:.92;color:#fff;text-decoration:none}
table.ivt{width:100%;font-size:13px}table.ivt th{background:var(--th);border:1px solid #e3c9c9;padding:6px;text-align:center}
table.ivt td{border:1px solid #e6e6e6;padding:5px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.tile{background:#fff;border:1px solid var(--line);border-radius:4px;padding:14px}.tile b{font-size:26px;display:block;color:var(--head)}
@media (max-width:700px){.ivkeys{display:none}.ivpanel{margin:8px}}
.cfm{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}
.cfm-box{background:#fff;border-radius:6px;padding:20px 22px;max-width:420px;width:100%;font-size:16px;font-weight:700}
[hidden]{display:none!important}
.ok-strip{background:#e8f6ec;border:1px solid #9fd3ad;border-radius:4px;padding:8px 12px;margin:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lrtype{display:flex;gap:6px;flex-wrap:wrap}.lrtype button{border:0;border-radius:4px;padding:6px 14px;font-weight:700;color:#fff;opacity:.5}
.lrtype button.on{opacity:1;box-shadow:0 0 0 3px rgba(0,0,0,.15)}
.chg td{padding:4px 6px;font-weight:700}.chg input{text-align:right;max-width:150px}
.num{text-align:right}
@media (max-width:700px){.chg input{max-width:none}.hide-sm{display:none}}