.monitoring-sheet h1{font-size:clamp(32px,4cqw,48px)}.monitoring-options{max-width:1060px;margin-top:75px;gap:40px}.monitoring-tile{max-width:280px;min-height:218px;gap:20px;padding-bottom:14px}.monitoring-tile span{border:3px ridge #34517e;box-shadow:inset 0 0 0 4px #223d67;padding:8px 10px;line-height:1.15;font-size:clamp(13px,1.3vw,18px)}
.monitoring-empty{padding:24px;color:#5a6e85;font-size:13px}.monitoring-items{margin-top:18px}.monitoring-items summary{cursor:pointer;font-weight:700;color:#244d7d}.monitoring-items ol{padding-left:22px;line-height:1.6;font-size:13px}.monitoring-items li{margin:10px 0}.monitoring-items small{color:#69829f}.monitoring-items .table-scroll{margin-top:15px}.monitoring-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin:16px 0}.monitoring-month-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:5px;height:160px;margin-top:15px}.monitoring-month-chart>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;flex:1;min-width:0;font-size:11px}.monitoring-month-chart span{display:block;width:70%;min-height:1px;background:linear-gradient(#4ea6ff,#1268cf);border-radius:4px 4px 0 0}.monitoring-month-chart small{font-size:10px}.monitoring-kpis .metric-value{font-size:30px}
.boards-sheet{padding:12px 14px 24px}.boards-sheet .learning-letterhead{padding-bottom:22px}.boards-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) .7fr;column-gap:22px;row-gap:14px;align-items:center}.boards-layout>h1{grid-column:1/4;font-size:clamp(27px,3.5cqw,45px);padding:10px}.boards-option{display:flex;flex-direction:column;align-items:center;gap:15px;align-self:stretch;border:0;padding:0;background:none;cursor:pointer;color:#fff;grid-row:2}.boards-preview{display:flex;width:100%;height:clamp(120px,15vw,220px);padding:12px;border:1px solid #303030;border-radius:18px;background:#fff}.boards-preview img{width:100%;height:100%;object-fit:contain}.boards-label{width:94%;flex:1;display:flex;align-items:center;justify-content:center;padding:15px 10px;min-height:82px;border:2px solid #173157;border-radius:13px;background:#294672;box-shadow:inset 0 0 0 5px #46618a,inset 0 0 0 8px #1f365d,0 4px 4px #0006;font:700 clamp(12px,1.2vw,18px)/1.15 Arial,sans-serif;text-align:center;text-transform:uppercase}.boards-option:hover .boards-label{background:#345a91}.boards-option:focus-visible{outline:3px solid #058aff;outline-offset:5px;border-radius:12px}.boards-principal{grid-column:4;grid-row:1/3;display:flex;justify-content:center}.boards-principal .learning-principal span{font-size:clamp(12px,1.2vw,18px)}.boards-principal .learning-principal svg{width:85px}.boards-note{margin:22px 0 0;text-align:center;color:#6a7e94;font-size:11px}
@media(max-width:1150px){.boards-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 15px}.boards-principal{grid-column:1/-1;grid-row:3}.boards-principal .learning-principal{max-width:195px;flex-direction:row;gap:8px}.boards-principal .learning-principal svg{width:45px;height:45px}.boards-principal .learning-principal span{width:150px}.boards-layout>h1{grid-column:1/-1}.monitoring-options{gap:25px}.monitoring-tile span{padding:8px 5px}}
@media(max-width:700px){.monitoring-options{margin-top:35px;gap:24px 14px}.monitoring-tile{min-height:200px;padding:20px 7px 14px}.monitoring-tile span{font-size:12px;border-width:2px;padding:8px 5px}.monitoring-tile svg{width:40px;height:40px}.monitoring-charts{grid-template-columns:1fr}.monitoring-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-kpis .metric-value{font-size:25px}.boards-layout{grid-template-columns:1fr}.boards-option{grid-row:auto;gap:10px}.boards-principal{grid-row:auto;grid-column:1}.boards-preview{height:190px;max-width:355px}.boards-label{font-size:15px;min-height:68px;max-width:325px}.boards-layout>h1{font-size:29px}.boards-sheet .learning-letterhead img{width:95%}.monitoring-page .learning-context>div:last-child{flex-direction:row;align-items:center;flex-wrap:wrap}}
.monitoring-workspace .page-head p{font-size:14px;line-height:1.6;color:#506981}
.monitoring-workspace .filters label{font-size:12px;font-weight:600;color:#3c5975}
.monitoring-workspace .filters select{font-size:14px;min-height:44px}
.monitoring-workspace .btn{font-size:13px;min-height:40px}
.monitoring-workspace .table-card{border-color:#c5d5e6}
.monitoring-workspace th{color:#fff;background:#20466d;font:700 11px/1.5 "Segoe UI",Arial,sans-serif;border-color:#4f7397}
.monitoring-workspace td{font-size:13px;border-color:#d8e3ef;line-height:1.5}
.monitoring-workspace td strong{font-size:14px;color:#203f60}
.monitoring-workspace td small{font-size:12px;color:#526d88}
.monitoring-workspace tbody tr:nth-child(even){background:#f3f7fc}
.monitoring-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.monitoring-choice{display:flex;flex-direction:column;align-items:flex-start;gap:15px;border-color:#cbdced}
.monitoring-choice h2{font-size:20px;margin:0;color:#204568}
.monitoring-choice p{font-size:14px;line-height:1.7;color:#526d88;margin:0 0 8px}
.monitoring-choice .btn{margin-top:auto}
.monitoring-instrument{font-size:12px;font-weight:700;color:#315e89;letter-spacing:.4px}
.monitoring-report-actions{margin-bottom:20px;flex-wrap:wrap}
.monitoring-field-notes{display:grid;gap:20px}
.monitoring-field-note{padding:24px;border-color:#cbdced}
.monitoring-field-note header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #d9e4ef;padding-bottom:16px}
.monitoring-field-note h2{font-size:19px;margin:8px 0;color:#244665}
.monitoring-field-note header p{font-size:13px;line-height:1.6;margin:0;color:#526d88}
.monitoring-field-note dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}
.monitoring-field-note dt{font-size:13px;font-weight:700;color:#244665;margin-bottom:9px}
.monitoring-field-note dd{font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#39536d}
.monitoring-field-note footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d9e4ef;padding-top:16px;font-size:13px;color:#526d88}
@media(max-width:950px){.monitoring-choice-grid{grid-template-columns:1fr}.monitoring-field-note dl{grid-template-columns:1fr}.monitoring-workspace .table-scroll table{min-width:960px}}