/* Citely — Meta AI SEO accent overlay (violet). Loads on top of pinterest.css. */
:root{--mt:#8B7BFF;--mt2:#B8A9FF}

.mico.mt{background:linear-gradient(135deg,#8B7BFF,#3E2FA8);color:#fff}

/* Recolor the shared Pinterest-pink shell accents to Meta violet, so the whole
   module reads as one violet system (tabs, active nav, labels, stat bars). */
.pk-tab.on{border-bottom-color:var(--mt)}
.card h3 .lv{color:var(--mt2)}
.nitem.active{background:linear-gradient(90deg,rgba(139,123,255,.18),rgba(124,108,255,.06));border-color:rgba(139,123,255,.4);box-shadow:0 0 20px rgba(139,123,255,.12)}
.nitem.active::before{background:linear-gradient(180deg,var(--mt2),var(--mt));box-shadow:0 0 12px var(--mt)}
.nitem.active .score{color:var(--mt2);border-color:rgba(139,123,255,.4)}
.sb-sub .subitem.active{background:rgba(139,123,255,.14)}
.sb-sub .subitem.active::before{background:var(--mt);box-shadow:0 0 6px var(--mt)}
.statcard::before{background:linear-gradient(90deg,var(--mt),var(--violet),transparent)}

/* Strategy guide (collapsible) */
.mt-guide{border:1px solid var(--line);border-radius:14px;background:rgba(139,123,255,.05);margin-bottom:16px;overflow:hidden}
.mt-guide-tog{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:0;color:var(--paper);font:inherit;font-size:13.5px;font-weight:600;padding:14px 18px;cursor:pointer}
.mt-guide-tog em{font-style:normal;color:var(--mt2);transition:transform .2s}
.mt-guide.open .mt-guide-tog em{transform:rotate(180deg)}
.mt-guide-body{max-height:0;overflow:hidden;transition:max-height .28s ease}
.mt-guide.open .mt-guide-body{max-height:420px}
.mt-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px 18px}
.mt-zone{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:11px;padding:13px}
.mt-zone .z{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt2);background:rgba(139,123,255,.12);border:1px solid rgba(139,123,255,.3);border-radius:99px;padding:2px 8px;margin-bottom:8px}
.mt-zone b{display:block;font-size:13px;margin-bottom:5px}
.mt-zone p{font-size:11.5px;color:var(--dim);line-height:1.5;margin:0}
@media(max-width:900px){.mt-zones{grid-template-columns:1fr}}

/* Cards emphasis */
.card.mt-hi{border-color:rgba(139,123,255,.32);box-shadow:0 0 0 1px rgba(139,123,255,.06) inset}
.card.mt-opt{opacity:.82}
.card h4{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin:0 0 7px}

/* Copyable field rows */
.mt-field{border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-top:9px;background:rgba(255,255,255,.02)}
.mt-field-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.mt-flabel{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);font-weight:600}
.mt-fnote{font-size:10px;color:var(--mt2)}
.mt-fval{font-size:14px;line-height:1.5;color:var(--paper)}

.mt-copy{margin-left:auto;background:rgba(139,123,255,.14);border:1px solid rgba(139,123,255,.4);color:var(--mt2);border-radius:8px;font:inherit;font-size:11px;font-weight:600;padding:5px 12px;cursor:pointer;transition:.15s;white-space:nowrap}
.mt-copy:hover{background:rgba(139,123,255,.26)}
.mt-copy.wide{margin-top:10px;margin-left:0;width:100%;text-align:center;padding:8px}
.mt-copy.mini{margin-left:6px;padding:2px 8px;font-size:10px}

/* Chips */
.mt-chips{display:flex;flex-wrap:wrap;gap:6px}
.mt-chip{font-size:12px;color:var(--paper);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;padding:4px 11px}
.mt-two{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:900px){.mt-two{grid-template-columns:1fr}}
.mt-regen{margin-top:6px}

/* Content view */
.mt-locbar .mt-locrow{display:flex;gap:8px}
.mt-locbar input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:9px;color:var(--paper);font:inherit;font-size:13px;padding:9px 12px}
.mt-locbar input:focus{outline:none;border-color:var(--mt)}

.mt-cat{margin-top:12px}
.mt-cat-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mt-cat-h h3{margin:0}
.mt-focus{font-size:12px;color:var(--mt2);background:rgba(139,123,255,.1);border:1px solid rgba(139,123,255,.28);border-radius:99px;padding:3px 10px;font-weight:600}
.mt-cat-h .mt-copy{margin-left:auto}
.mt-regen-cat{background:none;border:1px solid var(--line);color:var(--dim);border-radius:8px;cursor:pointer;font-size:12px;padding:5px 9px}
.mt-regen-cat:hover{color:var(--mt2);border-color:rgba(139,123,255,.4)}

.mt-post{margin-top:12px;display:grid;gap:10px}
.mt-line{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start}
.mt-tag2{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:700;padding-top:3px}
.mt-line p{margin:0;font-size:13.5px;line-height:1.55;color:var(--paper)}
.mt-hash{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mt-htag{font-size:12px;color:var(--mt2);background:rgba(139,123,255,.08);border:1px solid rgba(139,123,255,.22);border-radius:7px;padding:3px 8px}
@media(max-width:640px){.mt-line{grid-template-columns:1fr}}

/* ===== Content Ideas library ===== */
.mt-ideabar{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.mt-ideabar .hint{margin:0;flex:1}
.mt-idea-sec{margin-top:12px}
.mt-idea-head{display:flex;align-items:center;gap:12px}
.mt-idea-head h3{margin:0}
.mt-idea-hint{font-size:10.5px;color:var(--dim);letter-spacing:.03em}
.mt-idea-count{margin-left:auto;font-family:'IBM Plex Mono';font-size:11px;color:var(--mt2);background:rgba(139,123,255,.1);border:1px solid rgba(139,123,255,.28);border-radius:99px;padding:3px 10px}
.btn.sm{font-size:12px;padding:6px 12px}
.mt-idea-empty{font-size:12.5px;color:var(--dim);padding:10px 2px 2px}
.mt-idea-list{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:820px){.mt-idea-list{grid-template-columns:1fr}}
.mt-idea{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);transition:.14s}
.mt-idea:hover{border-color:rgba(139,123,255,.4);background:rgba(139,123,255,.05)}
.mt-idea-title{font-size:13px;color:var(--paper);line-height:1.4;flex:1}
.mt-idea-focus{font-size:10.5px;color:var(--mt2);white-space:nowrap;flex:none}
.mt-idea-copy{flex:none;width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:none;color:var(--dim);cursor:pointer;font-size:12px}
.mt-idea-copy:hover{color:var(--mt2);border-color:rgba(139,123,255,.4)}

/* ===== Post Writer (Compose) ===== */
.mt-composer .mt-chatbar{display:flex;gap:10px;align-items:stretch;margin-top:10px}
.mt-composer textarea{
	display:block;width:100%;box-sizing:border-box;
	background:rgba(255,255,255,.035);
	border:1.5px solid var(--line);border-radius:13px;
	color:var(--paper);font:inherit;font-size:14.5px;line-height:1.55;
	padding:14px 16px;resize:vertical;min-height:92px;
	caret-color:var(--mt2);
	transition:border-color .25s ease, box-shadow .3s ease, background .25s ease, transform .22s ease;
}
.mt-composer textarea::selection{background:rgba(124,108,255,.35)}
.mt-composer textarea::placeholder{color:var(--dim);opacity:.7;transition:opacity .25s ease}
.mt-composer textarea:hover{border-color:rgba(139,123,255,.4);background:rgba(139,123,255,.05)}
.mt-composer textarea:focus{
	outline:none;transform:translateY(-1px);
	background:rgba(139,123,255,.055);
	animation:mtFieldGlow 2.8s ease-in-out infinite;
}
.mt-composer textarea:focus::placeholder{opacity:.4}
/* animated cyan <-> violet glow ring while typing */
@keyframes mtFieldGlow{
	0%,100%{ border-color:rgba(124,108,255,.95); box-shadow:0 0 0 4px rgba(124,108,255,.13), 0 10px 34px rgba(124,108,255,.15); }
	50%{ border-color:rgba(79,216,255,.95); box-shadow:0 0 0 4px rgba(79,216,255,.13), 0 10px 34px rgba(79,216,255,.15); }
}
.mt-composer .btn.primary{white-space:nowrap;align-self:stretch}
.mt-refine{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.mt-refine-lab{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.chip2{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--dim);border-radius:99px;font:inherit;font-size:12px;padding:5px 12px;cursor:pointer;transition:.14s}
.chip2:hover{color:var(--mt2);border-color:rgba(139,123,255,.4);background:rgba(139,123,255,.08)}

.mt-res-head{font-size:12px;color:var(--dim);margin:16px 2px 4px}
.mt-res-head b{color:var(--paper)}
.mt-sug{margin-top:10px;border-color:rgba(139,123,255,.22)}
.mt-sug-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mt-sug-n{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mt2);background:rgba(139,123,255,.12);border:1px solid rgba(139,123,255,.3);border-radius:99px;padding:2px 10px}
.mt-sug-h .mt-copy{margin-left:auto}
.mt-sug-title{font-size:16px;font-weight:600;color:var(--paper);line-height:1.35;margin-bottom:7px}
.mt-sug-desc{font-size:13.5px;color:var(--paper);line-height:1.55;opacity:.92;margin-bottom:9px}
.mt-sug-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mt-sug .mt-copy.mini{opacity:.55}
.mt-sug:hover .mt-copy.mini{opacity:1}

.mt-adv{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);padding:0 16px}
.mt-adv summary{cursor:pointer;padding:13px 0;font-size:13px;font-weight:600;color:var(--dim);list-style:none}
.mt-adv summary::-webkit-details-marker{display:none}
.mt-adv[open] summary{color:var(--paper)}
.mt-adv textarea{width:100%;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:9px;color:var(--paper);font:inherit;font-size:12.5px;line-height:1.6;padding:10px 12px;resize:vertical;box-sizing:border-box}
.mt-adv-row{display:flex;align-items:center;gap:12px;margin:10px 0 16px}
.mt-adv-note{font-size:11px;color:var(--mt2)}

/* let idea rows push the action buttons to the right */
.mt-idea-write{flex:none;width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:none;cursor:pointer;font-size:12px}
.mt-idea-write:hover{border-color:rgba(139,123,255,.5);background:rgba(139,123,255,.08)}
.mt-label{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin:6px 0 7px}
.mt-composer .mt-chatbar input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;color:var(--paper);font:inherit;font-size:13.5px;padding:11px 14px}
.mt-composer .mt-chatbar input:focus{outline:none;border-color:var(--mt)}
/* optional "angle" input — subtler matching focus glow */
.mt-composer .mt-chatbar input{transition:border-color .25s ease, box-shadow .3s ease, background .25s ease}
.mt-composer .mt-chatbar input:hover{border-color:rgba(139,123,255,.35)}
.mt-composer .mt-chatbar input:focus{box-shadow:0 0 0 3px rgba(124,108,255,.12)}

/* Locked sidebar items — visible, explained, not clickable (gate state). */
.nitem.locked{opacity:.45;cursor:not-allowed}
.nitem.locked:hover{background:none;color:var(--dim)}
.mstat.lock{margin-left:auto;font-size:10px;opacity:.8}

.bx{color:var(--cyan);font-weight:800;font-style:normal}