*{box-sizing:border-box}body{margin:0;font:16px/1.5 'Open Sans',sans-serif;color:#252626;background:#f4f6f8}header{height:76px;background:#151517;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{font-size:30px;font-weight:800;letter-spacing:2px}.brand span{font-size:13px;font-weight:500;letter-spacing:2px;border-left:1px solid #58606a;margin-left:22px;padding-left:22px}.by{font-size:14px;color:#ced4dc}main{display:grid;grid-template-columns:370px 1fr;height:calc(100vh - 76px);min-height:850px}aside{background:white;padding:26px 26px 16px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #ddd}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#ae3417}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.15;margin:10px 0}h1 span{color:#ae3417}.intro{font-size:14px;color:#66707c;margin:0 0 18px}.stats{display:flex;justify-content:space-between;border-top:1px solid #e2e6ea;border-bottom:1px solid #e2e6ea;padding:14px 0;margin-bottom:18px}.stats b{display:block;font-size:26px}.stats span{font-size:12px;color:#65707d}.stats .red b{color:#c62d39}label{font-size:14px;font-weight:600;margin-bottom:5px}input,select,button{font:inherit}input[type=search],select{width:100%;border:1px solid #cdd3da;background:white;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:14px;color:#252626}button{cursor:pointer;border:1px solid #ced3da;border-radius:7px;background:white;padding:7px 12px;font-size:14px}button:hover{background:#edf1f5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2986c9;outline-offset:2px}.listhead{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:5px 0 10px}#records{overflow:auto;flex:1;min-height:120px}.record{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #e4e8ec;border-radius:0;padding:12px 8px}.record strong{display:block;font-size:14px}.record small{display:block;color:#64707d;font-size:12px;margin-top:4px}.record.missing{border-left:3px solid #c62d39;background:#fff4f4;margin-bottom:5px}.record.missing strong{color:#a31e2a}.source{font-size:12px;color:#69737f;padding-top:15px}.canvas{position:relative;overflow:hidden}#map{position:absolute;inset:0;background:#e9eef1}.maptop{position:absolute;z-index:700;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.maptop div{padding:13px 18px;background:#fffffff2;border-radius:10px;box-shadow:0 3px 20px #1c273311}.maptop strong{display:block}.maptop span{display:block;font-size:13px;color:#64707d}.maptop button{pointer-events:auto;align-self:start;padding:12px 18px}.legend{position:absolute;bottom:100px;left:22px;right:22px;z-index:700;display:flex;align-items:center;gap:18px;padding:13px 18px;background:#fffffff5;border-radius:10px;flex-wrap:wrap;box-shadow:0 3px 20px #1c273311}.legend span{font-size:13px;display:flex;gap:7px;align-items:center}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.dealer{background:#14808f}.bodyshop{background:#ae3417}.missing{background:#c62d39}.legend label{margin:0;font-size:13px;font-weight:400;display:flex;gap:7px;align-items:center}.mapnote{position:absolute;bottom:23px;left:22px;right:22px;z-index:700;background:#fffffff2;padding:10px 14px;font-size:12px;border-radius:8px;color:#535e6b}#detail{position:absolute;top:112px;right:22px;width:300px;z-index:700;background:white;padding:20px;border-radius:12px;box-shadow:0 6px 30px #1b2b3920;max-height:45%;overflow:auto}#detail p{font-size:14px;color:#606c78;margin-bottom:0}#detail .tag{font-size:12px;color:#ae3417;letter-spacing:1px;margin-bottom:8px}#detail ul{padding-left:18px;font-size:14px}#detail h2{font-size:20px;line-height:1.3;margin:7px 0}.leaflet-control-zoom{margin-top:115px!important;margin-left:22px!important}.leaflet-popup-content{font-size:14px}.leaflet-control-attribution{font-size:10px!important}
#map .leaflet-tile-pane{filter:grayscale(1) contrast(.72) brightness(1.16)}
@media(max-width:1000px){main{grid-template-columns:320px 1fr}aside{padding:20px}#detail{width:250px}.legend{gap:10px;bottom:115px}.mapnote{font-size:11px}}
@media(max-width:720px){header{height:64px;padding:0 18px}.brand{font-size:25px}.brand span{font-size:10px;margin-left:12px;padding-left:12px}.by{display:none}main{height:auto;display:flex;flex-direction:column}aside{height:650px;order:2}.canvas{height:650px;order:1}.maptop{top:12px;left:12px;right:12px}#detail{top:103px;right:12px;width:210px;max-height:230px;padding:14px}.legend{left:12px;right:12px;bottom:116px}.mapnote{left:12px;right:12px;bottom:22px}}

.brand{display:flex;align-items:center;letter-spacing:normal}.brand img{width:210px;max-height:48px}.by{display:flex;align-items:center;gap:12px;color:white}.by img{width:100px;max-height:36px;filter:brightness(0) invert(1)}.by a{color:white;margin-left:16px;font-size:14px}
@media(max-width:720px){.brand img{width:155px}.by{display:flex;gap:7px}.by img{width:66px}.by span,.by a{font-size:12px}.by a{margin-left:5px}}
.postcode-search{border-bottom:1px solid #ddd;padding-bottom:14px;margin-bottom:14px}.postcode-search label{display:block}.postcode-row{display:flex;gap:8px}.postcode-row input{width:100%;min-width:0;border:1px solid #cdd3da;border-radius:6px;padding:10px;font-size:14px;text-transform:uppercase;color:#252626}.postcode-row input::placeholder{text-transform:none}.postcode-row button{background:#ae3417;color:white;border-color:#ae3417}.postcode-row button:disabled{opacity:.6;cursor:wait}#postcodeStatus{font-size:13px;line-height:1.4;color:#596161;margin:7px 0 0}.nearest-result{border-left:3px solid #14808f}.nearest-result small{font-size:13px}.leaflet-container{font-family:'Open Sans',sans-serif}#detail .distance-note{font-size:13px}input[type=checkbox]{accent-color:#ae3417}
@media(max-width:720px){aside{height:840px}.by{display:flex}}

.territory-controls{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;margin-bottom:10px}.territory-toggle{display:flex;gap:8px;align-items:center;cursor:pointer}.territory-toggle input{width:17px;height:17px}#territoryOptions{padding-top:8px}#territoryOptions label{display:block}#territoryOptions select{margin-bottom:7px}.territory-help,#territoryStatus{font-size:12px;line-height:1.4;margin:5px 0;color:#596161}#territoryStatus{font-weight:600}.territory-key{max-width:270px;max-height:240px;overflow:auto}.territory-key ul{margin:6px 0;padding-left:18px}aside{overflow:auto}#records{flex:1 0 120px}.territory-controls [hidden]{display:none}#detail button{margin-top:14px;color:#ae3417}
@media(max-width:720px){aside{height:auto;max-height:none}#records{max-height:320px}}

.territory-colour-key{display:grid;gap:7px;max-height:180px;overflow:auto;margin:12px 0;font-size:14px}.territory-colour-key>div{display:flex;align-items:center;gap:8px}.territory-swatch{display:inline-block;width:13px;height:13px;flex:0 0 13px;border-radius:3px;border:1px solid #0003;vertical-align:middle}.territory-key .territory-swatch{margin-right:7px}

.feature-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#edf2f4;border:1px solid #d6e1e5;padding:4px;border-radius:6px;margin-bottom:20px;flex-shrink:0}.feature-nav a{display:block;text-align:center;text-decoration:none;font-size:13px;font-weight:600;color:#315563;padding:10px 5px;border-radius:4px;line-height:1.4}.feature-nav a[aria-current=page]{background:#147f8e;color:#fff}.feature-nav a:hover{background:#d5e6eb}.feature-nav a[aria-current=page]:hover{background:#106b79}.feature-nav a:focus-visible{outline:3px solid #2986c9;outline-offset:2px}:root[data-theme=dark] .feature-nav{background:#26323b;border-color:#50636c}:root[data-theme=dark] .feature-nav a{color:#e6eff3}:root[data-theme=dark] .feature-nav a:hover{background:#41515c}

.territory-overlap-swatch{background:repeating-linear-gradient(135deg,#c6d4d4 0 4px,#547477 4px 5.5px,#c6d4d4 5.5px 8px)}
#allSupplierTerritories{width:100%;margin:8px 0;white-space:normal}#detailAllTerritories{display:block;margin-top:10px;white-space:normal}#detailAllTerritories[hidden],#allSupplierTerritories[hidden]{display:none}
