.evolution-settings { display: grid; gap: 18px; min-width: 0; }
.evolution-global-panel, .evolution-stores-panel { display: grid; gap: 18px; min-width: 0; }
.evolution-stores-panel { padding: 24px; }
.evolution-settings .registry-header > div { display: grid; gap: 3px; }
.evolution-settings .registry-header strong { font-size: 15px; }
.evolution-settings .registry-header small { color: #94a3b8; font-size: 12px; }
.evolution-message-field textarea { min-height: 132px; resize: vertical; }
.evolution-message-field small { color: #a78bfa; font-family: Consolas, monospace; }
.evolution-panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.evolution-panel-title { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.evolution-panel-icon { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; color: #ddd6fe; background: rgba(124,58,237,.2); }
.evolution-eyebrow { color: #c4b5fd; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.evolution-panel-title h2 { margin: 5px 0 4px; font-size: clamp(20px, 2vw, 26px); line-height: 1.15; }
.evolution-panel-title p { margin: 0; color: #aab5c8; font-size: 13px; line-height: 1.45; }
.evolution-refresh { flex: 0 0 auto; }
.evolution-spinning { animation: evolution-spin 1s linear infinite; }
@keyframes evolution-spin { to { transform: rotate(360deg); } }
.evolution-readiness { display: flex; align-items: flex-start; gap: 11px; border: 1px solid rgba(74,222,128,.24); border-radius: 10px; padding: 14px 16px; color: #86efac; background: rgba(21,128,61,.11); }
.evolution-readiness.warning { color: #fcd34d; border-color: rgba(251,191,36,.27); background: rgba(161,98,7,.12); }
.evolution-readiness > svg { flex: 0 0 auto; margin-top: 2px; }
.evolution-readiness > div { display: grid; gap: 4px; }
.evolution-readiness strong { font-size: 13px; }
.evolution-readiness span { color: #cbd5e1; font-size: 12px; line-height: 1.45; }
.evolution-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.evolution-metrics > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 64px; border: 1px solid #30394d; border-radius: 10px; padding: 12px 15px; background: rgba(9,14,28,.37); }
.evolution-metrics span { color: #aab5c8; font-size: 12px; line-height: 1.25; }
.evolution-metrics strong { color: #f3e8ff; font-size: 24px; line-height: 1; }
.evolution-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.evolution-search { display: flex; align-items: center; gap: 9px; flex: 1 1 250px; max-width: 420px; min-height: 42px; padding: 0 12px; border: 1px solid #465168; border-radius: 9px; color: #aab5c8; background: #121827; }
.evolution-search:focus-within { border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167,139,250,.12); }
.evolution-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #f8fafc; font: inherit; font-size: 13px; }
.evolution-search input::placeholder { color: #94a3b8; }
.evolution-filters { display: flex; flex-wrap: wrap; gap: 5px; padding: 4px; border: 1px solid #30394d; border-radius: 10px; background: rgba(9,14,28,.35); }
.evolution-filters button { border: 0; border-radius: 7px; padding: 8px 10px; background: transparent; color: #aab5c8; cursor: pointer; font-size: 12px; font-weight: 750; }
.evolution-filters button.selected { color: #f5f3ff; background: #5938a8; box-shadow: 0 3px 10px rgba(0,0,0,.17); }
.evolution-store-list { display: grid; gap: 9px; }
.evolution-store-row { display: grid; grid-template-columns: minmax(160px,1.2fr) minmax(145px,.9fr) minmax(185px,1.2fr) minmax(190px,auto); gap: 18px; align-items: center; min-height: 92px; padding: 14px 17px; border: 1px solid #30394d; border-radius: 11px; background: rgba(12,17,30,.57); transition: border-color .15s, background .15s; }
.evolution-store-row:hover { border-color: #665d8c; background: rgba(30,25,53,.48); }
.evolution-store-identity, .evolution-store-access, .evolution-store-connection { display: grid; align-content: center; justify-items: start; min-width: 0; gap: 6px; }
.evolution-store-identity strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f8fafc; font-size: 14px; }
.evolution-store-identity small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #8f9bb0; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.evolution-store-access small, .evolution-store-connection small { color: #94a3b8; font-size: 11px; line-height: 1.35; }
.evolution-badge { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; border: 1px solid transparent; border-radius: 100px; padding: 5px 9px; font-size: 11px; font-weight: 850; line-height: 1.2; }
.evolution-badge.enabled, .evolution-badge.connected { color: #86efac; border-color: rgba(74,222,128,.27); background: rgba(22,101,52,.2); }
.evolution-badge.disabled { color: #cbd5e1; border-color: #465168; background: rgba(71,85,105,.18); }
.evolution-badge.waiting { color: #fcd34d; border-color: rgba(251,191,36,.25); background: rgba(161,98,7,.16); }
.evolution-badge.error { color: #fca5a5; border-color: rgba(248,113,113,.28); background: rgba(153,27,27,.16); }
.evolution-row-error { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fca5a5 !important; }
.evolution-store-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.evolution-store-actions button { min-height: 37px; white-space: nowrap; font-size: 11px; }
.evolution-store-actions .evolution-disable { color: #cbd5e1; }
.evolution-disable-confirm { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.evolution-disable-confirm span { width: 100%; color: #fca5a5; font-size: 11px; text-align: right; }
.evolution-empty { margin: 0; padding: 24px; border: 1px dashed #465168; border-radius: 10px; color: #aab5c8; text-align: center; }
.evolution-store-actions button:disabled, .evolution-refresh:disabled { opacity: .55; cursor: wait; }
.evolution-qr-modal { width: min(360px, calc(100vw - 28px)); text-align: center; display: grid; justify-items: center; gap: 12px; }
.evolution-qr-modal img { width: min(270px, 76vw); aspect-ratio: 1; background: white; padding: 10px; border-radius: 6px; }

@media(max-width:820px){.evolution-stores-panel{padding:16px}.evolution-panel-heading{flex-wrap:wrap}.evolution-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-store-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.evolution-store-actions{grid-column:1/-1;justify-content:flex-start}.evolution-disable-confirm{justify-content:flex-start}.evolution-disable-confirm span{text-align:left}.evolution-closed-messages{grid-template-columns:1fr}}
@media(max-width:520px){.evolution-panel-heading .evolution-refresh{width:100%}.evolution-metrics>div{display:grid;gap:7px}.evolution-store-row{grid-template-columns:1fr}.evolution-store-actions{grid-column:1}.evolution-filters{width:100%}.evolution-filters button{flex:1 1 auto}}

.evolution-rating-toggle{grid-column:4;grid-row:2;justify-self:end;display:inline-flex;align-items:center;gap:8px;color:#c4b5fd;font-size:11px;font-weight:750;cursor:pointer}
.evolution-rating-toggle input{accent-color:#8b5cf6}
.evolution-rating-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}
@media(max-width:820px){.evolution-rating-toggle{grid-column:1/-1;grid-row:auto;justify-self:start}}