/* RENA AI V22 — compact premium workspace */
body[data-page="ai"]{background:#06110c!important;color:#f1f0e8!important}
body[data-page="ai"] .ai-page{position:relative;min-height:100vh;padding:124px max(4vw,28px) 105px;overflow:hidden;isolation:isolate}
.ai-ambient{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#06110c,#081a11)}
.ai-ambient>i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.14}.ai-ambient>i:first-child{width:430px;height:430px;left:-160px;top:80px;background:#8fbb73}.ai-ambient>i:nth-child(2){width:360px;height:360px;right:-120px;bottom:40px;background:#d4b36e}.ai-ambient>span{position:absolute;inset:0;opacity:.025;background-image:radial-gradient(circle,#fff 0 .7px,transparent .8px);background-size:32px 32px}
.ai-intro-v22,.ai-workspace-v22{width:min(1240px,100%);margin-inline:auto}
.ai-intro-v22{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-bottom:24px}
.ai-kicker-v22{display:flex;align-items:center;gap:9px;color:#9eaca2;font-size:9px;font-weight:800;letter-spacing:.18em}.ai-kicker-v22 i{width:8px;height:8px;border-radius:50%;background:#d8eca7;box-shadow:0 0 18px rgba(216,236,167,.55)}
.ai-intro-v22 h1{margin:13px 0 8px;color:#f2f2ea;font-size:clamp(48px,5.5vw,76px);line-height:.95;letter-spacing:-.06em}.ai-intro-v22 p{max-width:700px;margin:0;color:#a7b4aa;font-size:16px;line-height:1.65}
.ai-orb-v22{position:relative;width:126px;height:126px;display:grid;place-items:center;border:1px solid rgba(216,236,167,.14);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(216,236,167,.17),transparent 36%),#0d2518;box-shadow:0 26px 60px rgba(0,0,0,.24)}.ai-orb-v22 span{color:#e9fac2;font-size:31px;font-weight:900}.ai-orb-v22 i{position:absolute;inset:13px;border:1px solid rgba(216,236,167,.13);border-radius:50%;animation:ai22spin 11s linear infinite}.ai-orb-v22 i:last-child{inset:31px;border-style:dashed;animation-direction:reverse;animation-duration:15s}@keyframes ai22spin{to{transform:rotate(360deg)}}
.ai-workspace-v22{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:stretch}
.ai-sidebar-v22,.ai-chat-v22{border:1px solid rgba(216,236,167,.12);border-radius:26px;background:linear-gradient(145deg,rgba(17,42,27,.88),rgba(7,20,13,.92));box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(22px)}
.ai-sidebar-v22{min-height:650px;padding:24px;display:flex;flex-direction:column}.ai-sidebar-title>span{color:#8ea092;font-size:8px;font-weight:800;letter-spacing:.16em}.ai-sidebar-title h2{margin:10px 0 0;color:#eef1e9;font-size:27px;letter-spacing:-.04em}
.ai-topic-grid{display:grid;gap:9px;margin-top:23px}.ai-topic-card{width:100%;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;transition:.22s}.ai-topic-card:hover{transform:translateY(-2px);border-color:rgba(216,236,167,.22);background:rgba(216,236,167,.055)}.ai-topic-card>b{color:#d8eca7;font-size:9px;letter-spacing:.08em}.ai-topic-card>span{display:grid;gap:4px}.ai-topic-card strong{color:#e7ede7;font-size:11px}.ai-topic-card small{color:#819087;font-size:9px;line-height:1.4}
.ai-sidebar-note{display:flex;gap:10px;margin-top:22px;padding:13px;border-left:2px solid rgba(216,236,167,.25);background:rgba(216,236,167,.025)}.ai-sidebar-note i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#d8eca7}.ai-sidebar-note p{margin:0;color:#87958b;font-size:9px;line-height:1.5}
.ai-clear-v22{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:0 14px;border:1px solid rgba(216,236,167,.11);border-radius:14px;background:rgba(255,255,255,.02);color:#b3c0b6;font:inherit;font-size:9px;cursor:pointer}.ai-clear-v22:hover{border-color:rgba(216,236,167,.24);color:#edf2e9}.ai-clear-v22 b{font-size:15px}
.ai-chat-v22{min-height:650px;display:flex;flex-direction:column;overflow:hidden}.ai-chat-head-v22{min-height:72px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(216,236,167,.09)}.ai-avatar-v22{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(216,236,167,.18);border-radius:14px;background:linear-gradient(145deg,#31583a,#122c1d);color:#ebfac9;font-weight:900}.ai-chat-head-v22>div:nth-child(2){display:grid;gap:4px}.ai-chat-head-v22 b{color:#eef2e9;font-size:12px}.ai-chat-head-v22 small{display:flex;align-items:center;gap:7px;color:#849187;font-size:9px}.ai-status-dot{width:7px;height:7px;border-radius:50%;background:#7d8980}.ai-chat[data-ready="1"] .ai-status-dot{background:#9fe09d;box-shadow:0 0 13px rgba(159,224,157,.62)}.ai-chat[data-ready="error"] .ai-status-dot{background:#ef8f86}.ai-limit{display:none!important}
.ai-messages-v22{flex:1;min-height:390px;max-height:520px;display:flex;flex-direction:column;gap:13px;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(216,236,167,.14) transparent}.ai-message{width:min(82%,720px);display:grid;gap:5px}.ai-message--user{align-self:flex-end}.ai-message__label{color:#75847a;font-size:7px;font-weight:800;letter-spacing:.14em}.ai-message--user .ai-message__label{text-align:right}.ai-message p{margin:0;padding:13px 15px;border:1px solid rgba(255,255,255,.055);border-radius:17px 17px 17px 5px;background:rgba(255,255,255,.032);color:#dfe6df;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.ai-message--user p{border-radius:17px 17px 5px 17px;border-color:rgba(216,236,167,.15);background:rgba(216,236,167,.09);color:#eef3e9}.ai-message--typing p{color:#839087;animation:ai22pulse 1.2s ease-in-out infinite}@keyframes ai22pulse{50%{opacity:.45}}
.ai-suggestions-v22{display:flex;gap:7px;overflow-x:auto;padding:0 18px 11px;scrollbar-width:none}.ai-suggestions-v22 button{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(216,236,167,.10);border-radius:999px;background:rgba(216,236,167,.025);color:#98a69c;font:inherit;font-size:8px;cursor:pointer}.ai-suggestions-v22 button:hover{color:#eef2e8;border-color:rgba(216,236,167,.22)}
.ai-composer-v22{padding:13px 16px 16px;border-top:1px solid rgba(216,236,167,.09);background:rgba(4,13,8,.24)}.ai-input-v22{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:6px;border:1px solid rgba(216,236,167,.14);border-radius:17px;background:#0d2417}.ai-input-v22:focus-within{border-color:rgba(216,236,167,.38);box-shadow:0 0 0 3px rgba(216,236,167,.045)}.ai-input-v22 textarea{width:100%;min-height:46px;max-height:160px;resize:none;padding:12px;border:0;outline:0;background:transparent;color:#edf2e9;font:inherit;font-size:13px;line-height:1.5}.ai-input-v22 textarea::placeholder{color:#6e7d73}.ai-send-v22{height:46px;min-width:112px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:0;border-radius:13px;background:linear-gradient(135deg,#dff1aa,#bfdc79);color:#102116;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.ai-send-v22:disabled{opacity:.45;cursor:not-allowed}.ai-send-v22 b{font-size:14px}.ai-meta-v22{display:flex;justify-content:space-between;gap:10px;margin:7px 3px 0;color:#68776d;font-size:7px}.ai-error{min-height:13px;margin:7px 3px 0;color:#ef958d;font-size:9px}
.ai-garland-v22{position:absolute;left:50%;bottom:14px;width:min(1120px,88vw);height:45px;transform:translateX(-50%);opacity:.28;pointer-events:none}.ai-garland-v22>span{position:absolute;left:0;right:0;top:13px;border-top:1px solid rgba(220,230,220,.14);border-radius:50%}.ai-garland-v22 i{position:absolute;left:var(--p);top:19px;width:5px;height:7px;border-radius:50%;background:#e7c989;box-shadow:0 0 10px rgba(231,201,137,.30);animation:ai22lamp 5s ease-in-out infinite;animation-delay:var(--d)}.ai-garland-v22 i:nth-of-type(3n){background:#cde89d;box-shadow:0 0 10px rgba(205,232,157,.25)}.ai-garland-v22 i:before{content:"";position:absolute;left:2px;top:-6px;width:1px;height:6px;background:rgba(220,230,220,.16)}@keyframes ai22lamp{50%{opacity:.42;transform:translateY(1px)}}
@media(max-width:900px){.ai-intro-v22{grid-template-columns:1fr}.ai-orb-v22{display:none}.ai-workspace-v22{grid-template-columns:1fr}.ai-chat-v22{order:1}.ai-sidebar-v22{order:2;min-height:auto}.ai-clear-v22{margin-top:20px}}
@media(max-width:620px){body[data-page="ai"] .ai-page{padding:105px 13px 82px}.ai-intro-v22{margin-bottom:18px}.ai-intro-v22 h1{font-size:44px}.ai-intro-v22 p{font-size:14px}.ai-sidebar-v22,.ai-chat-v22{border-radius:20px}.ai-sidebar-v22{padding:19px}.ai-chat-v22{min-height:610px}.ai-chat-head-v22{grid-template-columns:40px 1fr;padding:12px}.ai-messages-v22{min-height:350px;max-height:470px;padding:13px}.ai-message{width:92%}.ai-message p{font-size:12px}.ai-suggestions-v22{padding:0 12px 10px}.ai-composer-v22{padding:11px}.ai-input-v22{grid-template-columns:1fr 46px}.ai-send-v22{min-width:46px;width:46px;padding:0}.ai-send-v22 span{display:none}.ai-meta-v22 span:last-child{display:none}.ai-garland-v22{opacity:.18}}
@media(prefers-reduced-motion:reduce){.ai-orb-v22 i,.ai-message--typing p,.ai-garland-v22 i{animation:none!important}}


/* V24 balanced workspace */
.ai-orb-v22,
.ai-garland-v22 {
  display: none !important;
}

.ai-intro-v22 {
  grid-template-columns: 1fr !important;
}

.ai-sidebar-v22,
.ai-chat-v22 {
  border-radius: 22px !important;
}


/* V25 small visual cleanup */
.ai-intro-v22 h1 {
  text-wrap: balance;
}

.ai-sidebar-v22,
.ai-chat-v22 {
  box-shadow: 0 24px 64px rgba(0, 0, 0, .25) !important;
}

.performance-lite .ai-sidebar-v22,
.performance-lite .ai-chat-v22 {
  box-shadow: none !important;
  backdrop-filter: none !important;
}


/* V28: AI remains stable while the shared site motion is restored. */
.performance-lite .ai-sidebar-v22,
.performance-lite .ai-chat-v22 {
  backdrop-filter: none !important;
}