:root{font-family:system-ui,sans-serif;color:#173e31;background:#f7f4ed}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 5%;background:#123b2d;color:white}header a{color:white}main{max-width:1080px;margin:36px auto;padding:0 22px}.hero{max-width:790px;text-align:center;padding:40px 22px}.hero h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,64px);font-weight:400}.hero p{line-height:1.7}.logo{width:140px;height:140px;object-fit:contain;border-radius:50%}.eyebrow{letter-spacing:3px;font-size:12px}.button,button{display:inline-block;background:#1c5d45;color:white;padding:12px 20px;border:0;border-radius:8px;text-decoration:none;cursor:pointer;font-size:14px}button:disabled{opacity:.5;cursor:wait}.card{background:white;border:1px solid #e3ddcf;padding:24px;border-radius:14px;margin-bottom:20px}.login{max-width:450px;margin:65px auto}h1{font-size:30px}.muted{color:#617268;font-size:14px}label{display:block;margin:18px 0 6px}input,select{width:100%;padding:12px;border:1px solid #cbcfc8;border-radius:7px;font:inherit}form button{width:100%;margin-top:22px}.error{color:#9d2828;white-space:pre-wrap}.status{padding:10px 5%;font-size:14px;border-bottom:1px solid #d7ddcf}.actions{display:flex;flex-wrap:wrap;gap:10px}#system{display:block;border:0;width:100%;height:calc(100vh - 150px);background:#f7f4ed}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #e3ddcf}.scroll{overflow:auto}dialog{max-width:900px;width:95%;border:0;border-radius:12px;padding:24px}dialog::backdrop{background:#123b2dbb}[hidden]{display:none!important}.block{position:fixed;inset:145px 0 0;background:#f7f4edf5;z-index:1000;display:grid;place-items:center}.block .card{max-width:600px;margin:20px}.pill{padding:4px 8px;background:#e8eee5;border-radius:5px}#work{width:100%;max-width:none;margin:0;padding:0}small{line-height:1.5}a{color:#246149}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.actions button{padding:9px 12px}}

/* Marca consistente nos cabeçalhos públicos. */
body>header:not(:has(#identity)){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px}
body>header:not(:has(#identity))>:first-child{grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;justify-self:center;text-align:center;color:white;text-decoration:none}
body>header:not(:has(#identity))>:first-child::before{content:"";display:block;flex:0 0 44px;width:44px;height:44px;background:url("logo.png") center/contain no-repeat;border-radius:50%}
body>header:not(:has(#identity))>:nth-child(2){grid-column:3;justify-self:end}
@media(max-width:700px){
 body>header:not(:has(#identity)){grid-template-columns:1fr;row-gap:12px;padding:14px 18px}
 body>header:not(:has(#identity))>:first-child{grid-column:1;grid-row:1;font-size:14px}
 body>header:not(:has(#identity))>:nth-child(2){grid-column:1;grid-row:2;justify-self:center}
 body>header:not(:has(#identity))>:first-child::before{flex-basis:36px;width:36px;height:36px}
}

/* Identificação da equipe: logo, marca e usuário conectado. */
#identity{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;text-decoration:none}
#identity::before{content:"";display:block;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:url("logo.png") center/contain no-repeat}
@media(max-width:600px){#identity::before{flex-basis:36px;width:36px;height:36px}}
