/* StoreDesk visual refresh v9. Presentation-only: no payment, print, or workflow logic. */
:root{--sd-ink:#122944;--sd-navy:#0a284b;--sd-blue:#0875d1;--sd-border:#dbe5ef;--sd-soft:#edf3f9;--sd-shadow:0 6px 24px rgba(16,45,77,.055)}
html{font-size:15px}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background:#edf3f9!important;color:var(--sd-ink)!important}
.topbar{background:#09284b!important;color:#fff!important;min-height:60px!important;height:auto!important;padding:10px 23px!important;border-bottom:1px solid #224767!important;box-shadow:0 2px 8px #071b3020}
.topbar .brand{color:#fff!important;font-size:21px!important;font-weight:750!important;letter-spacing:-.35px}
.topbar .top-right{color:#eaf2fb!important}.topbar .top-right .btn{background:#fff!important;color:#123353!important;border-color:#dce6f1!important}
.top-search{height:38px!important;border-radius:9px!important;border-color:#d3dfec!important;max-width:330px!important;width:28vw!important}
.shell{min-height:calc(100vh - 60px)!important}.sidebar{width:120px!important;background:#0b294c!important;border-right:1px solid #234362!important}
.sidebar .navlink{min-height:91px!important;height:auto!important;padding:13px 7px!important;gap:8px!important;border-bottom:1px solid #234463!important;font-size:14px!important;font-weight:650!important;line-height:1.25!important;transition:background .16s ease,color .16s ease!important}
.sidebar .navicon{font-size:29px!important;line-height:1.1!important;color:#e0edfc!important}.sidebar .navlink:hover{background:#19476f!important;color:#fff!important}.sidebar .navlink.active{background:#0d76d2!important;color:#fff!important;box-shadow:inset 4px 0 #9ed2ff!important;border-radius:0 9px 9px 0!important}
.content{padding:24px 25px 40px!important;min-width:0!important}.content>.pagehead{margin-bottom:22px!important;align-items:center!important}.content>.pagehead h1{font-size:25px!important;font-weight:750!important;letter-spacing:-.6px!important;color:#0e2e51!important;margin:0!important}
.content .pagehead h1,.content h2,.content h3{letter-spacing:-.3px}.content h2{color:#10365c}.muted{color:#65798e!important}
.panel,.summary,.searchbox,.tablewrap,.sd-settings-sidebar,.loginwrap{border:1px solid var(--sd-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--sd-shadow)!important}
.panel{padding:20px!important}.searchbox{padding:17px!important}.summary{padding:18px!important}.activity{background:#f0f5fa!important;border-radius:10px!important}
.field,.btn,.store-select,select,textarea{border-radius:8px!important}.field,.store-select{border-color:#cad8e7!important;min-height:39px!important;background-color:#fff!important;color:#173451!important}
.btn{padding:10px 14px!important;font-weight:650!important;border-color:#c9d8e7!important;transition:background .15s,border-color .15s,box-shadow .15s!important}.btn:hover{box-shadow:0 2px 9px #0c39601b!important}.btn.primary{background:#0c77d4!important;border-color:#0c77d4!important;color:#fff!important}.btn.green{background:#079f65!important;border-color:#079f65!important;color:#fff!important}.btn.yellow{background:#ffdf6a!important;border-color:#e9c75d!important;color:#2e343a!important}
.field:focus-visible,.btn:focus-visible,.navlink:focus-visible,.tile:focus-visible,.sd-settings-link:focus-visible{outline:3px solid #73b9f4!important;outline-offset:2px!important}
.tablewrap{overflow:auto!important}table{font-size:13px!important}th{background:#eaf2fa!important;color:#123a62!important;font-weight:750!important}th,td{border-color:#e0e7ef!important;padding:11px 10px!important}tbody tr:nth-child(even){background:#f7faff!important}tbody tr:hover{background:#f0f7ff!important}
.filters{gap:12px!important;margin-bottom:16px!important}.tiles{gap:15px!important;margin:0 0 22px!important}.tile{width:142px!important;min-height:124px!important;height:auto!important;background:#fff!important;color:#173b61!important;border:1px solid #dbe6f2!important;border-radius:13px!important;box-shadow:var(--sd-shadow)!important;gap:10px!important;padding:16px 12px!important;font-weight:700!important;transition:transform .15s,box-shadow .15s,background .15s!important}.tile:hover{background:#f5faff!important;transform:translateY(-2px)!important;box-shadow:0 9px 22px #0a2d5318!important}.tileicon{font-size:30px!important;color:#0875d1!important}.tiletext{font-size:14px!important;line-height:1.25!important}
.notice{background:#fff9e9!important;border:1px solid #f0dfae!important;border-radius:9px!important;padding:14px 16px!important}.loginwrap{max-width:465px!important;padding:32px!important}.loginwrap input{border-radius:8px!important;border-color:#ccd9e7!important}
.sd-settings{grid-template-columns:225px minmax(0,1fr)!important;gap:18px!important}.sd-settings-sidebar{padding:15px!important}.sd-settings-link{border-radius:8px!important;padding:11px 13px!important;font-size:14px!important}.sd-settings-link:hover{background:#edf5fd!important}.sd-settings-group{font-weight:750!important;color:#134c80!important}
.register-customer-panel{border-color:#e0e8f1!important;border-radius:10px!important}.register-item-head{background:#eaf2fa!important}
/* Repair ticket-specific styles are intentionally preserved; only the shared navigation changes. */
body.sd-navy-repair .content{padding:19px 22px 32px!important}
@media(max-width:1000px){.sidebar{width:102px!important}.sidebar .navlink{font-size:13px!important;min-height:82px!important}.sidebar .navicon{font-size:25px!important}.content{padding:18px!important}.sd-settings{grid-template-columns:195px minmax(0,1fr)!important}}
@media(max-width:700px){.sidebar{width:79px!important}.sidebar .navlink{font-size:11px!important;min-height:74px!important;padding:10px 3px!important}.sidebar .navicon{font-size:23px!important}.content{padding:12px!important}.content>.pagehead h1{font-size:21px!important}.tile{width:calc(50% - 8px)!important;min-height:108px!important}.sd-settings{grid-template-columns:1fr!important}.topbar{padding:9px 12px!important}.topbar .brand{font-size:16px!important}.topbar .top-right{font-size:12px!important}.filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.sidebar{width:67px!important}.sidebar .navlink{font-size:10px!important}.sidebar .navicon{font-size:21px!important}.content{padding:9px!important}.panel{padding:12px!important}}