:root{font-family:system-ui,sans-serif;color:#193e34;background:#f3f5ee;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:1rem;padding:1.2rem 5vw;background:#fff;border-bottom:1px solid #d9e3db}header #identity{margin-left:auto}.brand{font-size:1.6rem;font-weight:800;color:#285c44;text-decoration:none}.brand span{color:#197e97}main{max-width:1200px;margin:3rem auto;padding:0 1.2rem;min-height:70vh}h1{font-size:2.2rem;margin:.5rem 0 1rem}p{line-height:1.6}.eyebrow{font-size:.78rem;letter-spacing:.13em;font-weight:700;color:#557467}button,.button{display:inline-block;border:0;border-radius:10px;padding:.85rem 1.2rem;font:inherit;font-weight:600;background:#285e49;color:white;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#194936}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e8eee4;color:#193e34}nav{display:flex;gap:.7rem;margin-bottom:2rem}#login{max-width:440px;margin:5vh auto;background:white;padding:2rem;border-radius:20px}label{display:block;margin:1rem 0}input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;margin-top:.4rem;border:1px solid #bdcdc1;padding:.8rem;border-radius:8px;font:inherit}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#285e49}.check{display:flex;gap:.6rem;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem}.card{padding:1.6rem;background:#fff;border:1px solid #d9e3db;border-radius:16px}.status{font-size:.9rem;color:#53695f}.status.offline{color:#96552d}.card h2{margin-top:0}.table-scroll{overflow-x:auto;margin-top:1.5rem}table{border-collapse:collapse;width:100%;background:white}th,td{padding:1rem;border-bottom:1px solid #d9e3db;text-align:left}small{display:block;color:#52665d}dialog{border:0;border-radius:16px;padding:1.7rem;width:min(95vw,510px);max-height:90vh}dialog::backdrop{background:#12382bbb}fieldset{border:1px solid #d9e3db;margin:1rem 0}.actions{display:flex;gap:.7rem}#message,#edit-error{color:#a43f29}footer{padding:2rem;text-align:center;color:#607568}[hidden]{display:none!important}@media(max-width:600px){header{flex-wrap:wrap}main{margin:1.5rem auto}h1{font-size:1.7rem}#login{padding:1.3rem}button,.button{min-height:44px}}

/* El archivo original tiene margen transparente; se encuadra sin alterar el logo. */
.brand{display:block;position:relative;overflow:hidden;width:200px;height:72px;flex-shrink:0}.brand img{position:absolute;width:200px;max-width:none;height:auto;left:0;top:-42px}.login-brand{width:280px;max-width:100%;height:98px;margin:0 auto 1rem}.login-brand img{width:280px;top:-59px}@media(max-width:600px){header{gap:.6rem}.brand{width:170px;height:62px}.brand img{width:170px;top:-36px}.login-brand{width:250px;height:88px}.login-brand img{width:250px;top:-53px}}

nav,.actions{flex-wrap:wrap}#notice-view select{font:inherit;padding:.6rem;max-width:100%}#notice-events .card{margin:1rem 0;overflow-wrap:anywhere}