#direction410 .dir410-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}#direction410 .dir410-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#233c2c;background:#fff;gap:10px;min-height:175px;cursor:pointer;padding:16px}#direction410 .dir410-card strong{font-size:25px}#direction410 .dir410-card small{line-height:1.5;font-size:12px}.dir410-signal{border-radius:12px;padding:5px 9px;font-size:12px}.dir410-signal.gray{background:#e8edef;color:#42515b}.dir410-signal.green{background:#e2f3e7;color:#176535}.dir410-signal.amber{background:#fff1cf;color:#704b00}.dir410-signal.red{background:#fde7e7;color:#a51d1d}.dir410-main{display:grid;grid-template-columns:2fr 1fr;gap:20px}.dir410-main aside{padding:16px;border:1px solid #dce5dc;border-radius:10px}.dir410-main aside h4{margin-bottom:5px}.dir410-main svg{width:100%;height:auto}.dir410-warning{background:#fff1cf;color:#624600;padding:14px;border-left:4px solid #bc8800}#direction410 td{height:auto;padding:12px;vertical-align:top}#direction410 details{margin:15px 0}#dirTabs410{flex-wrap:wrap}#dirStatus410{font-size:13px;color:#52665a}#dirDetailBody410 input{min-width:120px}@media(max-width:1050px){#direction410 .dir410-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dir410-main{grid-template-columns:1fr}}@media(max-width:600px){#direction410 .dir410-cards{grid-template-columns:1fr}}
/* V411: never reuse the global sidebar element selector for gerencial readings. */
#direction410 .dir410-main{align-items:start;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
#direction410 .dir410-main>div{min-width:0}
#direction410 .dir411-reading{position:static;inset:auto;width:auto;height:auto;min-height:0;background:#f4f8f4;border:1px solid #dce5dc;border-radius:10px;padding:18px;overflow:visible;z-index:auto;box-sizing:border-box}
#direction410 .dir411-reading h3{margin-top:0}#direction410 .dir411-reading p{line-height:1.6;overflow-wrap:anywhere}#direction410 .dir411-reading section{margin:14px 0}#direction410 .dir411-section{margin:18px 0;padding:14px;border:1px solid #dce5dc;border-radius:10px}#direction410 .dir411-link{font-weight:700;text-align:left}#direction410 .dir410-cards:has(> :nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:1050px){#direction410 .dir410-main{grid-template-columns:minmax(0,1fr)}}
