*{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}dialog{color:var(--ink)!important}dialog::backdrop{backdrop-filter:blur(3px)}.pwa-install[hidden]{display:none!important}
@media(max-width:768px){html{scroll-padding-bottom:100px}body{min-width:0}aside{position:static!important;width:auto!important;padding:18px 18px 14px!important;padding-top:max(18px,env(safe-area-inset-top))!important}aside .brand{font-size:21px}aside .sidebar-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0002}aside a.nav-link{flex-direction:column;gap:4px!important;padding:9px 3px!important;min-height:56px;font-size:11px!important;border-radius:9px}aside a.nav-link svg{width:22px!important;height:22px!important}aside .nav-arrow{display:none}aside .tag,aside .aside-note{display:none}main{margin:0!important;padding:22px 16px calc(110px + env(safe-area-inset-bottom))!important;max-width:100%!important}h1{font-size:28px!important;letter-spacing:-.8px!important;overflow-wrap:anywhere}.top{flex-direction:column;align-items:stretch!important;gap:12px}.top>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.status{margin:0;text-align:left;font-size:11px}.btn,.decision-btn,.archive-btn,.delete-btn,button.signout{min-height:44px;padding:12px 14px!important}input:not([type=checkbox]),select,textarea{font-size:16px!important;max-width:100%;min-height:44px}input[type=checkbox]{width:22px!important;height:22px!important;flex-shrink:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:20px 0!important}.stats .stat:last-child:nth-child(odd){grid-column:1/-1}.stat{padding:16px!important}.value{font-size:26px!important}.sectionhead{padding:16px!important;gap:12px;flex-wrap:wrap;align-items:center}.sectionhead h2{font-size:17px}.sectionhead .pill{max-width:100%;white-space:normal}.table-wrap{overflow:visible}table{white-space:normal!important;table-layout:fixed}table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}table,tbody,tr,td{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}tbody{padding:10px}tr{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:6px 14px;margin-bottom:12px}tr:last-child{margin-bottom:0}td{padding:10px 0!important;border-top:1px solid var(--border)!important;overflow-wrap:anywhere}td:first-child{border-top:0!important}td::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:650;margin-bottom:7px}td:empty{display:none!important}td input:not([type=checkbox]),td select{width:100%!important}.decision-actions{display:flex;flex-wrap:wrap;gap:8px}.detail{grid-template-columns:1fr!important;gap:16px!important}.detail img{max-height:320px!important}.copy{padding:18px!important}.grid{grid-template-columns:1fr!important;gap:14px!important}.product-group .grid{padding:0 14px 14px!important}.product-group summary{padding:16px!important;font-size:16px}.card img{height:200px}.settings-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.settings-panel{padding:18px!important;min-width:0}.settings-panel form{grid-template-columns:1fr!important}.filters{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:8px}.filters select{width:100%}.helper{padding:16px!important;flex-wrap:wrap;gap:6px}.detail-panel{padding:18px!important}.breakdown{grid-template-columns:1fr!important}.account-row,.credential-row{flex-wrap:wrap;gap:10px!important}.account-row>*{overflow-wrap:anywhere}.foot{font-size:11px;line-height:1.6}dialog{width:calc(100% - 24px)!important;max-height:85dvh!important;padding:20px!important}dialog form>div:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}