:root{--brand:#6654d9;--surface:#f4f5fa}body{background:var(--surface)}button:not(.secondary),button.active{background:var(--brand);border-color:var(--brand);color:#fff}body[data-theme=oscuro]{--surface:#161b29;color:#e8eaf2}body[data-theme=oscuro] article,body[data-theme=oscuro] dialog,body[data-theme=oscuro] .calendar-day,body[data-theme=oscuro] .context{background:#242b3d;color:#e8eaf2}body[data-theme=oscuro] input,body[data-theme=oscuro] select,body[data-theme=oscuro] textarea{background:#182033;color:#fff}body[data-theme=oscuro] td,body[data-theme=oscuro] th{color:#e8eaf2}header img{max-height:44px;max-width:160px;object-fit:contain}.calendar-tools,.calendar-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:6px;min-width:900px}.calendar-scroll{overflow:auto}.calendar-day{min-height:140px;padding:10px;border:1px solid #dce0ec;border-radius:12px;background:#fff}.calendar-day.today{outline:2px solid var(--brand)}.calendar-event{display:block;width:100%;text-align:left;margin-top:7px;padding:9px;border:0;border-left:5px solid var(--person,#6654d9);background:#edf0f8!important;color:#1f2941!important;border-radius:7px;cursor:pointer;white-space:normal}.calendar-event small{display:block}.calendar-day.drag-over{outline:3px dashed var(--brand)}.calendar-event.cancelada{opacity:.6;text-decoration:line-through}.calendar-legend span{padding:6px 10px;border-left:5px solid var(--person);background:#edf0f8;color:#1f2941}.branding-preview{max-width:220px;max-height:100px}.password-toggle{font-size:.85rem;margin:6px 0}.google-box{padding:18px;margin-top:18px;border:1px solid #dce0ec;border-radius:12px}.calendar-head{font-weight:600;text-align:center}.settings-form{display:grid;gap:16px;max-width:640px}.settings-form label{display:grid;gap:6px}.settings-form input[type=color]{width:100%;height:42px}.calendar-caption{font-size:.9rem;color:#667085}.calendar-controls{display:flex;flex-wrap:wrap;gap:10px}.calendar-controls label{min-width:180px}

#content .calendar-tools input,#content .calendar-tools select{width:auto;flex:0 1 auto;margin:0;min-width:160px}#content .calendar-tools button{margin:0}.calendar-event{border-left-color:var(--person)!important}#content .calendar-tools{align-items:center}@media(max-width:650px){#content .calendar-tools input,#content .calendar-tools select{min-width:0;flex:1 1 42%}.calendar-scroll{max-width:100%}}