/* Preserve the original application UI; adapt only its layout. */
body{min-width:0;padding-bottom:0}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #7ca5ef;outline-offset:3px}.top{height:auto;min-height:60px;flex-wrap:wrap;padding-block:14px;gap:12px}.demo-note{margin:28px 20px 0;padding:20px 0;border-top:1px solid #dce1eb;font-size:11px;line-height:1.9;color:#64748b;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-note a{color:#1d4ed8;white-space:nowrap;text-underline-offset:4px}.toast{max-width:calc(100% - 32px);width:max-content;text-align:center}.card,.kpi{min-width:0}
@media(max-width:600px){.top{padding:16px;gap:10px}.demo-note{margin:24px 16px 0;flex-direction:column;align-items:flex-start;gap:12px}.toast{font-size:12px}.brand{max-width:100%}input[type=text],select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.main>.kpi:nth-child(5){grid-column:1/-1}.row.h2{overflow-wrap:anywhere;color:#64748b}}

.layout{grid-template-columns:180px minmax(0,1fr)}.main{grid-template-columns:repeat(30,minmax(0,1fr));min-width:0}.kpi{grid-column:span 6}.status,.tasks,.cal{grid-column:span 10}.perf{grid-column:span 14}.posts{grid-column:span 16}.quick{grid-column:1/-1;flex-wrap:wrap}.quick button{flex:1 1 170px}.menu{margin-left:0;flex-wrap:wrap}.menu button{min-height:40px}.donut-wrap{flex-wrap:wrap;gap:14px}.donut{flex-shrink:0;width:130px;height:130px}.task{flex-wrap:wrap;gap:8px}.task .t{flex:1 1 140px}.post{flex-wrap:wrap}.post>div{min-width:0;flex:1 1 180px}.post .m{margin-left:42px;white-space:normal}.row{gap:10px;grid-template-columns:1.1fr 1fr 1.2fr .6fr .8fr}.h{gap:12px;flex-wrap:wrap}
@media(max-width:1250px){.kpi{grid-column:span 10}.status,.tasks{grid-column:span 15}.cal{grid-column:span 12}.perf{grid-column:span 18}.posts{grid-column:1/-1}.row{font-size:11px}}
@media(max-width:900px){.layout{display:block}.side{min-height:0;display:flex;flex-wrap:wrap;gap:5px;padding:12px 16px;border-right:0;border-bottom:1px solid #e5e9f2}.side p{width:100%;margin:5px 8px}.side a{font-size:11px;padding:8px 10px}.main{padding:16px;gap:12px}.menu{width:100%;order:3}.top .me{flex-shrink:0}}
@media(max-width:600px){.main{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{grid-column:span 1;padding:14px}.kpi:last-of-type{grid-column:1/-1}.kpi b{font-size:23px}.status,.tasks,.cal,.perf,.posts,.quick{grid-column:1/-1}.card:not(.kpi){padding:18px 16px}.donut-wrap{justify-content:space-around}.task .t{flex:1 1 calc(100% - 40px)}.task .pill{margin-left:24px}.task em{margin-left:auto}.post .m{font-size:10px}.row{grid-template-columns:1fr 1fr 1.2fr .55fr;gap:8px}.row>:last-child{display:none}.row.h2{font-size:10px}.menu button{font-size:11px;padding:8px 10px}.quick button{flex:1 1 calc(50% - 12px);font-size:12px}.side p:nth-of-type(2),.side p:nth-of-type(2)~a{display:none}}