:root{--ink:#2b1f18;--line:rgba(43,31,24,.18);--marketing:#e53935;--exportacao:#2fb344;--rh:#246bdf;--operacional:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f4ead6}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 34px rgba(0,0,0,.12)}.login-logo{width:82px;height:82px;object-fit:contain}.login-card h1{margin:0;font-size:28px}.login-card p{opacity:.74}.login-card label,aside label{display:block;font-size:12px;font-weight:800;margin:12px 0 5px}.login-card input,aside input,aside select,aside textarea{width:100%;padding:10px;border:1px solid rgba(43,31,24,.22);border-radius:12px;background:rgba(255,255,255,.90);font:inherit}.login-card button{width:100%;margin-top:16px;border:0;border-radius:13px;padding:12px 14px;font-weight:800;background:#2b1f18;color:white}.login-error{color:#a3201b;font-size:13px;font-weight:700;margin-top:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:1fr 350px;gap:18px;padding:18px}header{grid-column:1/-1;background:rgba(255,255,255,.70);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.header-row{display:flex;justify-content:space-between;align-items:center;gap:14px}h1{margin:0;font-size:24px}.subtitle{margin-top:6px;opacity:.75;font-size:14px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.user-badge{font-size:12px;font-weight:800;background:rgba(255,255,255,.72);border:1px solid rgba(43,31,24,.14);border-radius:999px;padding:8px 10px}.fullscreen-btn,.mobile-toggle-btn,.logout-btn{border:0;border-radius:13px;padding:10px 13px;cursor:pointer;font-weight:800;color:white}.fullscreen-btn{background:#2b1f18}.mobile-toggle-btn{background:#15742a}.logout-btn{background:rgba(160,32,27,.88)}.mobile-only{display:none}.board-wrap{min-height:72vh;background:rgba(255,255,255,.35);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}#board{position:relative;width:100%;height:72vh;min-height:590px;overflow:hidden;border-radius:18px;border:1px solid rgba(43,31,24,.22);background:radial-gradient(circle at center,rgba(225,43,34,.95) 0%,rgba(238,86,42,.82) 18%,rgba(247,154,64,.66) 38%,rgba(255,218,107,.68) 62%,rgba(255,245,184,.94) 100%);user-select:none;touch-action:none}.ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.33);border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.r1{width:22%;height:22%}.r2{width:42%;height:42%}.r3{width:62%;height:62%}.r4{width:82%;height:82%}.axis-x,.axis-y{position:absolute;background:rgba(255,255,255,.76);pointer-events:none;z-index:2}.axis-x{left:0;right:0;top:50%;height:2px}.axis-y{top:0;bottom:0;left:50%;width:2px}.center-dot{position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:3;pointer-events:none}.center-dot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.18))}.label{position:absolute;padding:8px 12px;background:rgba(255,255,255,.65);border:1px solid rgba(43,31,24,.18);border-radius:999px;font-size:13px;font-weight:800;z-index:4;pointer-events:none}.q1{left:16px;top:16px}.q2{right:16px;top:16px;color:#158f2c}.q3{left:16px;bottom:16px;color:#185bd0}.q4{right:16px;bottom:16px;color:#c91f1b}.task{position:absolute;display:grid;place-items:center;padding:8px;background:white;border:1px solid rgba(43,31,24,.22);box-shadow:0 7px 20px rgba(0,0,0,.20);cursor:grab;z-index:10;text-align:center;line-height:1.16;transition:.12s;color:#17110d}.task.selected{outline:4px solid rgba(43,31,24,.45);outline-offset:4px;z-index:30}.task.q1{background:var(--operacional);color:#17110d}.task.q2{background:var(--exportacao);color:white}.task.q3{background:var(--rh);color:white}.task.q4{background:var(--marketing);color:white}.task.status-waiting{border-style:dashed}.task.status-blocked{box-shadow:0 7px 20px rgba(0,0,0,.20),0 0 0 4px rgba(0,0,0,.26)}.task.status-done{opacity:.46;filter:grayscale(.5)}.task.deadline-today,.task.deadline-overdue{animation:deadlinePulse 1.4s infinite}@keyframes deadlinePulse{50%{outline:4px solid rgba(255,255,255,.9)}}.task.small{width:74px;height:74px;font-size:9px}.task.medium{width:106px;height:74px;font-size:10px}.task.large{width:134px;height:94px;font-size:11px}.task.circle{border-radius:999px;aspect-ratio:1/1;height:auto}.task.circle.medium{width:90px}.task.circle.large{width:114px}.task.rectangle{border-radius:14px}.task.hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);padding-left:18px;padding-right:18px}.task-inner{width:100%;pointer-events:none}.task-title{font-weight:800;overflow-wrap:anywhere;margin-bottom:4px}.task-meta{font-size:9px;opacity:.84}.status-chip{display:inline-block;margin-top:4px;padding:2px 5px;border-radius:999px;background:rgba(0,0,0,.16);font-size:8px;font-weight:800}.task-delete{position:absolute;right:-6px;top:-6px;width:22px;height:22px;border:0;border-radius:999px;background:rgba(0,0,0,.72);color:white;cursor:pointer;font-size:15px;line-height:22px;z-index:20}aside{background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);height:fit-content;max-height:calc(100vh - 36px);overflow:auto}h2{margin:0 0 12px;font-size:18px}.mode-pill{display:inline-flex;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;background:rgba(43,31,24,.10);margin-bottom:10px}.mode-pill.editing{background:rgba(36,107,223,.16);color:#185bd0}textarea{min-height:74px;resize:vertical}.row,.quick-actions,.quad-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions,.filter-grid,.critical-list,.legend-grid{display:grid;gap:8px}.actions{margin-top:14px}.primary,.secondary,.danger,.new-task{border:0;border-radius:13px;padding:11px 12px;cursor:pointer;font-weight:800}.primary{background:#2b1f18;color:white}.secondary{background:rgba(43,31,24,.10);color:var(--ink)}.danger{background:rgba(225,43,34,.14);color:#9e1d17}.new-task{background:rgba(47,179,68,.18);color:#15742a}.filters-box,.critical-box,.legend,.quadrant-editor{margin-top:14px;border-top:1px solid rgba(43,31,24,.12);padding-top:12px;font-size:12px;line-height:1.45}.filters-box h3,.critical-box h3,.quadrant-editor h3{margin:0 0 8px;font-size:13px}.critical-item{border:1px solid rgba(43,31,24,.12);background:rgba(255,255,255,.55);border-radius:12px;padding:8px;cursor:pointer}.critical-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.critical-item span{display:block;font-size:11px;opacity:.72}.swatch{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:7px;vertical-align:-2px;border:1px solid rgba(0,0,0,.18)}.hint{margin-top:14px;font-size:12px;opacity:.72}.overlay,.panel-handle{display:none}@media(max-width:940px){.app-shell{grid-template-columns:1fr;padding:10px;gap:10px}.mobile-only{display:inline-block}header{padding:12px}.header-row{align-items:flex-start}.header-actions{flex-direction:column;align-items:stretch;min-width:112px}h1{font-size:20px}.subtitle{font-size:12px}#board{height:calc(100vh - 190px);min-height:420px;max-height:72vh}.center-dot{width:92px;height:92px}.label{font-size:11px;padding:7px 10px}.q1,.q2{top:10px}.q1,.q3{left:10px}.q2,.q4{right:10px}.q3,.q4{bottom:10px}.row,.quick-actions,.quad-actions{grid-template-columns:1fr}aside{position:fixed;left:0;right:0;bottom:0;z-index:1000;border-radius:18px 18px 0 0;max-height:82vh;transform:translateY(calc(100% - 68px));transition:.24s;box-shadow:0 -16px 30px rgba(0,0,0,.16)}body.panel-open aside{transform:translateY(0)}.panel-handle{display:block;width:54px;height:6px;border-radius:999px;background:rgba(43,31,24,.20);margin:0 auto 10px}.overlay{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.2s;display:block}body.panel-open .overlay{opacity:1;pointer-events:auto}}
