/* Native menus follow the dialog/drawer theme instead of inheriting white OS defaults. */
.report-modal select,.mobile-menu-drawer select{color-scheme:dark}
.report-modal select option,.mobile-menu-drawer select option{color:var(--c-text);background:var(--c-bg-card)}
html[data-theme="light"] .report-modal select,html[data-theme="light"] .mobile-menu-drawer select{color-scheme:light}
.mobile-drawer-nav button.mobile-drawer-link{width:100%;text-align:left;font:inherit;cursor:pointer}

/* One composer's toolbar, shared by both templates. */
html[data-theme] body #reportModal .report-modal{--report-surface:rgba(36,39,46,.90);--report-field:rgba(255,255,255,.055);--report-edge:rgba(255,255,255,.17);position:relative;isolation:isolate;display:block;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--report-edge);border-radius:28px;color:var(--ui-ink,#f2f3f5);background:var(--report-surface)!important;background-image:radial-gradient(ellipse at 0 0,rgba(197,163,232,.13),transparent 65%),radial-gradient(ellipse at 100% 100%,rgba(131,210,201,.10),transparent 65%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 24px 80px rgba(0,0,0,.20);}
html[data-theme=light] body #reportModal .report-modal{--report-surface:rgba(247,248,251,.92);--report-field:rgba(255,255,255,.46);--report-edge:rgba(85,91,105,.16);}
@supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-theme] body #reportModal .report-modal{--report-surface:rgba(34,37,44,.76);backdrop-filter:blur(32px) saturate(125%);-webkit-backdrop-filter:blur(32px) saturate(125%);}html[data-theme=light] body #reportModal .report-modal{--report-surface:rgba(247,248,251,.80);}}
html[data-theme] body #reportModal .report-form{display:flex;flex-direction:column;gap:0;padding:0;max-height:inherit;margin:0;}
html[data-theme] body #reportModal .report-toolbar{display:grid;grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr);align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--report-edge);flex:none;}
html[data-theme] body #reportModal .report-toolbar h2{margin:0;font:inherit;font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.025em;text-align:center;color:inherit;}
html[data-theme] body #reportModal .report-toolbar button{min-height:44px;min-width:60px;margin:0;padding:10px 14px;border:0;border-radius:999px;font:inherit;font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap;cursor:pointer;color:inherit;transition:background 180ms cubic-bezier(.22,.61,.36,1),opacity 180ms cubic-bezier(.22,.61,.36,1),transform 180ms cubic-bezier(.22,.61,.36,1);}
html[data-theme] body #reportModal .report-cancel{justify-self:start;background:transparent;}
html[data-theme] body #reportModal .report-cancel:hover{background:var(--report-field);}
html[data-theme] body #reportModal .report-send{justify-self:end;background:var(--ui-reflection),var(--ui-fill)!important;border:1px solid var(--ui-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);color:var(--ui-ink)!important;}
html[data-theme] body #reportModal .report-send:hover:not(:disabled){background:var(--ui-reflection),var(--ui-fill-hover)!important;}
html[data-theme] body #reportModal .report-send:disabled{opacity:.5;cursor:wait;}
html[data-theme] body #reportModal .report-toolbar button:active:not(:disabled){transform:scale(.97);}
html[data-theme] body #reportModal .report-fields{padding:24px;overflow:auto;overscroll-behavior:contain;min-height:0;}
html[data-theme] body #reportModal .report-type{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:0 14px;margin:0 0 24px;border:1px solid var(--report-edge);border-radius:15px;background:var(--report-field);}
html[data-theme] body #reportModal .report-type>span{font-size:14px;color:inherit;white-space:nowrap;}
html[data-theme] body #reportModal .report-type select{width:100%;min-height:52px;padding:10px 0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:inherit;font:inherit;font-size:14px;text-align:right;text-align-last:right;cursor:pointer;}
html[data-theme] body #reportModal .report-description{display:grid;gap:10px;margin:0;font-size:13px;color:var(--ui-muted);}
html[data-theme] body #reportModal .report-description textarea{display:block;box-sizing:border-box;width:100%;min-height:190px;max-height:40vh;max-height:40dvh;padding:16px;border:1px solid var(--report-edge);border-radius:16px;background:var(--report-field);color:var(--ui-ink);font:inherit;font-size:15px;line-height:1.7;resize:vertical;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
html[data-theme] body #reportModal textarea::placeholder{color:var(--ui-muted);opacity:.75;}
html[data-theme] body #reportModal :is(select,textarea):focus{outline:none;border-color:var(--ui-line);box-shadow:inset 0 0 0 1px var(--ui-line);}
html[data-theme] body #reportModal .report-type.is-enhanced{position:relative;}
html[data-theme] body #reportModal .report-type.is-enhanced select{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;pointer-events:none;}
html[data-theme] body #reportModal .report-type-current{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;min-height:52px;padding:10px 0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;}
html[data-theme] body #reportModal .report-type-current:after{content:'';width:6px;height:6px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:-4px 3px 0 0;opacity:.65;}
html[data-theme] body #reportModal .report-type-current:focus{outline:none;box-shadow:none;}
html[data-theme] body #reportModal .report-type-current:focus-visible{background:var(--report-field);box-shadow:inset 0 0 0 1px var(--report-edge);}
html[data-theme] body #reportModal .report-type-options{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:min(300px,100%);padding:6px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--report-edge);border-radius:16px;background:var(--ui-reflection),var(--report-surface);backdrop-filter:blur(32px) saturate(125%);-webkit-backdrop-filter:blur(32px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.14);}
html[data-theme] body #reportModal .report-type-options[hidden]{display:none;}
html[data-theme] body #reportModal .report-type-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:14px;cursor:pointer;outline:none;transition:background 160ms cubic-bezier(.22,.61,.36,1);}
html[data-theme] body #reportModal .report-type-options button:is(:hover,:focus,[aria-checked=true]){background:var(--ui-fill-hover);}
html[data-theme] body #reportModal .report-type-options button[aria-checked=true]:after{content:'✓';font-size:14px;}
html[data-theme] body #reportModal .report-type-options button:focus-visible{box-shadow:inset 0 0 0 1px var(--report-edge);}
html[data-theme] body #reportModal :is(select,textarea):disabled{opacity:.65;}
html[data-theme] body #reportModal .report-meta{display:flex;justify-content:flex-end;margin-top:10px;padding:0;font-size:11px;line-height:1.5;color:var(--ui-muted);font-variant-numeric:tabular-nums;}
html[data-theme] body #reportModal .report-message{margin:14px 0 0;min-height:0;font-size:13px;line-height:1.6;color:#e9a0aa;overflow-wrap:anywhere;}
html[data-theme=light] body #reportModal .report-message{color:#a42c43;}
html[data-theme] body #reportModal .report-message:empty{display:none;}
@media(max-width:600px){html[data-theme] body #reportModal{align-items:flex-end;padding:0;}html[data-theme] body #reportModal .report-modal{width:100%;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);margin:0;border-radius:26px 26px 0 0;border-bottom:0;}html[data-theme] body #reportModal .report-toolbar{padding:14px 12px;gap:8px;}html[data-theme] body #reportModal .report-toolbar h2{font-size:16px;}html[data-theme] body #reportModal .report-fields{padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));}html[data-theme] body #reportModal .report-description textarea{font-size:16px;min-height:170px;}html[data-theme] body #reportModal .report-type select{font-size:16px;}}
@media(max-height:540px){html[data-theme] body #reportModal .report-description textarea{min-height:100px;}html[data-theme] body #reportModal .report-fields{padding-top:16px;}}
@media(prefers-reduced-motion:reduce){html[data-theme] body #reportModal .report-modal,html[data-theme] body #reportModal .report-toolbar button,html[data-theme] body #reportModal .report-type-options button{transition:none!important;animation:none!important;transform:none!important;}}