:root{color-scheme:light;font-family:system-ui,sans-serif;color:#172b3a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header{background:white;border-bottom:1px solid #dce3e8;padding:1rem 5%;display:flex;gap:1rem;align-items:center;justify-content:space-between}.brand{font-weight:750;font-size:1.25rem;text-decoration:none}nav{display:flex;gap:.6rem}main{width:min(960px,90%);margin:3rem auto;flex:1}.card{background:white;border:1px solid #dce3e8;border-radius:14px;padding:clamp(1rem,4vw,2.5rem);line-height:1.65}.narrow{max-width:440px;margin:auto}h1{line-height:1.2;font-size:clamp(1.7rem,4vw,2.2rem)}h2{font-size:1.15rem;margin-top:1.7rem}.eyebrow{color:#5b6e7c;font-weight:600}a{color:#2e4599}button,input{font:inherit}button{border:1px solid #bdcbd5;border-radius:7px;background:white;padding:.6rem .9rem;cursor:pointer}.primary{background:#2e4599;color:white;border-color:#2e4599;width:100%}input:not([type=hidden]){display:block;width:100%;padding:.65rem;border:1px solid #a9bac6;border-radius:6px}footer{padding:1.5rem;text-align:center;font-size:.85rem}.errorlist{color:#a21c28}:focus-visible{outline:3px solid #dc8a24;outline-offset:3px}@media(max-width:480px){header{align-items:flex-start;flex-wrap:wrap}main{margin:1.5rem auto}}
/* Customers module: lists, forms and record pages */
main{width:min(1100px,92%)}.card+.card{margin-top:1.2rem}.subnav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.title-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}.button{display:inline-block;border:1px solid #bdcbd5;border-radius:7px;padding:.5rem .85rem;text-decoration:none;background:white}.primary-link{background:#2e4599;color:white;border-color:#2e4599}select,textarea{font:inherit;display:block;width:100%;padding:.6rem;border:1px solid #a9bac6;border-radius:6px;background:white}input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin-right:.4rem}input:disabled{background:#eef1f3;color:#8797a3}.record-form p{margin:.9rem 0}.record-form label{font-weight:600}.helptext{display:block;color:#5b6e7c;font-size:.85rem}.actions{display:flex;gap:1rem;align-items:center}.actions .primary{width:auto}.filters{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin:1rem 0}.filters label{flex:1 1 180px}.filters .check{flex:0 0 auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #e3e8ec;vertical-align:top}.warning{background:#fff4e0;border:1px solid #e9b44c;border-radius:7px;padding:.6rem .8rem}.notice{background:#e8f2f8;border-radius:7px;padding:.6rem .8rem}.badge{display:inline-block;font-size:.75rem;border-radius:99px;padding:.1rem .5rem;background:#e8f2f8}.badge.danger{background:#a21c28;color:white}.badge.muted{background:#eef1f3;color:#5b6e7c}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0}dt{color:#5b6e7c}dd{margin:0}.item{border-top:1px solid #e3e8ec;padding-top:.5rem}.item h3{margin:.4rem 0;font-size:1rem}.item p{margin:.3rem 0}.changes{margin:0;padding-left:1rem}ul.errorlist{padding-left:1rem;margin:.2rem 0}
/* Pak-Man logo in the page header (brand blue #2e4599 comes from the logo) */
.brand{display:flex;align-items:center;gap:.6rem;color:#2e4599}.brand img{height:38px;width:auto;display:block}
/* Products module: lookup pages */
.swatch{display:inline-block;width:1.4rem;height:1rem;border-radius:3px;vertical-align:middle;border:1px solid rgba(0,0,0,.2)}
