/* ============ DOCUMENTS ADMINISTRATIFS - Styles ============ */
/* Préfixe `.mdoc-` pour éviter toute collision avec files.html */

.mdoc-stats-row{display:flex;gap:0.6rem;margin-bottom:1rem;flex-wrap:wrap;}
.mdoc-stat-card{flex:1;min-width:140px;background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:0.85rem;box-shadow:var(--shadow);}
.mdoc-stat-label{font-size:0.7rem;color:var(--ink-light);text-transform:uppercase;letter-spacing:0.04em;font-weight:600;margin-bottom:0.3rem;}
.mdoc-stat-value{font-size:1.6rem;font-weight:700;line-height:1;}
.mdoc-stat-card.green .mdoc-stat-value{color:var(--success);}
.mdoc-stat-card.orange .mdoc-stat-value{color:var(--orange,#f97316);}
.mdoc-stat-card.red .mdoc-stat-value{color:var(--danger);}
.mdoc-stat-card.blue .mdoc-stat-value{color:var(--accent);}

.mdoc-filters-bar{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:0.65rem 0.85rem;display:flex;gap:0.6rem;align-items:center;flex-wrap:wrap;margin-bottom:0.85rem;box-shadow:var(--shadow);}
.mdoc-filters-bar select, .mdoc-filters-bar input{padding:0.45rem 0.7rem;border:1.5px solid var(--border);border-radius:8px;font-size:0.82rem;font-family:'Montserrat',sans-serif;background:#fff;outline:none;color:var(--ink);}
.mdoc-filters-bar label{font-size:0.75rem;color:var(--ink-light);font-weight:600;}

.mdoc-matrix-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:auto;-webkit-overflow-scrolling:touch;}
.mdoc-matrix{border-collapse:collapse;width:100%;font-size:0.82rem;}
.mdoc-matrix th, .mdoc-matrix td{border:1px solid var(--cream-dark);padding:0.55rem 0.6rem;text-align:left;}
.mdoc-matrix thead th{background:var(--cream);font-weight:700;color:var(--ink);font-size:0.74rem;text-transform:uppercase;letter-spacing:0.03em;position:sticky;top:0;z-index:1;text-align:center;vertical-align:bottom;}
.mdoc-matrix thead th:first-child{text-align:left;left:0;z-index:2;background:var(--cream);}
.mdoc-matrix tbody td:first-child{position:sticky;left:0;background:#fff;font-weight:600;z-index:1;min-width:180px;border-right:2px solid var(--cream-dark);}
.mdoc-matrix tbody tr:hover td{background:var(--cream);}
.mdoc-matrix tbody tr:hover td:first-child{background:var(--cream);}
.mdoc-cell{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;transition:transform 0.1s;}
.mdoc-cell:hover{transform:scale(1.15);}
.mdoc-cell.signed, .mdoc-cell.received{background:var(--success-light,#dcfce7);color:var(--success,#16a34a);}
.mdoc-cell.pending{background:#ffedd5;color:#f97316;}
.mdoc-cell.missing{background:#f3f4f6;color:#6b7280;}
.mdoc-cell.expired, .mdoc-cell.rejected{background:var(--danger-light,#fee2e2);color:var(--danger,#dc2626);}
.mdoc-cell.expiring{background:#fef3c7;color:#a16207;}
.mdoc-cell.na{background:#e5e7eb;color:#4b5563;}
.mdoc-legend{display:flex;gap:0.7rem;flex-wrap:wrap;font-size:0.75rem;color:var(--ink-light);padding:0.7rem 0.85rem;background:var(--cream);border-top:1px solid var(--cream-dark);}
.mdoc-legend-dot{width:14px;height:14px;border-radius:4px;display:inline-block;margin-right:0.3rem;}

/* Drawer admin */
.mdoc-drawer-overlay{position:fixed;inset:0;background:rgba(26,26,46,0.55);backdrop-filter:blur(4px);z-index:200;display:none;align-items:flex-end;justify-content:center;}
.mdoc-drawer-overlay.open{display:flex;}
.mdoc-drawer{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp 0.25s ease;}
@media(min-width:600px){.mdoc-drawer-overlay{align-items:center;padding:1rem;}.mdoc-drawer{border-radius:20px;}}
.mdoc-drawer-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0.75rem auto 0;}
.mdoc-drawer-head{padding:0.85rem 1.25rem 0.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;}
.mdoc-drawer-head h3{font-size:1.1rem;line-height:1.3;}
.mdoc-drawer-head .sub{font-size:0.78rem;color:var(--ink-light);margin-top:0.15rem;}
.mdoc-drawer-close{width:34px;height:34px;border-radius:50%;background:var(--cream-dark);border:none;font-size:1.15rem;cursor:pointer;flex-shrink:0;}
.mdoc-drawer-body{padding:0.5rem 1.25rem 0;}
.mdoc-drawer-foot{padding:1rem 1.25rem 1.25rem;display:flex;gap:0.5rem;flex-wrap:wrap;border-top:1px solid var(--cream-dark);margin-top:0.75rem;background:var(--cream);border-radius:0 0 20px 20px;}
.mdoc-status-pill{display:inline-block;padding:0.2rem 0.7rem;border-radius:20px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;}
.mdoc-status-pill.signed, .mdoc-status-pill.received{background:var(--success-light,#dcfce7);color:var(--success,#16a34a);}
.mdoc-status-pill.pending{background:#ffedd5;color:#f97316;}
.mdoc-status-pill.missing{background:#f3f4f6;color:#6b7280;}
.mdoc-status-pill.expired, .mdoc-status-pill.rejected{background:var(--danger-light,#fee2e2);color:var(--danger,#dc2626);}
.mdoc-status-pill.na{background:#e5e7eb;color:#4b5563;}

/* Cards membre */
.mdoc-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:0.85rem;}
.mdoc-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:0.6rem;transition:transform 0.15s, box-shadow 0.15s;}
.mdoc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.mdoc-card-head{display:flex;align-items:flex-start;gap:0.7rem;}
.mdoc-card-icon{font-size:1.7rem;line-height:1;flex-shrink:0;}
.mdoc-card-title-wrap{flex:1;min-width:0;}
.mdoc-card-title{font-size:0.95rem;font-weight:700;color:var(--ink);line-height:1.25;}
.mdoc-card-desc{font-size:0.76rem;color:var(--ink-light);margin-top:0.2rem;line-height:1.4;}
.mdoc-card-status{font-size:0.78rem;display:flex;align-items:center;gap:0.35rem;padding:0.4rem 0.6rem;border-radius:8px;font-weight:600;}
.mdoc-card-status.signed, .mdoc-card-status.received{background:var(--success-light,#dcfce7);color:var(--success,#16a34a);}
.mdoc-card-status.pending{background:#ffedd5;color:#f97316;}
.mdoc-card-status.missing{background:#f3f4f6;color:#6b7280;}
.mdoc-card-status.expired, .mdoc-card-status.rejected{background:var(--danger-light,#fee2e2);color:var(--danger,#dc2626);}
.mdoc-card-status.na{background:#e5e7eb;color:#4b5563;}
.mdoc-card-actions{display:flex;gap:0.4rem;margin-top:auto;}
.mdoc-card-actions .btn{flex:1;font-size:0.8rem;padding:0.55rem 0.6rem;}

/* Modal signature OTP */
.mdoc-modal-overlay{position:fixed;inset:0;background:rgba(26,26,46,0.55);backdrop-filter:blur(4px);z-index:300;display:none;align-items:flex-end;justify-content:center;}
.mdoc-modal-overlay.open{display:flex;}
.mdoc-modal-box{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp 0.25s ease;}
@media(min-width:600px){.mdoc-modal-overlay{align-items:center;padding:1rem;}.mdoc-modal-box{border-radius:20px;}}
.mdoc-modal-head{padding:0.85rem 1.25rem 0.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;border-bottom:1px solid var(--cream-dark);}
.mdoc-modal-head h3{font-size:1.1rem;}
.mdoc-modal-close{width:34px;height:34px;border-radius:50%;background:var(--cream-dark);border:none;font-size:1.15rem;cursor:pointer;}
.mdoc-modal-body{padding:1rem 1.25rem;}
.mdoc-modal-foot{padding:0.85rem 1.25rem;display:flex;gap:0.5rem;border-top:1px solid var(--cream-dark);background:var(--cream);}
.mdoc-modal-foot .btn{flex:1;}

.mdoc-doc-preview{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:1.1rem 1.25rem;font-size:0.86rem;line-height:1.55;color:var(--ink);max-height:340px;overflow-y:auto;font-family:'Montserrat',Helvetica,Arial,sans-serif;}

.mdoc-sig-canvas-wrap{background:#fff;border:2px dashed var(--border);border-radius:var(--r-sm);position:relative;overflow:hidden;}
.mdoc-sig-canvas-wrap canvas{display:block;width:100%;height:160px;cursor:crosshair;touch-action:none;}
.mdoc-sig-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#cbd5e1;font-size:0.85rem;pointer-events:none;}

.mdoc-form-field{margin-bottom:0.85rem;}
.mdoc-form-field label{display:block;font-size:0.78rem;font-weight:700;color:var(--ink-light);margin-bottom:0.3rem;text-transform:uppercase;letter-spacing:0.04em;}
.mdoc-form-field label .req{color:var(--danger);margin-left:0.2rem;}
.mdoc-form-field input, .mdoc-form-field textarea, .mdoc-form-field select{width:100%;padding:0.65rem 0.85rem;border:1.5px solid var(--border);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:0.88rem;color:var(--ink);background:#fff;outline:none;}
.mdoc-form-field input:focus, .mdoc-form-field textarea:focus, .mdoc-form-field select:focus{border-color:var(--accent);}
.mdoc-form-field textarea{resize:vertical;min-height:70px;}
.mdoc-form-field-checkbox{display:flex;align-items:flex-start;gap:0.6rem;background:var(--cream);padding:0.7rem 0.85rem;border-radius:8px;}
.mdoc-form-field-checkbox input[type=checkbox]{margin:0.2rem 0 0 0;width:18px;height:18px;flex-shrink:0;}
.mdoc-form-field-checkbox label{margin:0;text-transform:none;letter-spacing:normal;font-weight:500;font-size:0.84rem;color:var(--ink);line-height:1.4;}

.mdoc-otp-input{width:100%;padding:0.85rem;border:1.5px solid var(--border);border-radius:10px;font-size:1.6rem;font-family:'Menlo','Consolas',monospace;text-align:center;letter-spacing:0.4rem;font-weight:700;background:#fff;outline:none;}
.mdoc-otp-input:focus{border-color:var(--accent);}
.mdoc-otp-timer{font-size:0.78rem;color:var(--ink-light);margin-top:0.4rem;text-align:center;}

/* Sub-tabs (Matrice / Mes documents) pour admin+membre */
.mdoc-subtabs{display:flex;gap:0.4rem;margin-bottom:1rem;background:var(--cream-dark);padding:4px;border-radius:10px;}
.mdoc-subtab{flex:1;background:transparent;border:0;padding:0.55rem 0.85rem;border-radius:7px;font-family:'Montserrat',sans-serif;font-size:0.85rem;font-weight:600;color:var(--ink-light);cursor:pointer;}
.mdoc-subtab.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,0.08);}