.leave-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }.leave-summary article { padding:20px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:var(--shadow-sm); }.leave-summary span { display:block; color:var(--muted); font-size:13px; font-weight:700; }.leave-summary strong { display:block; margin-top:10px; color:var(--brand-navy); font-size:28px; }
.leave-search { margin:12px 0; padding:12px 15px; border:1px solid var(--line); border-radius:10px; background:#fafcfe; }.leave-search input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; }
.leave-row { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(150px,1fr) minmax(150px,.9fr) 105px auto; gap:14px; align-items:center; padding:15px 6px; border-top:1px solid var(--line); }.leave-row:first-child { border-top:0; }.leave-row h3 { margin:0 0 4px; color:#2d4565; font-size:14px; }.leave-row p,.leave-row small { display:block; margin:0; color:var(--muted); font-size:12px; }.leave-row strong { display:block; color:#344d6d; font-size:13px; }.leave-status { display:inline-flex; width:max-content; padding:6px 9px; border-radius:20px; color:#16765d; background:#e4f7f0; font-size:10px; font-weight:900; text-transform:uppercase; }.leave-status.anulada { color:#a92d37; background:#ffeded; }.leave-actions { display:flex; gap:6px; }.leave-actions button { border:0; border-radius:8px; padding:8px 10px; color:var(--brand-navy); background:#eaf4fa; font-size:11px; font-weight:800; }.leave-actions .void-leave { color:#a02e38; background:#fff0f1; }
.leave-form-note { margin:17px 0 4px; padding:11px 13px; border:1px solid #cce8f3; border-radius:9px; color:#42677f; background:#eef9fd; font-size:12px; }.leave-days-preview { display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:14px; padding:12px 14px; border-radius:10px; color:#536b84; background:#eff7fb; }.leave-days-preview span { font-size:12px; }.leave-days-preview strong { color:var(--brand-navy); font-size:17px; }
.leave-certificate { color:#172b4d; }.certificate-title { text-align:center; margin:22px 0; }.certificate-title h1 { margin:0; color:#305080; font-size:24px; text-transform:uppercase; letter-spacing:.08em; }.certificate-title p { margin:5px 0 0; color:#607089; }.certificate-body { font-size:14px; line-height:1.8; }.certificate-body .certificate-highlight { margin:18px 0; padding:16px; border:1px solid #cbd9e7; border-radius:9px; background:#f7fafc; }.certificate-signature { width:270px; margin:65px 0 0 auto; padding-top:9px; border-top:1px solid #334c6a; text-align:center; }.certificate-signature strong,.certificate-signature span { display:block; }.certificate-signature span { margin-top:4px; color:#62738a; font-size:11px; }
html[data-theme="dark"] .leave-summary article { border-color:#263a57; background:#101f35; } html[data-theme="dark"] .leave-summary strong,html[data-theme="dark"] .leave-row h3,html[data-theme="dark"] .leave-row strong { color:#dce8f6; } html[data-theme="dark"] .leave-search { border-color:#344963; background:#0d1b30; } html[data-theme="dark"] .leave-row { border-color:#293d57; } html[data-theme="dark"] .leave-row p,html[data-theme="dark"] .leave-row small { color:#a9b8ca; } html[data-theme="dark"] .leave-status { color:#7de1c2; background:#163c3a; } html[data-theme="dark"] .leave-status.anulada { color:#ffaaa5; background:#4a282c; } html[data-theme="dark"] .leave-actions button { color:#8bdcf3; background:#1b3a55; } html[data-theme="dark"] .leave-actions .void-leave { color:#ffaaa5; background:#43282e; } html[data-theme="dark"] .leave-form-note { color:#a7d9ec; border-color:#29516b; background:#112c43; } html[data-theme="dark"] .leave-days-preview { color:#b0c0d1; background:#162d46; } html[data-theme="dark"] .leave-days-preview strong { color:#8bdcf3; }
@media(max-width:900px){.leave-row{grid-template-columns:1fr 1fr}.leave-row>div:last-child{justify-self:end}}
@media(max-width:760px){.leave-summary{grid-template-columns:1fr}.leave-row{grid-template-columns:1fr auto}.leave-row>div:nth-child(2),.leave-row>div:nth-child(3){grid-column:1}.leave-actions{grid-column:2;grid-row:1/3;display:grid}}
.record-leave { display:grid; grid-template-columns:minmax(190px,1fr) minmax(170px,1fr) 100px auto; gap:14px; align-items:center; padding:16px 5px; border-top:1px solid var(--line); }.record-leave:first-child { border-top:0; }.record-leave h3 { margin:0 0 5px; color:#2d4565; font-size:14px; }.record-leave p,.record-leave small { display:block; margin:0; color:var(--muted); font-size:12px; }.record-leave strong { display:block; color:#344d6d; font-size:13px; }.record-leave-actions { display:flex; gap:6px; }.record-leave-actions button { border:0; border-radius:8px; padding:8px 10px; color:var(--brand-navy); background:#eaf4fa; font-size:11px; font-weight:800; }.record-leave-actions .void-leave { color:#a02e38; background:#fff0f1; }
html[data-theme="dark"] .record-leave { border-color:#293d57; } html[data-theme="dark"] .record-leave h3,html[data-theme="dark"] .record-leave strong { color:#dce8f6; } html[data-theme="dark"] .record-leave p,html[data-theme="dark"] .record-leave small { color:#a9b8ca; } html[data-theme="dark"] .record-leave-actions button { color:#8bdcf3; background:#1b3a55; } html[data-theme="dark"] .record-leave-actions .void-leave { color:#ffaaa5; background:#43282e; }
@media(max-width:760px){.record-leave{grid-template-columns:1fr auto}.record-leave>div:nth-child(2){grid-column:1}.record-leave-actions{grid-column:2;grid-row:1/3;display:grid}}
@media(max-width:760px){
  .leave-summary{grid-template-columns:1fr}
  .leave-row,.record-leave{grid-template-columns:1fr!important}
  .leave-actions,.record-leave-actions{grid-template-columns:1fr 1fr;width:100%}
  .leave-actions button,.record-leave-actions button{width:100%;min-height:40px}
  .leave-status{font-size:11px}
  .leave-form-note{font-size:13px;line-height:1.45}
  .leave-days-preview{justify-content:space-between}
}