/* _content/DonSatur.ControlProceso.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.brand[b-kzkswzx3px] { display:flex; flex-direction:column; gap:0; padding:28px 28px 25px; }
.brand img[b-kzkswzx3px] { width:102px; height:auto; display:block; }
.brand span[b-kzkswzx3px] { font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--acero); padding-top:9px; }
.side-station[b-kzkswzx3px] { margin:20px 20px 16px; padding:14px 10px; border-top:1px solid var(--linea); border-bottom:1px solid var(--linea); font-size:11px; }
.side-station strong[b-kzkswzx3px] { display:block; font-size:12px; margin:4px 0; }
.side-station small[b-kzkswzx3px] { color:var(--acero); font-size:10px; }
.user-block[b-kzkswzx3px] { padding:0 28px 18px; display:flex; align-items:center; gap:10px; }
.avatar[b-kzkswzx3px] { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#e8ebe5; color:#53624f; font-size:11px; font-weight:800; flex-shrink:0; }
.user-block strong[b-kzkswzx3px] { display:block; font-size:11px; }
.user-block small[b-kzkswzx3px] { display:block; color:var(--acero); font-size:10px; }
.breadcrumb[b-kzkswzx3px] { display:flex; align-items:center; gap:10px; color:var(--acero); font-size:11px; }
.breadcrumb strong[b-kzkswzx3px] { font-weight:600; color:var(--tinta); }
.breadcrumb[b-kzkswzx3px]  .mud-icon-root { width:13px; font-size:13px; }
.top-actions[b-kzkswzx3px] { display:flex; align-items:center; gap:16px; font-size:11px; }
.date-top[b-kzkswzx3px] { color:var(--acero); }
.demo-tag[b-kzkswzx3px] { color:var(--ambar); background:var(--ambar-suave); border:1px solid #eee1c5; border-radius:5px; padding:3px 7px; font-size:9px; font-weight:800; letter-spacing:1px; white-space:nowrap; }
.mobile-brand[b-kzkswzx3px] { display:none; }
.main-content[b-kzkswzx3px] { max-width:1600px; margin:auto; padding:30px 36px 0; }
.station-shell .main-content[b-kzkswzx3px] { max-width:1180px; }
.app-footer[b-kzkswzx3px] { max-width:1600px; margin:0 auto; padding:22px 36px 24px; display:flex; justify-content:space-between; gap:12px; font-size:9px; color:var(--acero); }
.mobile-nav[b-kzkswzx3px] { display:none; }
@media(min-width:1600px) { .main-content[b-kzkswzx3px] { padding-top:38px; } }
@media(max-width:1150px) { .brand[b-kzkswzx3px] { padding-left:22px; padding-right:22px; } .main-content[b-kzkswzx3px] { padding:24px; } .app-footer[b-kzkswzx3px] { padding:22px 24px; } .top-actions .date-top[b-kzkswzx3px] { display:none; } }
@media(max-width:900px) { .brand[b-kzkswzx3px] { padding:21px 0 22px; align-items:center; } .brand img[b-kzkswzx3px] { width:56px; } .brand span[b-kzkswzx3px], .side-station[b-kzkswzx3px], .user-block>div[b-kzkswzx3px] { display:none; } .side-station[b-kzkswzx3px] { margin:0; } .user-block[b-kzkswzx3px] { padding:0; justify-content:center; } .main-content[b-kzkswzx3px] { padding:24px 20px 0; } }
@media(max-width:650px) { .breadcrumb[b-kzkswzx3px] { display:none; } .mobile-brand[b-kzkswzx3px] { display:block; width:66px; } .top-actions[b-kzkswzx3px] { gap:10px; } .main-content[b-kzkswzx3px] { padding:22px 16px 92px; } .station-shell .main-content[b-kzkswzx3px] { padding-bottom:24px; } .app-footer[b-kzkswzx3px] { display:none; } .mobile-nav[b-kzkswzx3px] { position:fixed; bottom:0; left:0; right:0; padding:7px 5px max(8px,env(safe-area-inset-bottom)); display:flex; justify-content:space-around; background:var(--papel); border-top:1px solid var(--linea); z-index:1300; } .mobile-nav a[b-kzkswzx3px] { display:flex; align-items:center; flex-direction:column; gap:4px; min-width:45px; min-height:43px; font-size:8px; padding:5px; color:var(--acero); } .mobile-nav a.active[b-kzkswzx3px] { color:var(--marca); } .mobile-nav[b-kzkswzx3px]  .mud-icon-root { width:19px; height:19px; } }