.assistant-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #315247 !important;
  background: linear-gradient(135deg, #12251f, #0a1516) !important;
  color: var(--mint) !important;
  padding: 7px 10px !important;
}
.assistant-trigger[hidden] { display: none !important; }

.assistant-trigger b { font-size: 11px; }
.assistant-orb { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(109,240,207,.14); color: var(--mint); box-shadow: 0 0 18px rgba(109,240,207,.18); }
.assistant-orb.large { width: 39px; height: 39px; flex: none; font-size: 18px; }
.assistant-trigger em { position: absolute; top: -7px; right: -7px; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border-radius: 99px; background: var(--red); color: #fff; font-size: 10px; font-style: normal; box-shadow: 0 0 0 3px #070a10; }
.assistant-trigger em[hidden] { display: none; }

.assistant-backdrop { position: fixed; z-index: 59; inset: 0; background: rgba(0,0,0,.55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .22s; }
.assistant-backdrop.open { opacity: 1; }
.assistant-drawer { position: fixed; z-index: 60; top: 0; bottom: 0; left: 0; width: min(460px, 100vw); overflow: auto; background: linear-gradient(155deg,#101923,#070b11 55%); border-right: 1px solid #273744; box-shadow: 30px 0 100px rgba(0,0,0,.55); transform: translateX(-102%); transition: transform .25s ease; }
.assistant-drawer.open { transform: translateX(0); }
.assistant-drawer[hidden], .assistant-backdrop[hidden] { display: none; }
.assistant-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px; border-bottom: 1px solid var(--line); background: rgba(9,14,21,.94); backdrop-filter: blur(18px); }
.assistant-head>div { display: flex; align-items: center; gap: 11px; }
.assistant-head b,.assistant-head small { display: block; }
.assistant-head b { font-size: 14px; }
.assistant-head small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.assistant-head small i { display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: #596673; }
.assistant-head small i.live { background: var(--mint); box-shadow: 0 0 12px var(--mint); }
.assistant-head>button { width: 34px; height: 34px; border: 1px solid #2b3947; border-radius: 50%; background: #0c131c; color: #aebac0; font-size: 22px; }
.assistant-policy { margin: 0; padding: 11px 18px; border-bottom: 1px solid var(--line); color: #9babb2; background: rgba(231,199,120,.055); font-size: 10px; }
.assistant-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 12px 16px 0; }
.assistant-tabs button { border: 0; border-bottom: 2px solid #26323e; padding: 10px; background: transparent; color: var(--muted); }
.assistant-tabs button.active { border-color: var(--mint); color: var(--mint); }
.assistant-tabs span { margin-right: 4px; color: var(--gold); }
.assistant-view { display: none; padding: 14px 16px 35px; }
.assistant-view.active { display: block; }
.assistant-toolbar { display: flex; gap: 8px; margin-bottom: 11px; }
.assistant-toolbar select { flex: 1; padding: 8px; }
.assistant-toolbar button { border: 1px solid #344554; border-radius: 8px; background: #101a24; color: #c0cbd0; padding: 8px 10px; font-size: 10px; }
.assistant-alert-list { display: grid; gap: 9px; }
.assistant-empty { min-height: 180px; display: grid; place-items: center; text-align: center; color: var(--muted); font-size: 11px; }
.assistant-alert { position: relative; overflow: hidden; padding: 13px; border: 1px solid #23313e; border-radius: 13px; background: #0a1119; }
.assistant-alert:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 3px; background: #687785; }
.assistant-alert.high:before { background: var(--gold); }
.assistant-alert.critical:before { background: var(--red); box-shadow: 0 0 18px rgba(255,111,125,.55); }
.assistant-alert.unread { border-color: #315245; background: linear-gradient(135deg,rgba(109,240,207,.07),#0a1119 45%); }
.assistant-alert-head { display: flex; justify-content: space-between; align-items: start; gap: 10px; }
.assistant-alert-head b { font-size: 12px; }
.assistant-alert-head span { flex: none; padding: 4px 7px; border-radius: 99px; background: #17212b; color: var(--muted); font-size: 8px; }
.assistant-alert p { margin: 8px 0; color: #aab8be; font-size: 10px; line-height: 1.65; }
.assistant-alert-meta { display: flex; justify-content: space-between; gap: 8px; color: #657481; font-size: 8px; }
.assistant-alert-actions { display: flex; gap: 6px; margin-top: 10px; }
.assistant-alert-actions button { flex: 1; border: 1px solid #304150; border-radius: 7px; background: #101922; color: #cbd7da; padding: 7px; font-size: 9px; }
.assistant-alert-actions button.primary { border-color: #387565; color: var(--mint); }
.assistant-alert-actions button.dismiss { flex: 0 0 34px; color: var(--muted); }

#assistantSettingsForm { display: grid; gap: 10px; }
.assistant-switch { display: flex; align-items: flex-start; gap: 9px; padding: 11px; border: 1px solid #24313d; border-radius: 11px; background: #0a1118; }
.assistant-switch input { width: auto; margin-top: 3px; accent-color: var(--mint); }
.assistant-switch b,.assistant-switch small { display: block; }
.assistant-switch b { font-size: 11px; }
.assistant-switch small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.assistant-setting-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.assistant-range { padding: 12px; border: 1px solid #24313d; border-radius: 11px; background: #0a1118; }
.assistant-range>span { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 10px; }
.assistant-range output { color: var(--mint); }
.assistant-range input { padding: 0; accent-color: var(--mint); }
#assistantSettingsForm fieldset { display: flex; gap: 15px; margin: 0; padding: 11px; border: 1px solid #24313d; border-radius: 11px; color: #b7c4c9; font-size: 10px; }
#assistantSettingsForm fieldset legend { color: var(--muted); }
#assistantSettingsForm fieldset input { width: auto; accent-color: var(--mint); }
.assistant-time-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.assistant-time-grid label { color: var(--muted); font-size: 9px; }
.assistant-time-grid input { margin-top: 5px; }
.assistant-limit { display: grid; grid-template-columns: 1fr 100px; align-items: center; gap: 10px; padding: 11px; border: 1px solid #24313d; border-radius: 11px; background: #0a1118; color: #b8c5ca; font-size: 10px; }
.assistant-limit select { padding: 8px; }
.assistant-browser-box { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px; border: 1px solid #2b3f4b; border-radius: 11px; background: #0b151d; }
.assistant-browser-box b,.assistant-browser-box small { display: block; }
.assistant-browser-box b { font-size: 11px; }
.assistant-browser-box small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.assistant-browser-box button,.assistant-save { border: 0; border-radius: 8px; background: linear-gradient(135deg,var(--mint2),var(--mint)); color: #03120e; font-weight: 800; padding: 9px 12px; }
.assistant-save { margin-top: 4px; padding: 12px; }
#assistantSettingsMessage { min-height: 16px; margin: 0; color: var(--mint); font-size: 10px; }

@media(max-width:720px){.assistant-trigger b{display:none}.assistant-drawer{width:100vw}.assistant-setting-grid{grid-template-columns:1fr}.assistant-drawer{padding-bottom:env(safe-area-inset-bottom)}}