/*
 * One shared "locked Pro feature" presentation, used by
 * Classynt\SchoolResults\ProUpgradeTeaser::render() everywhere a
 * premium feature needs to be shown on a free install: the Teacher
 * Dashboard, the Report Template setting, and the Audit Trail admin
 * page. Loaded on both the wp-admin screens and the teacher portal so
 * the same markup renders identically in either context.
 */
.classynt-pro-teaser-block { position:relative; overflow:hidden; }
.classynt-pro-badge { display:inline-flex; align-items:center; justify-content:center; background:#fef3c7; color:#92400e; font-size:11px; font-weight:850; letter-spacing:.08em; border:1px solid #fde68a; border-radius:999px; padding:6px 11px; white-space:nowrap; }
.classynt-pro-kicker { display:inline-block; margin-bottom:5px; color:#b45309; font-size:10px; font-weight:900; letter-spacing:.12em; }
.classynt-pro-locked-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px; border-bottom:1px solid #eef1f6; background:linear-gradient(135deg,#fffdf7,#fff9eb); }
.classynt-pro-locked-header h3 { margin:0 0 5px !important; color:#172033; font-size:16px !important; }
.classynt-pro-locked-header p { margin:0; color:#667085; font-size:13px; }
.classynt-pro-preview-wrap { position:relative; min-height:220px; overflow:hidden; }
.classynt-pro-preview { filter:blur(3px); opacity:.58; transform:scale(1.015); pointer-events:none; user-select:none; padding:20px 22px; }
.classynt-pro-overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:28px; background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.86)); backdrop-filter:blur(1px); }
.classynt-pro-overlay strong { color:#172033; font-size:17px; }
.classynt-pro-overlay p { max-width:480px; margin:7px 0 16px; color:#667085; font-size:13px; line-height:1.6; }
.classynt-pro-lock-icon { width:40px; height:40px; display:grid; place-items:center; margin-bottom:10px; border-radius:12px; background:#fff7df; border:1px solid #fde68a; color:#b45309; font-size:19px; box-shadow:0 8px 22px rgba(180,83,9,.12); }
.classynt-pro-overlay .button-primary { border:0; border-radius:10px; padding:7px 18px; background:linear-gradient(135deg,#2563eb,#1d4ed8); box-shadow:0 8px 18px rgba(37,99,235,.22); }

/* Decorative preview mock-ups (no functional inputs — display only) */
.classynt-pro-mock-field { background:#fff; border:1px solid #e3e8ef; border-radius:8px; padding:9px 12px; font-size:12.5px; color:#8a93a3; margin-bottom:9px; }
.classynt-pro-mock-row { display:flex; gap:10px; margin-bottom:9px; }
.classynt-pro-mock-row .classynt-pro-mock-field { flex:1; margin-bottom:0; }

/* Small inline "PRO" tag for table headers/labels where a full teaser
   block would be too heavy (e.g. a locked column header). */
.classynt-pro-badge-inline { display:inline-flex; align-items:center; background:#fef3c7; color:#92400e; font-size:9.5px; font-weight:800; letter-spacing:.06em; border:1px solid #fde68a; border-radius:999px; padding:2px 7px; vertical-align:middle; margin-left:4px; }

/* Read-only stand-in shown in place of the (Pro-only) Fee Access
   select on a free install — always reads "Paid" since a free
   install can never mark anyone Outstanding in the first place. */
.classynt-fee-status-locked { color:#8a93a3; font-size:12.5px; font-style:italic; cursor:not-allowed; }

.classynt-pro-teacher-note { color:#667085; font-size:13px; line-height:1.6; margin:0; }
.classynt-pro-mock-swatches { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; padding-top:8px; }
.classynt-pro-mock-swatch { width:84px; border-radius:10px; overflow:hidden; background:#fff; border:1px solid #e3e8ef; }
.classynt-pro-mock-swatch-color { height:44px; }
.classynt-pro-mock-swatch-label { display:block; font-size:9.5px; text-align:center; padding:5px 2px; color:#667085; }

@media (max-width:782px) {
  .classynt-pro-locked-header { align-items:flex-start; flex-direction:column; }
}

/*
 * Inline variant: a single locked option surfaced inside an otherwise
 * free settings panel (e.g. one Grading preset out of several). Same
 * component, same classes, just constrained to sit between existing
 * controls instead of taking over the whole card.
 */
.classynt-grading-preset-lock { margin:4px 0 18px; border:1px solid #eef1f6; border-radius:12px; }
.classynt-grading-preset-lock .classynt-pro-preview-wrap { min-height:150px; }
.classynt-template-lock { margin:14px 0 0; border:1px solid #eef1f6; border-radius:12px; }
.classynt-template-lock .classynt-pro-preview-wrap { min-height:150px; }