/* E.C.A. Studio — Administration centralisée des accès par forfait. */
.nf-of-offer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px}
.nf-of-offer{appearance:none;text-align:left;border:1px solid rgba(42,37,32,.12);background:#fff;border-radius:14px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:9px;color:var(--nf-ink,#2A2520)}
.nf-of-offer:hover,.nf-of-offer:focus-visible{border-color:var(--nf-copper,#C46742);box-shadow:0 6px 18px rgba(196,103,66,.12);outline:none}
.nf-of-offer-name{font-weight:700;font-size:.95rem}
.nf-of-offer-counts{display:flex;flex-wrap:wrap;gap:6px;font-size:.72rem;color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-offer-counts span{background:rgba(42,37,32,.05);padding:4px 7px;border-radius:999px}
.nf-of-top-actions{margin-top:0;position:sticky;top:0;z-index:2;background:rgba(253,249,238,.96);padding:4px 0 10px;backdrop-filter:blur(8px)}
.nf-of-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(196,103,66,.08);border:1px solid rgba(196,103,66,.16);border-radius:12px;padding:11px 13px;margin-bottom:12px}
.nf-of-summary strong{font-size:.96rem;color:var(--nf-ink,#2A2520)}
.nf-of-summary span{font-size:.75rem;color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px}
.nf-of-tab{appearance:none;border:1px solid rgba(42,37,32,.12);background:#fff;border-radius:11px;padding:10px 7px;cursor:pointer;color:var(--nf-ink,#2A2520);font-size:.76rem;font-weight:650;line-height:1.25}
.nf-of-tab span{display:block;margin-top:3px;font-size:.62rem;font-weight:500;color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-tab.active{border-color:var(--nf-copper,#C46742);background:rgba(196,103,66,.1);color:var(--nf-copper,#C46742)}
.nf-of-type-hint{margin:0 0 12px}
.nf-of-tools{margin-bottom:12px}
.nf-of-tools .nf-ta-search{margin-bottom:8px}
.nf-of-bulk{display:flex;gap:8px;flex-wrap:wrap}
.nf-of-bulk .nf-ta-btn{flex:1;min-width:130px}
.nf-of-list{padding-bottom:4px}
.nf-of-row{display:flex;align-items:center;gap:11px;padding:11px 12px;background:#fff;border:1px solid rgba(42,37,32,.1);border-radius:11px;margin-bottom:7px;cursor:pointer;min-height:58px}
.nf-of-row:hover{border-color:var(--nf-copper,#C46742)}
.nf-of-row.is-included{border-color:rgba(74,123,92,.28);background:rgba(74,123,92,.04)}
.nf-of-row.is-locked{background:rgba(42,37,32,.025)}
.nf-of-row input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--nf-copper,#C46742);cursor:pointer}
.nf-of-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nf-of-copy strong{font-size:.87rem;color:var(--nf-ink,#2A2520);font-weight:650;white-space:normal;line-height:1.3}
.nf-of-copy small{font-size:.69rem;color:var(--nf-ink-mid,#6b5d4f);line-height:1.3}
.nf-of-state{flex:none;border-radius:999px;padding:4px 8px;font-size:.63rem;font-weight:650;white-space:nowrap}
.nf-of-state.included{background:rgba(74,123,92,.12);color:#3f6c50}
.nf-of-state.locked{background:rgba(42,37,32,.07);color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-savebar{position:sticky;bottom:0;z-index:2;padding:10px 0 calc(4px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--nf-cream,#FDF9EE) 72%,rgba(253,249,238,0))}
.nf-of-savebar .nf-ta-btn{width:100%}
@media(max-width:520px){
  .nf-of-offer-list{grid-template-columns:1fr}
  .nf-of-tabs{grid-template-columns:1fr}
  .nf-of-tab{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px 12px}
  .nf-of-tab span{display:inline;margin:0}
  .nf-of-summary{align-items:flex-start;flex-direction:column;gap:4px}
  .nf-of-row{align-items:flex-start}
  .nf-of-state{margin-top:1px}
}

@media(min-width:900px){.nf-of-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ADMIN-CONTENUS-ACCES-UNIFIE-R1 */
.nf-of-offer-special{align-self:flex-start;background:rgba(196,103,66,.1);color:var(--nf-copper,#C46742);border-radius:999px;padding:4px 8px;font-size:.64rem;font-weight:700}
.nf-of-warning{margin:12px 0;border:1px solid rgba(173,108,38,.28);background:rgba(244,180,87,.08);border-radius:12px;padding:10px 12px;font-size:.74rem;color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-warning summary{cursor:pointer;font-weight:700;color:#8a5a1d}
.nf-of-warning div div{margin-top:6px;line-height:1.35}
.nf-of-special-panel{margin:0 0 12px;padding:13px;border:1px solid rgba(196,103,66,.2);background:rgba(196,103,66,.055);border-radius:13px}
.nf-of-special-title{font-weight:750;font-size:.84rem;color:var(--nf-ink,#2A2520);margin-bottom:8px}
.nf-of-special-panel p{margin:8px 0 0;font-size:.72rem;line-height:1.45;color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nf-of-special-grid>div{background:#fff;border:1px solid rgba(42,37,32,.09);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:3px}
.nf-of-special-grid small,.nf-of-special-label{font-size:.65rem;color:var(--nf-ink-mid,#6b5d4f)}
.nf-of-special-grid strong{font-size:.78rem;line-height:1.3;color:var(--nf-ink,#2A2520)}
.nf-of-special-label{display:block;margin-bottom:6px;font-weight:650}
.nf-of-special-panel select{width:100%;box-sizing:border-box;border:1px solid rgba(42,37,32,.18);border-radius:10px;background:#fff;padding:11px;font:inherit;color:var(--nf-ink,#2A2520)}
.nf-of-current-choice{margin-top:8px;font-size:.72rem;color:#3f6c50}
.nf-of-inline-error{display:block;margin:0 0 12px}
.nf-of-row.is-conditional{border-color:rgba(196,103,66,.3);background:rgba(196,103,66,.035)}
.nf-of-state.conditional{background:rgba(196,103,66,.12);color:var(--nf-copper,#C46742)}
.nf-of-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.nf-of-role{appearance:none;border:0;border-radius:999px;padding:4px 7px;font:inherit;font-size:.6rem;font-weight:700;line-height:1.15;white-space:normal;text-align:left}
button.nf-of-role{cursor:pointer}
.nf-of-role.discovery.direct{background:rgba(74,123,92,.12);color:#3f6c50}
.nf-of-role.discovery.conditional{background:rgba(196,103,66,.12);color:var(--nf-copper,#C46742)}
.nf-of-role.programme{background:rgba(86,104,149,.12);color:#50618a}
.nf-of-role.gift{background:rgba(142,92,164,.12);color:#76508a}
.nf-ma-discovery-current{margin:8px 0;font-size:.76rem;color:var(--nf-ink-mid,#6b5d4f)}
@media(max-width:520px){
  .nf-of-special-grid{grid-template-columns:1fr}
  .nf-of-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start}
  .nf-of-row>.nf-of-state{grid-column:2;justify-self:start;margin-top:2px}
  .nf-of-roles{margin-top:6px}
  .nf-of-role{font-size:.58rem}
}
.nf-of-row.is-protected{cursor:default}
.nf-of-row.is-protected input[type=checkbox]{cursor:not-allowed;opacity:.75}