.privacy-panel,.privacy-settings{box-sizing:border-box;font-family:Outfit,system-ui,sans-serif;color:#26221e;background:#fffaf0;border:1px solid #c8baa6;box-shadow:0 5px 30px #28221a1a}
.privacy-panel{position:fixed;z-index:900;inset-inline-end:18px;inset-block-end:58px;max-width:440px;width:calc(100% - 36px);padding:20px;border-radius:10px;font-size:14px;line-height:1.55;max-height:60vh;overflow:auto;text-align:start}
.privacy-panel strong{font-size:17px}.privacy-panel p{margin:10px 0}.privacy-panel a{color:#8b3c17;text-decoration:underline}
.privacy-fields,.privacy-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.privacy-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.privacy-toggle input{accent-color:#a74821;width:18px;height:18px}
.privacy-actions button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #9b8266;border-radius:5px;background:#fffaf0;color:#342617;cursor:pointer}
.privacy-actions button:hover{background:#ede2d1}.privacy-settings{position:fixed;z-index:890;inset-inline-end:18px;inset-block-end:12px;border-radius:5px;font-size:12px;min-height:34px;padding:5px 10px;cursor:pointer}
.privacy-panel :focus-visible,.privacy-settings:focus-visible{outline:3px solid #a74821;outline-offset:3px}
.support-launcher,.support-panel{box-sizing:border-box;font-family:Outfit,system-ui,sans-serif;color:#26221e;background:#fffaf0;border:1px solid #c8baa6;box-shadow:0 5px 30px #28221a1a;text-align:start}
.support-launcher{position:fixed;z-index:890;inset-inline-start:18px;inset-block-end:12px;min-height:44px;padding:9px 16px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer}
.support-panel{position:fixed;z-index:905;inset-inline-start:18px;inset-block-end:66px;width:calc(100% - 36px);max-width:360px;max-height:60vh;overflow:auto;padding:20px;border-radius:10px;font-size:14px;line-height:1.55}
.support-panel strong{font-size:17px}.support-status{margin:10px 0}.support-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-actions button,.support-actions a{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #9b8266;border-radius:5px;color:inherit;background:transparent;cursor:pointer;text-decoration:none}.support-actions a{display:inline-flex;align-items:center}.support-actions button:hover,.support-actions a:hover,.support-launcher:hover{background:#ede2d1}
.support-launcher:focus-visible,.support-panel :focus-visible{outline:3px solid #a74821;outline-offset:3px}
@media(max-width:600px){.support-launcher{inset-inline-start:10px;inset-block-end:calc(12px + env(safe-area-inset-bottom,0px))}.support-panel{inset-inline-start:10px;inset-block-end:calc(66px + env(safe-area-inset-bottom,0px));max-height:55vh}}
@media(prefers-color-scheme:dark){.support-launcher,.support-panel{color:#ece3d5;background:#27231e;border-color:#756855}.support-actions button,.support-actions a{border-color:#97856b}.support-actions button:hover,.support-actions a:hover,.support-launcher:hover{background:#3a3229}}
.device-prompt{position:fixed;z-index:800;inset-inline:12px;inset-block-start:12px;padding:16px;background:var(--paper,#fffaf0);border:1px solid var(--line,#c8baa6);border-radius:8px;box-shadow:0 5px 30px #28221a1a;max-height:45vh;overflow:auto}.device-prompt p{margin:8px 0 12px}.device-prompt .btn{margin-inline-end:8px}
@media(max-width:600px){.privacy-settings{inset-inline-end:10px;inset-block-end:calc(70px + env(safe-area-inset-bottom,0px))}.privacy-panel{inset-block-end:calc(116px + env(safe-area-inset-bottom,0px));max-height:45vh}}
/* The public launcher replaces Tawk's minimized bubble. Keep public controls
   at the safe-area baseline; app navigation retains its own clearance. */
body:has(.support-launcher) .privacy-settings{inset-block-end:calc(12px + env(safe-area-inset-bottom,0px))}
body:has(.support-launcher) .privacy-panel{inset-block-end:calc(66px + env(safe-area-inset-bottom,0px))}
body[data-support-open="true"] .privacy-settings{visibility:hidden}
@media(prefers-reduced-motion:reduce){.privacy-panel,.privacy-settings{scroll-behavior:auto}}
.topbar-preferences{display:none;align-items:center;gap:6px;max-width:260px}.topbar-preferences select{width:auto;max-width:125px;min-height:36px}.shell[data-state="out"] .topbar-preferences{display:flex}
@media(max-width:1023px){.topbar-preferences{display:flex}.topbar-left{min-width:0}.topbar-preferences select{max-width:104px}.topbar-right{flex-shrink:0}}
@media(max-width:500px){.topbar-preferences select{max-width:86px;font-size:11px}.topbar-preferences{gap:3px}.topbar-left .kicker{display:none}.topbar-title{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Negative physical left positions create a horizontal scroll area in RTL. */
.skip{left:auto;right:auto;inset-inline-start:0}
.skip:not(:focus){width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.skip:focus{left:auto;right:auto;inset-inline-start:12px;inset-block-start:12px}

/* Keep consent controls above the app navigation at every tablet width. */
@media(max-width:1023px){
 body:has(.shell[data-state="in"]) .privacy-settings{inset-block-end:calc(76px + env(safe-area-inset-bottom,0px))}
 body:has(.shell[data-state="in"]) .privacy-panel{inset-block-end:calc(120px + env(safe-area-inset-bottom,0px))}
}