/* Core SEO Premium — SEO assistant drawer. */

.cseoa-open{ position:fixed; z-index:9990; right:24px; bottom:24px; display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border:0; border-radius:99px; background:#5b21b6; color:#fff; font-size:13px; font-weight:600; cursor:pointer; box-shadow:0 8px 24px rgba(91,33,182,.35); }
.cseoa-open:hover{ background:#4c1d95; }
.cseoa-open[hidden]{ display:none; }

/* Admin bar item, left of "Howdy". */
#wpadminbar #wp-admin-bar-cseop-assistant > .ab-item{ display:flex; align-items:center; gap:6px; color:#e9d5ff; }
#wpadminbar #wp-admin-bar-cseop-assistant .cseoa-star{ color:#c4b5fd; font-size:15px; line-height:1; }
#wpadminbar #wp-admin-bar-cseop-assistant > .ab-item:hover,
#wpadminbar #wp-admin-bar-cseop-assistant > .ab-item:focus,
#wpadminbar #wp-admin-bar-cseop-assistant.is-open > .ab-item{ background:#5b21b6; color:#fff; }
#wpadminbar #wp-admin-bar-cseop-assistant.is-open .cseoa-star,
#wpadminbar #wp-admin-bar-cseop-assistant > .ab-item:hover .cseoa-star{ color:#fff; }

.cseoa{ position:fixed; z-index:99990; top:32px; right:0; bottom:0; display:flex; flex-direction:column; width:min(440px,100vw); border-left:1px solid #dcdcde; background:#fff; box-shadow:-12px 0 32px rgba(0,0,0,.12); }
.cseoa[hidden]{ display:none; }
.cseoa__head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:1px solid #f0f0f1; }
.cseoa__head b{ display:block; color:#5b21b6; font-size:14px; }
.cseoa__head small{ color:#8c8f94; font-size:11px; }
.cseoa__head span{ display:flex; align-items:center; gap:12px; }
.cseoa-close{ width:30px; height:30px; border:0; border-radius:6px; background:none; color:#50575e; font-size:22px; line-height:1; cursor:pointer; }
.cseoa-close:hover{ background:#f0f0f1; }

.cseoa__log{ flex:1; overflow-y:auto; padding:16px; }
.cseoa-msg{ max-width:92%; margin:0 0 12px; padding:10px 13px; border-radius:12px; font-size:13px; line-height:1.55; }
.cseoa-msg p{ margin:0 0 6px; }
.cseoa-msg p:last-child{ margin-bottom:0; }
.cseoa-msg ul{ margin:4px 0 6px 18px; list-style:disc; }
.cseoa-msg li{ margin:0 0 3px; }
.cseoa-msg.is-user{ margin-left:auto; background:#5b21b6; color:#fff; border-bottom-right-radius:4px; }
.cseoa-msg.is-ai{ background:#f6f7f7; color:#1d2327; border-bottom-left-radius:4px; }
.cseoa-activity{ margin:0 0 8px; color:#8c8f94; font-size:11px; }
.cseoa-activity::before{ content:"↳ "; }
.cseoa-error{ margin:0 0 12px; padding:9px 12px; border-radius:8px; background:#fcf0f1; color:#b32d2e; font-size:12px; }
.cseoa-typing{ display:flex; gap:4px; margin:0 0 12px; padding:12px 14px; width:max-content; border-radius:12px; background:#f6f7f7; }
.cseoa-typing i{ width:6px; height:6px; border-radius:50%; background:#8c8f94; animation:cseoa-blink 1.2s infinite; }
.cseoa-typing i:nth-child(2){ animation-delay:.2s; }
.cseoa-typing i:nth-child(3){ animation-delay:.4s; }
@keyframes cseoa-blink{ 0%,80%,100%{ opacity:.25; } 40%{ opacity:1; } }

.cseoa-card{ margin:0 0 12px; padding:12px 13px; border:1px solid #e9dcfd; border-radius:10px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.cseoa-card.is-applied{ border-color:#bfe8d6; background:#f6fcf9; }
.cseoa-card.is-discarded{ opacity:.55; }
.cseoa-card__head{ margin-bottom:8px; font-size:13px; font-weight:600; }
.cseoa-card__head a{ text-decoration:none; }
.cseoa-change{ display:grid; gap:2px; margin:0 0 8px; font-size:12px; }
.cseoa-change span{ color:#8c8f94; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; }
.cseoa-change del{ color:#8c8f94; text-decoration:line-through; }
.cseoa-change ins{ padding:4px 7px; border-radius:5px; background:#f1eafe; color:#1d2327; text-decoration:none; }
.cseoa-why{ margin:0 0 8px; color:#50575e; font-size:12px; }
.cseoa-card__do{ display:flex; align-items:center; gap:12px; }
.cseoa-state{ color:#8c8f94; font-size:12px; font-weight:600; }
.cseoa-state.is-applied{ color:#0a7a54; }

.cseoa__ideas{ display:flex; flex-wrap:wrap; gap:6px; padding:0 16px 10px; }
.cseoa__ideas[hidden]{ display:none; }
.cseoa-idea{ padding:6px 11px; border:1px solid #e9dcfd; border-radius:99px; background:#faf7ff; color:#5b21b6; font-size:12px; text-align:left; cursor:pointer; }
.cseoa-idea:hover{ border-color:#7c3aed; }
.cseoa__form{ display:flex; gap:8px; padding:12px 16px 6px; border-top:1px solid #f0f0f1; }
.cseoa__form textarea{ flex:1; resize:none; }
.cseoa__note{ margin:0; padding:0 16px 12px; color:#8c8f94; font-size:11px; }

@media (max-width:782px){
	.cseoa{ top:46px; width:100vw; }
	#wpadminbar #wp-admin-bar-cseop-assistant{ display:block; }
	#wpadminbar #wp-admin-bar-cseop-assistant > .ab-item{ justify-content:center; width:52px; padding:0; }
	#wpadminbar #wp-admin-bar-cseop-assistant .cseoa-star{ font-size:22px; }
	#wpadminbar #wp-admin-bar-cseop-assistant .ab-label{ display:none; }
	.cseoa-open{ right:14px; bottom:14px; }
}

/* Front end: no wp-admin styles there, so the panel brings its own (same look as in the admin). */
body:not(.wp-admin) .cseoa, body:not(.wp-admin) .cseoa * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; letter-spacing: normal; text-transform: none; }
body:not(.wp-admin) .cseoa { color: #1d2327; font-size: 13px; line-height: 1.5; }
body:not(.wp-admin) .cseoa .button { display: inline-flex; align-items: center; min-height: 30px; margin: 0; padding: 0 12px; border: 1px solid #2271b1; border-radius: 3px; background: #f6f7f7; color: #2271b1; font-size: 13px; line-height: 2.15; text-decoration: none; cursor: pointer; box-shadow: none; }
body:not(.wp-admin) .cseoa .button:hover { background: #f0f0f1; color: #135e96; border-color: #0a4b78; }
body:not(.wp-admin) .cseoa .button-primary { background: #2271b1; border-color: #2271b1; color: #fff; }
body:not(.wp-admin) .cseoa .button-primary:hover { background: #135e96; border-color: #135e96; color: #fff; }
body:not(.wp-admin) .cseoa .button-link { padding: 0; border: 0; background: none; color: #2271b1; font-size: 13px; text-decoration: underline; cursor: pointer; box-shadow: none; }
body:not(.wp-admin) .cseoa textarea { padding: 6px 8px; border: 1px solid #8c8f94; border-radius: 4px; background: #fff; color: #1d2327; font-size: 14px; line-height: 1.5; }
body:not(.wp-admin) .cseoa textarea:focus { border-color: #2271b1; outline: 0; box-shadow: 0 0 0 1px #2271b1; }
body:not(.wp-admin) .cseoa p { margin: 0 0 .6em; }