/* Feedback uses AUXE's approved porcelain surfaces and icy-blue keys.
   The mobile workout action area reserves a column for its 44 px target.
   Other screens place the tab clear of visible controls where space allows.
   It is hidden while a logging sheet is open (easy-log.css). */
#auxeFeedbackTab{position:fixed;z-index:2147483646;right:env(safe-area-inset-right,0px);top:calc(50dvh - 48px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:96px;margin:0;padding:12px 4px 12px 18px;border:1px solid #ffffffc0;border-right:0;border-radius:16px 0 0 16px;background:#A7CFF2;color:#173e61;box-shadow:inset 1px 2px 3px #ffffff80,-2px 3px 12px #173e6117;font:600 var(--ui-meta,14px)/1 Sora,system-ui,sans-serif;writing-mode:vertical-rl;text-decoration:none;letter-spacing:.3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#auxeFeedbackTab:focus-visible,.afb-backup:focus-visible,.feedback-page-back:focus-visible{outline:2px solid #2f6a9a;outline-offset:3px}
.afb-backup{display:block;margin-top:16px;color:#46647d;font-size:var(--ui-meta,14px);text-underline-offset:3px;min-height:44px;align-content:center}
.feedback-page{margin:0;padding:24px 12px calc(24px + env(safe-area-inset-bottom,0px));background:#F6F6F3;color:#173e61;font:400 14px/1.55 Sora,system-ui,sans-serif}
.feedback-page main{max-width:480px;margin:0 auto}
.feedback-page-back{display:inline-flex;align-items:center;min-height:44px;color:#173e61;text-decoration:none;margin-bottom:12px}
.feedback-page h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px;text-wrap:balance}
.feedback-page .auxe-feedback{display:block;width:100%;max-height:none;overflow:visible;margin:20px 0 0}
.feedback-page-note{color:#46647d;font-size:var(--ui-meta,14px)}
@media(hover:hover){#auxeFeedbackTab:hover{box-shadow:inset 1px 2px 3px #ffffff80,-3px 4px 16px #173e6130}}
.auxe-feedback-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:14px 4px;border:0;background:none;color:var(--ink,#173e61);font:600 14px Sora,system-ui,sans-serif;text-align:left;cursor:pointer;text-decoration:none}
.auxe-feedback-link span:last-child{color:var(--ink-2,#46647d);font-size:var(--ui-meta,14px);font-weight:400}
.auxe-feedback-link[hidden]{display:none!important}
.auxe-feedback{box-sizing:border-box;width:min(100% - 24px,480px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #fff;border-radius:28px;background:linear-gradient(155deg,#fff,#f1f3f5);color:#173e61;box-shadow:0 18px 60px #19344e30;font:400 14px/1.55 Sora,system-ui,sans-serif;overscroll-behavior:contain}
.auxe-feedback::backdrop{background:#17344e5c;backdrop-filter:blur(5px)}
.auxe-feedback *{box-sizing:border-box}
.auxe-feedback header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.auxe-feedback h2{margin:0;font-size:26px;letter-spacing:-.8px;line-height:1.2;color:#173e61}
.auxe-feedback p{margin:8px 0 18px}
.auxe-feedback button,.auxe-feedback input,.auxe-feedback textarea{font:inherit}
.auxe-feedback .afb-close{width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:#fff;color:#173e61;font-size:27px;cursor:pointer;margin:0;box-shadow:0 2px 6px #173e6114}
.auxe-feedback form{margin:0}
.auxe-feedback fieldset{padding:0;border:0;margin:18px 0}
.auxe-feedback legend,.auxe-feedback .afb-label{display:block;font-weight:600;margin:0 0 8px;color:#173e61;font-size:14px}
.auxe-feedback .afb-types{display:flex;gap:8px;flex-wrap:wrap}
.auxe-feedback .afb-type{position:relative;flex:1;min-width:80px;margin:0;cursor:pointer}
.auxe-feedback .afb-type input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}
.auxe-feedback .afb-type span{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;padding:12px 7px;border-radius:14px;border:1px solid #d8e1e8;background:#fbfcfd;font-weight:600;font-size:var(--ui-meta,14px)}
.auxe-feedback .afb-type input:checked+span{background:#A7CFF2;border-color:#A7CFF2;color:#173e61}
.auxe-feedback .afb-type input:focus-visible+span,.auxe-feedback :focus-visible,.auxe-feedback-link:focus-visible{outline:2px solid #2f6a9a;outline-offset:3px}
.auxe-feedback textarea,.auxe-feedback input[type=email]{display:block;width:100%;border:1px solid #cfdae4;border-radius:14px;background:#fff;color:#173e61;padding:12px;font-size:16px;margin:0 0 16px;box-shadow:inset 0 1px 3px #173e6110}
.auxe-feedback textarea{min-height:132px;resize:vertical;line-height:1.5}
.auxe-feedback .afb-help{color:#46647d;font-size:var(--ui-meta,14px);margin:0 0 14px}
.auxe-feedback .afb-send{display:block;width:100%;min-height:50px;margin:0;padding:14px 20px;border:0;border-radius:16px;background:#A7CFF2;color:#173e61;font-weight:700;box-shadow:inset 0 2px 2px #ffffff80,0 4px 10px #173e6117;cursor:pointer}
.auxe-feedback button:disabled{opacity:.6;cursor:wait}
.auxe-feedback button,.auxe-feedback .afb-type,.auxe-feedback-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(hover:hover){.auxe-feedback .afb-send:hover{background:#bcdbf6}.auxe-feedback-link:hover{color:#2f6a9a}}
.auxe-feedback .afb-status{min-height:0;margin:12px 0 0;font-weight:500;overflow-wrap:anywhere}
.auxe-feedback .afb-status:empty{display:none}
.auxe-feedback [hidden]{display:none!important}
@media(max-width:370px){.auxe-feedback{padding:20px;border-radius:24px}.auxe-feedback h2{font-size:24px}}
:root[data-theme="dark"] .feedback-page{background:var(--bg,#171C22);color:var(--ink,#E7EDF3)}
:root[data-theme="dark"] .auxe-feedback{background:var(--surface,#222A33);color:var(--ink,#E7EDF3);border-color:var(--hair,rgba(189,211,231,.14))}
:root[data-theme="dark"] .auxe-feedback h2,:root[data-theme="dark"] .auxe-feedback legend,:root[data-theme="dark"] .auxe-feedback .afb-label,:root[data-theme="dark"] .feedback-page-back{color:var(--ink,#E7EDF3)}
:root[data-theme="dark"] .auxe-feedback .afb-help,:root[data-theme="dark"] .feedback-page-note,:root[data-theme="dark"] .afb-backup{color:var(--ink-2,#BDCAD5)}
:root[data-theme="dark"] .auxe-feedback .afb-close,:root[data-theme="dark"] .auxe-feedback textarea,:root[data-theme="dark"] .auxe-feedback input[type=email],:root[data-theme="dark"] .auxe-feedback .afb-type span{background:var(--surface-strong,#303B47);color:var(--ink,#E7EDF3);border-color:#536575}
:root[data-theme="dark"] .auxe-feedback .afb-type input:checked+span{background:#A7CFF2;color:#173e61;border-color:#A7CFF2}

:root[data-theme="dark"] #auxeFeedbackTab{background:var(--surface-strong,#303B47);color:#A7CFF2;border-color:var(--hair,rgba(189,211,231,.14));box-shadow:0 4px 16px -8px #000}
:root[data-theme="dark"] .auxe-feedback::backdrop{background:rgba(8,13,19,.65)}/* R-083: the drawn tab is the right 30 px of the 44 px tap area */


#auxeFeedbackTab{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
#auxeFeedbackTab::before{content:"";position:absolute;inset:0 0 0 14px;z-index:-1;border:1px solid #ffffffc0;border-right:0;border-radius:16px 0 0 16px;background:#A7CFF2;box-shadow:inset 1px 2px 3px #ffffff80,-2px 3px 12px #173e6117}
@media(hover:hover){#auxeFeedbackTab:hover::before{box-shadow:inset 1px 2px 3px #ffffff80,-3px 4px 16px #173e6130}}
:root[data-theme="dark"] #auxeFeedbackTab::before{background:var(--surface-strong,#303B47);border-color:var(--hair,rgba(189,211,231,.14));box-shadow:0 4px 16px -8px #000}

/* The workout list can occupy the whole viewport. Give Feedback its own
   column beside Start/Add/Save instead of borrowing space over an exercise. */
@media(max-width:899px){
  body:has(#progress.workout-clarity:not(.hide)) .we-overview-actions{padding-right:calc(60px + env(safe-area-inset-right,0px))}
}

/* Search owns a footer row, so Feedback never borrows space from a result. */
body:has(#srch.on) #auxeFeedbackTab{visibility:hidden;pointer-events:none}
#srch .sr-feedback{flex:none;display:flex;justify-content:flex-end;padding:4px max(18px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hair);background:var(--bg)}
#srch .sr-feedback a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--ink);font:600 14px/1.4 var(--sans);text-decoration:underline;text-underline-offset:4px;touch-action:manipulation}
#srch .sr-feedback a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#srch .sr-out{min-height:0}
