/* Shared Finalize pill — used in 4 surfaces (homepage agenda, calendar block,
   gradebook, lesson-plans list). One component, 5 states, identical visual
   language everywhere. Pulled from window.tcLessonFinalizeState. */

.tc-fpill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    cursor: pointer;
    user-select: none;
    transition: filter .12s ease, box-shadow .12s ease;
    font-family: inherit;
    white-space: nowrap;
}
.tc-fpill:hover:not([data-readonly="1"]) { filter: brightness(0.96); }
.tc-fpill:focus-visible { outline: 2px solid #4263eb; outline-offset: 1px; }
.tc-fpill[data-readonly="1"] { cursor: default; }

.tc-fpill-icon { font-size: 10px; line-height: 1; }
.tc-fpill-label { letter-spacing: .01em; }

/* State tones */
.tc-fpill[data-state="draft"]     { background: #f1f3f5; color: #6c757d; border-color: #dee2e6; }
.tc-fpill[data-state="published"] { background: #e7f0fb; color: #1864ab; border-color: #b8d3f2; }
.tc-fpill[data-state="ready"]     { background: #ffffff; color: #2b8a3e; border-color: #2b8a3e; }
.tc-fpill[data-state="scheduled"] { background: #fff4cf; color: #856404; border-color: #ffd43b; }
.tc-fpill[data-state="finalized"] { background: #d3f9d8; color: #1e6b32; border-color: #8ce99a; }

/* "Ready" gently pulses to draw the eye — finalize action waiting */
.tc-fpill[data-state="ready"]:not([data-readonly="1"]) {
    animation: tc-fpill-pulse 2.4s ease-in-out infinite;
}
@keyframes tc-fpill-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(43, 138, 62, 0.30); }
    50%      { box-shadow: 0 0 0 6px rgba(43, 138, 62, 0.00); }
}

/* Compact variant for tight spaces (calendar lesson block, gradebook header) */
.tc-fpill-compact { padding: 1px 7px; font-size: 10px; gap: 4px; }
.tc-fpill-compact .tc-fpill-icon { font-size: 9px; }

/* Inline variant — strips the border + bg, used inside already-decorated rows */
.tc-fpill-inline {
    background: transparent !important;
    border-color: transparent !important;
    padding: 0 4px;
}