@import url('/legacy-reference-v33.css');
@import url('/theme-v34.css?v=35');

/* SubTrackAI chat uses the existing SubTrack palette, separate from the JS Assistant. */
.stai-panel{position:fixed;right:20px;bottom:88px;z-index:65;width:min(430px,calc(100vw - 24px));height:min(660px,calc(100dvh - 115px));display:flex;flex-direction:column;background:#0d171b;color:#f6f7fb;border:1px solid rgba(84,214,154,.35);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}
.stai-panel[hidden],.stai-attachment[hidden]{display:none!important}
.stai-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#11241d,#161c23);border-bottom:1px solid rgba(212,175,55,.28)}
.stai-header strong,.stai-header small{display:block}.stai-header strong{font-size:17px;color:#54d69a}.stai-header small{font-size:11px;color:#d4af37;margin-top:3px}
.stai-header button{min-width:38px;min-height:38px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#1a2530;color:#f6f7fb;font-size:20px}
.stai-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.stai-message{max-width:92%;margin:0;padding:11px 13px;border-radius:15px;line-height:1.5;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;background:#18262b;color:#f6f7fb;align-self:flex-start}
.stai-user{background:#214135;color:#eaffef;align-self:flex-end}
.stai-quick{padding:9px 12px;display:flex;gap:7px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.08)}
.stai-quick button{white-space:nowrap;border:1px solid rgba(212,175,55,.25);background:#17232a;color:#e8ddb7;border-radius:99px;padding:7px 10px;font-size:11px}
.stai-attachment{padding:7px 12px;font-size:11px;color:#54d69a}
.stai-form{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}
.stai-form .input{flex:1;min-width:0;font-size:13px}.stai-form button{padding:11px}
.stai-note{margin:0;padding:0 12px 10px;font-size:10px;line-height:1.4;color:#a4acbd}
.stai-confirm{border:1px solid rgba(212,175,55,.35);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#17232a;font-size:12px}
.stai-confirm p{margin:0;line-height:1.5}.stai-confirm button{font-size:12px;padding:8px 12px}
.stai-avatar-preview{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid #54d69a}
.stai-draft{display:grid;grid-template-columns:24px repeat(2,minmax(0,1fr));gap:7px;width:100%;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:9px 0}
.stai-draft .input,.stai-draft .select{width:100%;min-width:0;padding:7px;font-size:12px;min-height:37px}
.stai-draft .input:first-of-type{grid-column:2 / -1}.stai-draft input[type=checkbox]{grid-row:1;grid-column:1}
.stai-draft input[type=date]{grid-column:2 / -1}
@media(max-width:850px){.stai-panel{right:8px;bottom:140px;height:min(590px,calc(100dvh - 155px));width:calc(100vw - 16px)}}

/* SubTrackAI keeps the app palette while giving Gemini attribution its own signature. */
.stai-header{background:linear-gradient(120deg,#10271f 0%,#1a2547 55%,#342139 100%)}
.stai-header strong{background:linear-gradient(100deg,#62a7ff,#b185f7,#f297bb,#f4bf76);background-clip:text;-webkit-background-clip:text;color:transparent}
.stai-header small{color:#c6cafa}
.stai-panel{border-color:rgba(153,137,245,.35)}
.stai-currency-required{border:2px solid #f5c16e!important;box-shadow:0 0 0 2px rgba(245,193,110,.18)}
.stai-currency-hint{grid-column:2/-1;font-size:11px;color:#f5c16e}
@media(prefers-reduced-motion:no-preference){
 .stai-panel:not([hidden]){animation:stai-arrive .22s ease-out}
 .stai-message{animation:stai-arrive .2s ease-out}
 @keyframes stai-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}
.fx-result{font-size:clamp(22px,4vw,38px);font-weight:700;color:var(--green)}
.ad-slot[hidden]{display:none}

/* V3.3 desktop usability fixes. Keep the current feature set and reference the backed-up navy/lime theme. */
@media(min-width:851px){
  .sidebar{display:flex;flex-direction:column;overflow-y:auto;padding-bottom:18px}
  .sidebar .privacy-note{position:static;left:auto;right:auto;bottom:auto;margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0b111b;color:var(--muted)}
  .sidebar .nav-item{flex:0 0 auto}
  .settings-grid{align-items:start}
  .settings-grid>.settings-card:nth-child(4){grid-column:1/-1;display:block!important;min-height:0;border-color:rgba(184,255,103,.24)!important;background:radial-gradient(circle at 90% 0,rgba(184,255,103,.09),transparent 42%),#0e1420!important}
  .settings-grid>.settings-card:nth-child(4) h3{color:var(--green)!important}
}

/* Small visual polish without replacing the current SubTrack structure. */
.topbar{box-shadow:0 10px 35px rgba(0,0,0,.12)}
.nav-item{transition:background-color .18s ease,color .18s ease,transform .18s ease}
@media(prefers-reduced-motion:no-preference){.nav-item:hover{transform:translateX(2px)}}
.settings-card{border:1px solid var(--line)!important;border-radius:18px!important;padding:22px!important;background:#0e1420!important}