/* ============================================================
   Company Reminders V2 — page-scoped overrides on top of
   redesign-competences.css. The whole shell (.cc-screen,
   .cc-pagehead, .cc-summary, .cc-filterbar, .cc-tablecard,
   .cc-pop, .cc-pop-notif, .cc-docs-zone, ...) is inherited.

   Only deltas live here:
     - reminder-type icon variants (contract / car / lease / insure)
     - name + secondary-line cell layout for the first column
   ============================================================ */

/* Reminder-type icon variants — extends cc-type__icon tokens.
   --license and --other already defined in redesign-competences.css. */
.cc-type__icon--contract { background: rgba(4,148,218,.10);  color: #0494da; }
.cc-type__icon--car      { background: rgba(111,62,176,.12); color: #6f3eb0; }
.cc-type__icon--lease    { background: rgba(230,167,0,.16);  color: #b08000; }
.cc-type__icon--insure   { background: rgba(217,44,44,.10);  color: #d92c2c; }

/* Name + reminder-number secondary line (first column on the grid).
   Replaces avatar+role used on Competences. */
.cr-name { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.cr-name__title {
    font: 600 13px var(--is-font-sans, "Inter", system-ui, sans-serif);
    color: var(--is-fg-1, #0c111c);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cr-name__meta {
    font: 500 11px var(--is-font-sans, "Inter", system-ui, sans-serif);
    color: var(--is-fg-3, #6b7384);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cr-name__meta i { font-size: 9px; margin-right: 4px; opacity: .75; }

/* ── Reminders V2 popup centering override ───────────────────
   Shared .cc-pop in redesign-competences.css uses transform-based
   centering (translate(-50%, -50%)). That creates a new containing
   block, which throws off Syncfusion's SfDropDownList popup
   positioning — the dropdown opens over the input instead of below.
   Scoped fix: replace centering with inset + margin auto for this
   popup only, leaving Competences V2 popup behaviour unchanged.
   Mobile (≤600px) is unaffected because the existing @media query
   in redesign-competences.css overrides .cc-pop to full-viewport. */
.cr-pop {
    top: auto;
    left: auto;
    transform: none;
    inset: 0;
    margin: auto;
    height: fit-content;
}