.pwa-tools{margin:0 0 14px;width:100%;justify-content:center}.pwa-login{margin-top:22px;width:100%}.pwa-brand{display:flex;gap:16px;align-items:center}.pwa-brand img{width:70px;height:70px;border-radius:18px}.pwa-brand strong{font-size:23px;color:var(--green)}.pwa-brand small{display:block;margin-top:6px;color:var(--muted)}.pwa-content{display:grid;gap:18px}.pwa-content section{border-top:1px solid var(--line);padding-top:18px}.pwa-content h3{font-size:17px}.pwa-content p,.pwa-content li{font-size:13px;line-height:1.7}.pwa-content ol{padding-left:22px}.pwa-content details{margin:14px 0}.pwa-content summary{cursor:pointer;font-weight:600;color:var(--green);min-height:36px}.pwa-content .actions{flex-wrap:wrap}#pwa-message{padding:13px;background:#f5e9ec;border-radius:10px;margin:0}.pwa-offline-module{background:#fbf8f9;border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0}.boot{min-height:100vh;min-height:100dvh;padding:max(30px,env(safe-area-inset-top)) 24px max(30px,env(safe-area-inset-bottom))}.boot img{width:112px;height:112px;border-radius:50%}.boot strong{display:block;color:var(--green);font-size:25px}.boot small{font-size:13px;color:var(--muted)}.boot noscript{max-width:400px;line-height:1.6}.pwa-launch-line{width:130px;height:3px;background:linear-gradient(90deg,#d6b5bc,#de8b9d,#d6b5bc);margin:22px auto;border-radius:10px}.login{min-height:100dvh}#pwa-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}.pwa-content .btn{min-height:44px}
@media(min-width:851px){body.nav-collapsed .pwa-tools{padding:10px;width:44px;height:44px;margin-inline:auto}body.nav-collapsed .pwa-tools span{display:none}}
@media(max-width:850px){.topbar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.sidebar{padding-top:max(14px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left))}main#main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.login-content{padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.pwa-tools{min-height:44px;margin-bottom:8px}#toast{bottom:max(16px,env(safe-area-inset-bottom))}dialog{scroll-padding-block:20px}.modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(pointer:coarse){input,select,textarea{font-size:16px!important}button,.btn,.icon-button{min-height:44px}button.icon-button{min-width:44px}.toolbar select{max-width:100%}input[type=checkbox]{min-height:22px;min-width:22px}.nav-item{min-height:46px}}
@media(display-mode:standalone){body{overscroll-behavior-y:contain}.login-content{padding-top:max(35px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){.pwa-launch-line{animation:none}}
@media print{#pwa-update,.pwa-tools,.pwa-login{display:none!important}}
.pwa-settings-card{max-width:850px;margin-inline:auto}.pwa-settings-body{padding:0 24px 24px}.pwa-version-state{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft,#f4f7f1)}.pwa-state-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:var(--surface,#fff);color:#52705b;font-size:24px}.pwa-version-state h3{margin:0 0 7px;font-size:18px;line-height:1.4}.pwa-version-state p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.pwa-version-state.is-available{background:var(--settings-soft,#edf3e9)}.pwa-version-state.is-error .pwa-state-icon{color:#8a682c}.pwa-version-facts{display:flex;gap:26px;flex-wrap:wrap;margin:20px 0}.pwa-version-facts>div{display:grid;gap:6px}.pwa-version-facts dt{font-size:11px;color:var(--muted)}.pwa-version-facts dd{margin:0;font-size:15px;font-weight:600}.pwa-version-actions{display:flex;flex-wrap:wrap;gap:10px}.pwa-version-actions .btn{min-height:44px}.pwa-action-message{font-size:12px;line-height:1.7;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft,#f4f7f1);margin:16px 0}.pwa-action-message[hidden]{display:none}.pwa-update-note{font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0 16px}.pwa-device-section{border-top:1px solid var(--line);padding-top:12px}.pwa-content .pwa-device-section{margin:0}.pwa-content .pwa-device-section>summary{font-size:13px;color:var(--ink);align-content:center;min-height:44px}.pwa-device-section .pwa-brand{margin:16px 0}.pwa-device-section .pwa-brand strong{font-size:20px}.pwa-device-section .pwa-brand img{width:52px;height:52px;border-radius:14px}.pwa-content .pwa-offline-module{background:var(--surface-soft,#f4f7f1)}.pwa-has-update{position:relative}.pwa-has-update:after{content:'';position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#65876b;box-shadow:0 0 0 2px var(--surface,#fff)}
@media(max-width:650px){.pwa-settings-body{padding:0 17px 18px}.pwa-version-state{padding:15px;gap:11px}.pwa-state-icon{width:34px;height:34px;flex-basis:34px;font-size:21px}.pwa-version-state h3{font-size:16px}.pwa-version-facts{gap:22px}.pwa-version-actions{display:grid;grid-template-columns:1fr}.pwa-version-actions .btn{justify-content:center}.pwa-settings-body>.btn{width:100%;justify-content:center;white-space:normal;min-height:44px}#pwa-dialog .pwa-version-state{padding:13px}.pwa-content{gap:14px}}
@media screen{html[data-theme=dark] .pwa-state-icon{background:var(--surface-raised,#1a1a1a);color:#b8cfb8}html[data-theme=dark] .pwa-version-state.is-available{background:#233329}html[data-theme=dark] .pwa-has-update:after{background:#b8cfb8}}