:root{color-scheme:light;--bg:#f7f8fa;--panel:#fff;--ink:#1f2a37;--sub:#657386;--line:#e4e8ee;--main:#245b86;--main-dark:#183f60}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.container{width:min(1100px,92%);margin-inline:auto}.topbar{background:#fff;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px}.brand{text-decoration:none;font-weight:750;font-size:20px;color:var(--ink);letter-spacing:-.4px}.brand span{font-weight:500;color:var(--main)}nav{display:flex;gap:20px;align-items:center}nav a,.link-button{color:var(--main);text-decoration:none;font-weight:600}.link-button{border:0;background:none;cursor:pointer;padding:0;font:inherit}.inline{display:inline}.main{min-height:calc(100vh - 140px);padding:36px 0 65px}.footer{font-size:12px;color:var(--sub);padding:20px 0}.center-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;max-width:520px;padding:48px;margin:8vh auto;box-shadow:0 9px 35px #10182808}.center-card h1{font-size:35px;line-height:1.2;margin:4px 0 14px}.center-card p{color:var(--sub)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--main);font-size:11px;font-weight:750;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--main);color:white;border:0;text-decoration:none;border-radius:8px;padding:12px 19px;font:inherit;font-weight:650;cursor:pointer}.button:hover{background:var(--main-dark)}.hint,.muted{color:var(--sub);font-size:13px}.center-card .hint{margin-top:20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.heading h1{margin:4px 0;font-size:31px;line-height:1.2}.heading h2{margin:0}.heading p{color:var(--sub);margin:4px 0}.pill{border-radius:999px;border:1px solid #bacddd;color:var(--main);font-size:11px;font-weight:750;padding:5px 12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:25px 0}.metric{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:20px}.metric span{display:block;color:var(--sub);font-size:13px}.metric strong{display:block;font-size:31px;margin-top:10px;line-height:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;margin:18px 0}.panel h2{font-size:19px;margin:0 0 20px}.task-form{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr auto;align-items:end;gap:12px}.task-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--sub)}input,select{background:white;border:1px solid #ccd5df;border-radius:6px;color:var(--ink);font:inherit;padding:10px;width:100%;min-width:0}.status-form{display:flex;align-items:center;gap:5px;min-width:250px}.status-form select{font-size:12px;padding:7px;width:auto}.small-button{font-size:12px;cursor:pointer;border:1px solid var(--main);background:white;border-radius:6px;color:var(--main);font-weight:650;padding:7px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:740px}th,td{border-bottom:1px solid var(--line);padding:13px 9px;text-align:left;vertical-align:middle}th{color:var(--sub);font-size:12px;font-weight:650}td{font-size:13px}.tag{background:#edf3f8;border-radius:999px;padding:5px 8px;font-size:12px}.empty{text-align:center;padding:25px 0;color:var(--sub)}@media(max-width:900px){.task-form{grid-template-columns:1fr 1fr}.task-form label:first-of-type{grid-column:span 2}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:520px){.center-card{margin-top:40px;padding:26px}.metrics{gap:8px}.metric{padding:14px}.header-row{flex-wrap:wrap;padding:14px 0}.task-form{grid-template-columns:1fr}.task-form label:first-of-type{grid-column:auto}nav{gap:12px}}

/* Planejamento, edição e navegação */
nav{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}
nav a{font-size:13px}
.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px}
.edit-grid label{font-size:13px;color:var(--sub);display:flex;flex-direction:column;gap:6px}
.edit-grid .wide{grid-column:span 2}
textarea{resize:vertical;background:white;border:1px solid #ccd5df;border-radius:6px;color:var(--ink);padding:11px;font:inherit;width:100%}
a{color:var(--main)}

@media(max-width:680px){.edit-grid{grid-template-columns:1fr}.edit-grid .wide{grid-column:auto}.header-row{align-items:flex-start}.brand{font-size:18px}nav{justify-content:flex-start}}

/* Ordenação por cabeçalhos; filtros em painel recolhível. */
.table-panel{overflow:visible}
.planner-table{min-width:1260px}
.planner-table .task-name{min-width:230px;max-width:330px}
.planner-table th{vertical-align:top;white-space:nowrap}
.planner-table td{vertical-align:top}
.sorting-row th{background:#f6f8fb}
.sorting-row a{text-decoration:none;color:var(--main)}
.sorting-row a:hover{text-decoration:underline}
.task-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:155px}
.task-actions a,.task-actions summary{font-size:12px}
.quick-progress summary{cursor:pointer;color:var(--main);font-weight:650}
.quick-progress-form{display:flex;flex-direction:column;gap:8px;padding:10px;margin-top:8px;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;min-width:255px;max-width:300px}
.quick-progress-form label,.progress-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--sub)}
.quick-progress-form textarea{font-size:12px;padding:7px}
.progress-form{display:grid;gap:15px;max-width:810px}
.progress-entry{padding:13px 0;border-bottom:1px solid var(--line)}
.progress-entry:last-child{border-bottom:0}
.progress-content{white-space:pre-wrap;overflow-wrap:anywhere}
.blog-draft{width:100%;min-height:420px;white-space:pre-wrap;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.draft-label{display:block;color:var(--sub);margin:14px 0 8px}
.privacy-note{background:#f6f8fa;border-left:3px solid #9da7b4;padding:12px;margin:16px 0;font-size:13px}
@media(max-width:680px){.planner-table{min-width:1200px}.heading{align-items:flex-start}}

/* Painel de filtros acessível: <details> dispensa JavaScript e conserva o estado na URL. */
.planner-search{margin:0 0 20px;border:1px solid var(--line);background:#f9fbfe;border-radius:10px}
.planner-search-toggle{cursor:pointer;display:flex;align-items:center;gap:12px;padding:17px 20px;list-style:none}
.planner-search-toggle::-webkit-details-marker{display:none}
.planner-search-toggle:before{content:"▸";color:var(--main);font-size:16px;transition:transform .15s ease}
.planner-search[open] .planner-search-toggle:before{transform:rotate(90deg)}
.planner-search-toggle:focus-visible{outline:2px solid var(--main);outline-offset:2px}
.planner-search-title{font-weight:750;color:var(--ink)}
.planner-search-subtitle{font-size:12px;color:var(--sub);margin-left:auto}
.planner-search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;padding:6px 20px 20px;border-top:1px solid var(--line)}
.planner-search-form label{display:flex;flex-direction:column;gap:6px;color:var(--sub);font-size:12px;font-weight:600;min-width:0}
.planner-search-form select,.planner-search-form input{width:100%;height:40px;padding:8px 10px;border-color:#c9d5e4;background:#fff}
.planner-search-form select:focus-visible,.planner-search-form input:focus-visible{outline:2px solid var(--main);outline-offset:1px}
.planner-search-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.planner-search-actions .button{height:40px}
.planner-search-actions .small-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;height:40px;padding:8px 12px}
@media(max-width:580px){
  .planner-search-toggle{align-items:flex-start;flex-wrap:wrap;padding:14px 16px}
  .planner-search-subtitle{margin-left:0;width:100%;padding-left:25px}
  .planner-search-form{padding:14px 16px 16px}
}