:root{font-family:Inter,system-ui,Arial,sans-serif;color:#232521;background:#f4f0e7}*{box-sizing:border-box}body{margin:0}header{background:#6d6b62;color:#fff;padding:24px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:24px;flex-wrap:wrap}header h1{margin:6px 0;font-size:30px}header p{margin:0;color:#ebe7df}small{letter-spacing:1px;font-size:11px}.back{color:white;white-space:nowrap}.readonly{margin-left:auto;border:1px solid #ddd;padding:8px;border-radius:20px;font-size:11px}main{max-width:1240px;margin:auto;padding:24px}.notice{padding:17px;background:#e4e7de;border-left:4px solid #6d6b62;border-radius:8px;margin-bottom:18px;line-height:1.5}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;background:white;padding:16px;border-radius:12px;border:1px solid #ddd}.filters label{font-size:12px;color:#5e6056;display:flex;flex-direction:column;gap:6px}.filters input,.filters select{padding:11px;border:1px solid #ccc;border-radius:8px;width:100%;background:white;color:#252525;font-size:14px}button{cursor:pointer;border:0;border-radius:8px;background:#6d6b62;color:white;padding:12px;font-weight:600;align-self:end}button:disabled{opacity:.6;cursor:wait}#message{padding:14px 0;color:#7f312c;min-height:40px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card,.panel{background:white;border:1px solid #dedbd4;border-radius:12px;padding:18px}.card strong{font-size:30px;display:block;margin-top:10px}.card span{color:#61625c;font-size:13px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.panel h2{font-size:19px;margin:0 0 6px}.sub{color:#6c6d65;font-size:13px}.item{padding:13px 0;border-top:1px solid #e6e5df;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.item strong{display:block;font-size:14px}.item small{display:block;color:#696a65;letter-spacing:0;margin-top:5px;font-size:12px}.chip{white-space:nowrap;border-radius:15px;padding:5px 8px;background:#edece7;font-size:11px}.chip.done{background:#e2efe6;color:#23533d}.chip.late{background:#fae5df;color:#a3392a}.empty{color:#767972;padding:24px 0}.foot{font-size:13px;color:#71736d;padding:14px 0}#commercial{display:flex;flex-wrap:wrap;gap:12px}#commercial span{background:#eee;border-radius:8px;padding:10px;font-size:13px}@media(max-width:740px){header{padding:20px}.readonly{margin-left:0}main{padding:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.cards{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.panel{margin-bottom:16px}.filters select:disabled{background:#eee;color:#74756c;cursor:not-allowed}.filters small{font-size:11px;color:#777a70}.panel h3{font-size:15px;margin-top:22px}@media(max-width:900px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Agenda operacional: mantenha o menu responsivo no celular. */
.op-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.op-toolbar h2{margin:0 0 6px}
.op-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
button.secondary{background:#e7e7df;color:#34372f;border:1px solid #d4d4ca}
button.secondary:hover{background:#deded6}
#operational-status{font-size:13px;min-height:25px;padding-top:12px;color:#596453}
#operational-status.error{color:#a12e27}
.op-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0 19px}
.op-metric{border:1px solid #dddcd4;border-radius:11px;background:#f7f6f1;padding:12px}
.op-metric strong{font-size:26px;display:block;color:#4e5347}
.op-metric span{display:block;color:#666b62;font-size:12px;margin-top:5px}
.op-list{display:grid;gap:7px}
.op-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;background:#faf9f6;border:1px solid #e3e2da;border-radius:8px;flex-wrap:wrap}
.op-item label{display:flex;align-items:flex-start;gap:10px;font-weight:600;flex:1 1 240px;cursor:pointer}
.op-item input[type=checkbox]{width:20px;height:20px;accent-color:#6d6b62;flex:none;margin:0}
.op-item .old-date{color:#9c3f31;font-size:12px;font-weight:600}
.op-meta{font-size:12px;color:#696d61}
#daily-workflow h3{margin-top:20px;font-size:16px}
.event-track{font-size:12px;padding:7px 9px;white-space:nowrap}
#task-dialog{border:1px solid #d4d5cb;border-radius:16px;padding:0;max-width:min(94vw,530px);width:100%;box-shadow:0 20px 70px #0004}
#task-dialog::backdrop{background:#1119}
.task-form{padding:23px;display:grid;gap:14px}
.task-form h2{margin:0;font-size:21px}
.task-form label{display:grid;gap:7px;font-size:13px;color:#4f554c;font-weight:600}
.task-form input,.task-form select{width:100%;padding:12px;border:1px solid #bfc1b6;border-radius:9px;font:inherit;background:#fff;color:#242621;min-width:0}
.task-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dialog-actions{display:flex;gap:10px;justify-content:flex-end}
#task-error{min-height:18px;color:#a12e27;font-size:13px;margin:0}
@media(max-width:750px){.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-toolbar{display:block}.op-buttons{margin-top:12px}.task-fields{grid-template-columns:1fr}.op-item{display:block}.op-item .old-date,.op-item .op-meta{display:block;margin-top:7px}.event-track{white-space:normal}}

/* Situação dos eventos: legível no desktop e no celular. */
.event-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.event-actions select{min-width:132px;border:1px solid #c8c8c1;background:#fff;border-radius:8px;padding:10px;color:#232521;font-size:14px}
.event-actions button{padding:10px;font-size:12px;align-self:center}
#productivity .cards{margin:12px 0}
@media(max-width:620px){.event-actions{justify-content:flex-start;width:100%}.item{flex-wrap:wrap}.event-actions select{flex:1}}