.state-activa{background:#e1f2e9;color:#286544}
.state-inactiva{background:#f5dddd;color:#843939}
.toast.success{background:#e1f2e9;color:#286544}
.traffic-legend{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 14px;color:var(--muted);font-size:13px}
.traffic-legend span{display:flex;align-items:center;gap:7px}
.traffic-light{display:inline-block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #0000000d}
.traffic-light.verde{background:#2ca66f}
.traffic-light.amarillo{background:#e5ad22}
.traffic-light.rojo{background:#d84a4a}
.notification-list .notification{display:flex;align-items:center;gap:12px;padding:14px 8px;border-bottom:1px solid var(--line)}
.notification-list .notification:last-child{border-bottom:0}
.notification-list .notification.unread{background:#f4f8f7}
.notification-list .notification span{flex:1}
.notification-list .notification time{color:var(--muted);font-size:12px}
.notification-dot{width:9px;height:9px;border-radius:50%;background:#82928e}
.due-verde{background:#f4fbf7}
.due-amarillo{background:#fffaf0}
.due-rojo{background:#fff4f4}
.quick-task-card{width:min(720px,96vw)}
.quick-task-card select[hidden]{display:none!important}
.modal-form select[hidden]{display:none!important}
.quick-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.multi-picker{position:relative;margin-top:5px;min-height:46px;border:1px solid #bfc8cd;border-radius:8px;background:#fff;padding:6px;cursor:text}
.multi-picker:focus-within{border-color:#2878b5;box-shadow:0 0 0 2px #2878b51f}
.multi-picker-values{display:flex;flex-wrap:wrap;gap:6px}
.multi-picker input[type="search"]{border:0;margin:0;padding:7px;outline:0;box-shadow:none;min-width:180px}
.multi-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 6px 4px 4px;border:1px solid #bad3e3;border-radius:6px;background:#e8f3fa;color:#234c64}
.multi-chip i,.multi-picker-option>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#2878b5;color:#fff;font-style:normal;font-size:12px}
.multi-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multi-chip button{padding:0 4px;background:none;color:#46616e;font-size:18px}
.multi-picker-menu{position:absolute;z-index:120;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;padding:5px;background:#fff;border:1px solid #c9d0d4;border-radius:8px;box-shadow:0 12px 30px #1a2c2630}
.multi-picker-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:#fff;color:var(--ink);text-align:left}
.multi-picker-option:hover,.multi-picker-option.selected{background:#eaf3f8}
.multi-picker-option span{flex:1;min-width:0}.multi-picker-option b,.multi-picker-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multi-picker-option strong{color:var(--brand);font-size:18px}
.multi-picker-empty{margin:0;padding:12px;color:var(--muted);text-align:center}
@media(max-width:800px){.quick-task-grid{grid-template-columns:1fr}.multi-picker-menu{position:static;margin-top:6px}}
.assignment-filters{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px;flex-wrap:nowrap}.assignment-filters label:first-child{flex:1}.assignment-filters label:nth-child(2){width:220px}.responsible-assignment-form{display:flex;gap:9px;align-items:flex-start;min-width:420px}.responsible-autocomplete{position:relative;flex:1;min-height:44px;padding:5px;border:1px solid #ccd2d6;border-radius:7px;background:#fff}.responsible-autocomplete>input{border:0;margin:0;padding:7px;outline:0;box-shadow:none}.responsible-value{display:flex;flex-wrap:wrap}.responsible-chip{display:inline-flex;align-items:center;gap:7px;padding:3px 5px;border:1px solid #bad3e3;border-radius:6px;background:#e8f3fa}.responsible-chip i,.responsible-option i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#2878b5;color:#fff;font-style:normal;font-size:11px}.responsible-chip button{padding:0 4px;background:none;color:#46616e;font-size:18px}.responsible-suggestions{position:absolute;z-index:130;top:calc(100% + 4px);left:0;right:0;max-height:230px;overflow:auto;padding:5px;background:#fff;border:1px solid #c9d0d4;border-radius:8px;box-shadow:0 12px 30px #1a2c2630}.responsible-option{display:flex;align-items:center;gap:9px;width:100%;padding:8px;background:#fff;color:var(--ink);text-align:left}.responsible-option:hover{background:#eaf3f8}.responsible-option span{min-width:0}.responsible-option b,.responsible-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsible-suggestions p{margin:0;padding:10px;color:var(--muted);text-align:center}@media(max-width:950px){.assignment-filters{overflow-x:auto}.responsible-assignment-form{min-width:360px}}
.mail-workspace{display:grid;grid-template-columns:180px minmax(290px,390px) minmax(420px,1fr);min-height:650px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mail-folders{padding:18px 12px;background:#f5f7f7;border-right:1px solid var(--line)}.mail-folders h3{padding:0 10px}.mail-folders>button{display:flex;justify-content:space-between;width:100%;padding:10px;border-radius:7px;background:none;color:var(--ink);text-align:left}.mail-folders>button:hover,.mail-folders>button.active{background:var(--brand2);color:var(--brand);font-weight:700}.traffic-legend.vertical{display:flex;flex-direction:column;gap:10px;margin:25px 10px}.mail-inbox{border-right:1px solid var(--line);min-width:0}.mail-inbox>header{height:auto;padding:14px 16px}.mail-message{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 12px;border-radius:0;background:#fff;color:var(--ink);text-align:left;border-bottom:1px solid var(--line)}.mail-message:hover,.mail-message.active{background:#eaf3f1}.mail-message>span{display:flex;flex-direction:column;min-width:0;flex:1}.mail-message b,.mail-message strong,.mail-message small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-message b{font-size:12px}.mail-message strong{margin:3px 0}.mail-reader{background:#fff;min-width:0}.mail-reader-empty{display:grid;place-content:center;text-align:center;height:100%;padding:30px;color:var(--muted)}.mail-detail>header{height:auto;align-items:flex-start;padding:22px}.mail-detail h2{font-size:22px;margin:8px 0 0}.mail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px 22px;background:#f7f9f9;border-bottom:1px solid var(--line)}.mail-meta p{margin:0}.mail-body{min-height:270px;padding:25px 22px}.mail-body p{white-space:pre-wrap;font-size:15px}.mail-detail>footer{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid var(--line)}.mail-actions{margin:0}@media(max-width:1000px){.mail-workspace{grid-template-columns:150px 310px 1fr}}@media(max-width:780px){.mail-workspace{display:block}.mail-folders{display:flex;overflow:auto;gap:5px}.mail-folders h3,.mail-folders .traffic-legend{display:none}.mail-folders>button{width:auto;white-space:nowrap}.mail-reader{min-height:440px}}
.calendar-item{width:100%;text-align:left}.calendar-item-detail>footer{display:flex;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line)}
.mail-message[hidden]{display:none!important}
.mail-action-group{display:flex;align-items:center;justify-content:flex-end;gap:10px}.mail-action-group .mail-actions{margin:0}
.mail-inbox{display:flex;flex-direction:column;max-height:650px}.mail-inbox>header{flex:0 0 auto;gap:12px}.mail-inbox #mail-message-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.mail-date-filter{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--muted)}.mail-date-filter select{min-width:110px;padding:7px 28px 7px 9px}