.app-shell {padding-bottom:calc(var(--footer-height,78px) + 36px)}
.app-footer {position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 52px);max-width:1748px;z-index:35;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0;padding:12px 16px;border:1px solid #c9ded6;border-radius:16px;background:#f5faf8f5;backdrop-filter:blur(12px);box-shadow:0 -4px 24px #173f3514}
.app-footer .footer-back {grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid #0e7265;background:#0e7265;color:white;border-radius:999px;padding:12px 19px;white-space:nowrap;font-size:12px;font-weight:650;text-decoration:none;box-shadow:0 3px 10px #0e726526}
.app-footer nav {grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;margin:0;padding:3px 0;min-width:0}
.app-footer nav a,.app-footer nav button {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;border:1px solid #cedfd8;border-radius:999px;background:white;color:#315e52;padding:10px 14px;font-size:11px;font-weight:550;text-decoration:none;cursor:pointer}
.app-footer nav a:hover,.app-footer nav button:hover {background:#e4f2eb;border-color:#80af9d}
.app-footer .footer-back:hover {background:#095d52}
.app-footer a:focus-visible,.app-footer button:focus-visible {outline:3px solid #5db99d;outline-offset:2px}
@media(max-width:760px) {.app-footer {width:calc(100% - 20px);bottom:8px;padding:8px;gap:9px;border-radius:13px}.app-footer .footer-back {font-size:11px;padding:11px 13px}.app-footer nav a,.app-footer nav button {padding:10px 12px}}
@media print {.app-footer {display:none}.app-shell {padding-bottom:0}}