/* WP SEO Next - Frontend Inspector (admin-only)
   Keep CSS isolated to avoid theme conflicts.
*/

#wpsn-inspector{position:fixed;right:16px;bottom:16px;z-index:999999;max-width:420px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;}

#wpsn-inspector .wpsn-inspector__toggle{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#2271b1;color:#fff;border-radius:999px;padding:10px 14px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.25);}
#wpsn-inspector .wpsn-inspector__toggle:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;}

#wpsn-inspector .wpsn-inspector__panel{display:none;position:absolute;right:0;bottom:48px;width:420px;max-width:calc(100vw - 32px);max-height:80vh;overflow:auto;background:#1f2328;color:#e6edf3;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.45);}

#wpsn-inspector[data-open="1"] .wpsn-inspector__panel{display:block;}

#wpsn-inspector .wpsn-inspector__head{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#1f2328;z-index:1;}
#wpsn-inspector .wpsn-inspector__title{font-weight:700;font-size:14px;}
#wpsn-inspector .wpsn-inspector__meta{font-size:12px;opacity:.8;flex:1;}
#wpsn-inspector .wpsn-inspector__close{all:unset;cursor:pointer;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.06);}
#wpsn-inspector .wpsn-inspector__close:hover{background:rgba(255,255,255,.12);}

#wpsn-inspector .wpsn-inspector__body{padding:12px;}

#wpsn-inspector .wpsn-inspector__section{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;margin-bottom:10px;background:rgba(255,255,255,.03);}
#wpsn-inspector .wpsn-inspector__section-title{font-weight:700;font-size:13px;margin-bottom:8px;}

#wpsn-inspector .wpsn-inspector__kv{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;font-size:12px;padding:6px 0;border-top:1px dashed rgba(255,255,255,.08);}
#wpsn-inspector .wpsn-inspector__kv:first-of-type{border-top:none;}
#wpsn-inspector .wpsn-inspector__kv span:first-child{opacity:.7;min-width:120px;}
#wpsn-inspector .wpsn-inspector__kv span:last-child{text-align:right;word-break:break-word;}

#wpsn-inspector .wpsn-inspector__list{margin:0;padding-left:16px;font-size:12px;}
#wpsn-inspector .wpsn-inspector__list li{margin:6px 0;}

#wpsn-inspector .wpsn-inspector__notice{font-size:12px;padding:8px 10px;border-radius:10px;margin-bottom:10px;}
#wpsn-inspector .wpsn-inspector__notice.success{background:rgba(0,163,42,.18);border:1px solid rgba(0,163,42,.35);}
#wpsn-inspector .wpsn-inspector__notice.error{background:rgba(214,54,56,.15);border:1px solid rgba(214,54,56,.35);}
#wpsn-inspector .wpsn-inspector__notice.info{background:rgba(34,113,177,.12);border:1px solid rgba(34,113,177,.35);}

#wpsn-inspector .wpsn-inspector__muted{font-size:12px;opacity:.8;}

#wpsn-inspector .wpsn-inspector__form{display:flex;flex-direction:column;gap:10px;}

#wpsn-inspector .wpsn-inspector__field{display:flex;flex-direction:column;gap:6px;}
#wpsn-inspector .wpsn-inspector__field-label{font-size:12px;font-weight:600;}

#wpsn-inspector input[type="text"],
#wpsn-inspector textarea,
#wpsn-inspector select{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e6edf3;padding:8px 10px;font-size:12px;}

#wpsn-inspector textarea{resize:vertical;min-height:54px;}

#wpsn-inspector .wpsn-inspector__field-help{font-size:11px;opacity:.75;word-break:break-word;}

#wpsn-inspector .wpsn-inspector__subhead{margin-top:6px;font-size:12px;font-weight:700;opacity:.9;}

#wpsn-inspector .wpsn-inspector__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}

/* AI controls */
#wpsn-inspector .wpsn-inspector__ai{margin-top:8px;}
#wpsn-inspector .wpsn-inspector__ai-controls{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;}
#wpsn-inspector .wpsn-inspector__ai-control{display:flex;flex-direction:column;gap:6px;font-size:12px;}
#wpsn-inspector .wpsn-inspector__ai-control--check{flex-direction:row;align-items:center;gap:8px;margin-top:20px;}
#wpsn-inspector .wpsn-inspector__ai-control--check input{width:auto;}
#wpsn-inspector .wpsn-inspector__ai-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
#wpsn-inspector .wpsn-inspector__ai-status{margin-top:8px;}

/* AI highlight */
#wpsn-inspector .wpsn-inspector__field--ai-applied input,
#wpsn-inspector .wpsn-inspector__field--ai-applied textarea,
#wpsn-inspector .wpsn-inspector__field--ai-applied select{border-color:rgba(0,163,42,.55);box-shadow:0 0 0 1px rgba(0,163,42,.25) inset;}

#wpsn-inspector .wpsn-inspector__field--ai-suggested input,
#wpsn-inspector .wpsn-inspector__field--ai-suggested textarea,
#wpsn-inspector .wpsn-inspector__field--ai-suggested select{border-color:rgba(255, 200, 0, .55);box-shadow:0 0 0 1px rgba(255, 200, 0, .22) inset;}

#wpsn-inspector .wpsn-inspector__ai-hint{font-size:11px;opacity:.9;line-height:1.35;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);word-break:break-word;}

#wpsn-inspector .wpsn-inspector__ai-apply{margin-left:8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit;padding:3px 8px;font-size:11px;cursor:pointer;}
#wpsn-inspector .wpsn-inspector__ai-apply:hover{background:rgba(255,255,255,.12);}

#wpsn-inspector .wpsn-inspector__table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px;}
#wpsn-inspector .wpsn-inspector__table th,
#wpsn-inspector .wpsn-inspector__table td{padding:8px 8px;border-top:1px solid rgba(255,255,255,.10);vertical-align:top;}
#wpsn-inspector .wpsn-inspector__table th{font-weight:700;opacity:.9;text-align:left;position:sticky;top:44px;background:#1f2328;z-index:2;}
#wpsn-inspector .wpsn-inspector__table tr.is-missing td{background:rgba(214,54,56,.10);}

#wpsn-inspector .wpsn-inspector__snippet{margin-top:6px;font-size:11px;opacity:.85;line-height:1.35;}
#wpsn-inspector .wpsn-inspector__mark{background:rgba(255, 200, 0, .35);color:inherit;padding:0 2px;border-radius:4px;}

#wpsn-inspector .wpsn-inspector__keyword-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}

#wpsn-inspector .button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e6edf3;padding:8px 10px;font-size:12px;text-decoration:none;cursor:pointer;}
#wpsn-inspector .button:hover{background:rgba(255,255,255,.10);}
#wpsn-inspector .button.button-primary{background:#2271b1;border-color:#2271b1;color:#fff;}

@media (prefers-color-scheme: light){
  #wpsn-inspector .wpsn-inspector__panel{background:#fff;color:#1f2328;border-color:rgba(0,0,0,.12);}
  #wpsn-inspector .wpsn-inspector__head{background:#fff;border-bottom-color:rgba(0,0,0,.08);}
  #wpsn-inspector .wpsn-inspector__section{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.10);}
  #wpsn-inspector input[type="text"],
  #wpsn-inspector textarea,
  #wpsn-inspector select{background:#fff;color:#1f2328;border-color:rgba(0,0,0,.12);}
  #wpsn-inspector .button{background:#fff;color:#1f2328;border-color:rgba(0,0,0,.12);}
  #wpsn-inspector .button:hover{background:rgba(0,0,0,.04);}

  #wpsn-inspector .wpsn-inspector__table th{background:#fff;border-top-color:rgba(0,0,0,.12);}
  #wpsn-inspector .wpsn-inspector__table th,
  #wpsn-inspector .wpsn-inspector__table td{border-top-color:rgba(0,0,0,.12);}
  #wpsn-inspector .wpsn-inspector__table tr.is-missing td{background:rgba(214,54,56,.08);}
}
