/* ============================================================
   Component Library
   :root tokens. Theme-ready.
   ============================================================ */

/* --- C3: MODAL WINDOW --- */
.modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.modal--open{opacity:1;visibility:visible}
.modal__dialog{position:relative;width:90%;max-width:520px;max-height:85vh;background:var(--color-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transform:translateY(16px);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}
.modal--open .modal__dialog{transform:translateY(0)}
.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-bg-secondary);flex-shrink:0}
.modal__title{font-size:1rem;font-weight:700;color:var(--color-text);margin:0}
.modal__close{width:32px;height:32px;border-radius:50%;border:none !important;background:transparent;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0 !important;line-height:1;margin:0 !important}
.modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text)}
.modal__body{padding:20px;overflow-y:auto;flex:1;font-size:.88rem;color:var(--color-text);line-height:1.65}
.modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--color-bg-secondary);flex-shrink:0}
.modal__btn{padding:8px 18px !important;border-radius:var(--border-radius);font-size:.82rem !important;font-weight:600;cursor:pointer;border:1px solid var(--color-bg-secondary);background:var(--color-bg);color:var(--color-text);transition:background .15s,color .15s,border-color .15s;font-family:inherit;margin:0 !important}
.modal__btn:hover{background:var(--color-bg-secondary)}
.modal__btn--primary{background:var(--color-link) !important;color:#fff !important;border-color:var(--color-link)}
.modal__btn--primary:hover{opacity:.88;filter:none !important}
.modal__btn--danger{color:#d32f2f;border-color:#d32f2f}
.modal__btn--danger:hover{background:#d32f2f;color:#fff;filter:none !important}