/* Identidad compartida con OBRAS; conserva los componentes y módulos del SRO. */
:root{--azul:#062d52;--azul-oscuro:#061e37;--cafe:#f47a25;--cafe-oscuro:#d96113;--fondo:#f2f5f8;--texto:#172433;--gris:#657486;--borde:#dce4eb;--verde:#1e9f62;--rojo:#d84343;--navy:#062d52;--orange:#f47a25}
body.sro-obras-ui{margin:0;background:var(--fondo);color:var(--texto);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}
.sro-obras-ui *{box-sizing:border-box}.sro-obras-ui a{color:var(--azul)}
.sro-obras-ui .erp-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:var(--fondo)}
.sro-obras-ui .erp-sidebar{width:250px;padding:20px 16px;position:sticky;top:0;height:100dvh;overflow-y:auto;background:linear-gradient(180deg,#052b4e,#061e37);color:white}
.sro-obras-ui .erp-brand{display:block;padding:0 7px 18px;border-bottom:1px solid #ffffff25;margin-bottom:16px}
.sro-obras-ui .erp-brand img{width:185px;height:auto;max-height:68px;object-fit:contain;border-radius:0;background:none;padding:0}
.sro-obras-ui .erp-brand h1{display:none}.sro-obras-ui .erp-brand p{margin:12px 0 0;font-size:11px;color:#b9d0e1;letter-spacing:.4px}
.sro-obras-ui .erp-profile-mini{background:#ffffff0d;border:1px solid #ffffff19;border-radius:12px;padding:12px;margin:14px 0 18px;font-size:12px}
.sro-obras-ui .erp-profile-mini span{color:#b9d0e1}.sro-obras-ui .erp-menu{display:grid;gap:8px}
.sro-obras-ui .erp-menu-section{border:0;background:none;margin:0;padding:0}
.sro-obras-ui .erp-menu-section summary{padding:8px 10px;color:#aac2d6;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}
.sro-obras-ui .erp-menu-links{padding:2px 0;display:grid;gap:4px}.sro-obras-ui .erp-menu a{padding:11px 12px;min-height:42px;color:#e9f2f9;font-size:12px;border-radius:9px;background:transparent;text-decoration:none;border:0}
.sro-obras-ui .erp-menu a:hover{background:#ffffff16}.sro-obras-ui .erp-menu a.active{background:var(--orange);color:white;box-shadow:none}
.sro-obras-ui .erp-dot{width:5px;height:5px;background:currentColor}.sro-obras-ui .erp-sidebar-footer{font-size:10px;color:#91b0c8;line-height:1.7;padding:20px 10px}
.sro-obras-ui .erp-main{min-width:0}.sro-obras-ui .erp-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:22px 28px;border-bottom:1px solid var(--borde);background:white;box-shadow:none}
.sro-obras-ui .erp-topbar h2{font-size:22px;margin:0;color:var(--navy)}.sro-obras-ui .erp-topbar p{font-size:12px;color:var(--gris);margin:3px 0 0}
.sro-obras-ui .erp-content{padding:26px 28px;max-width:1700px;margin:auto;min-width:0}
.sro-obras-ui .erp-user-box{display:flex;gap:15px;align-items:center}.sro-obras-ui .erp-logout{background:#edf3f8;color:var(--navy);padding:9px 12px;border-radius:8px;font-size:11px;text-decoration:none}
.sro-obras-ui .erp-user-profile-link>span{background:var(--navy)}.sro-obras-ui .erp-user-profile-link small{color:var(--gris)}
.sro-obras-ui .card,.sro-obras-ui .erp-card,.sro-obras-ui .kpi,.sro-obras-ui .kpi-card,.sro-obras-ui .detail-card{background:white;border:1px solid var(--borde);border-radius:14px;box-shadow:0 5px 20px #112a4306}
.sro-obras-ui .erp-btn,.sro-obras-ui a.btn,.sro-obras-ui button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:white;border:1px solid transparent;border-radius:9px;min-height:42px;padding:10px 16px;font:700 12px/1.35 Inter,"Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer}
.sro-obras-ui .erp-btn:hover,.sro-obras-ui a.btn:hover{filter:brightness(.96)}
.sro-obras-ui .erp-btn.secondary,.sro-obras-ui .erp-btn.light,.sro-obras-ui .btn.secondary,.sro-obras-ui .btn.light{background:#edf4fa;color:var(--navy);border-color:#d5e3ee}
.sro-obras-ui input:not([type=checkbox]):not([type=radio]),.sro-obras-ui select,.sro-obras-ui textarea{font:inherit;font-size:13px;min-height:44px;padding:10px 12px;border:1px solid #cbd7e0;border-radius:9px;background:white;color:var(--texto);max-width:100%}
.sro-obras-ui input:focus,.sro-obras-ui select:focus,.sro-obras-ui textarea:focus{outline:3px solid #1671c72b;outline-offset:1px;border-color:#1671c7}
.sro-obras-ui textarea{width:100%;resize:vertical}.sro-obras-ui :focus-visible{outline:3px solid #f47a2570;outline-offset:3px}
.sro-obras-ui .erp-table{width:100%;border-collapse:collapse;font-size:12px;background:white}.sro-obras-ui .erp-table th{background:#f4f7fa;color:#566d80;text-align:left;font-size:10px;letter-spacing:.3px;padding:13px 12px;border-bottom:1px solid var(--borde)}
.sro-obras-ui .erp-table td{padding:14px 12px;border-bottom:1px solid #e8edf2;vertical-align:top}.sro-obras-ui .erp-table tbody tr:hover{background:#fbfdff}
.sro-obras-ui .table-wrap,.sro-obras-ui .table-container,.sro-obras-ui .erp-table-container,.sro-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.sro-page-lead{margin-bottom:22px}.sro-page-lead h1{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.7px;color:var(--navy);margin:7px 0}.sro-page-lead p{color:var(--gris);margin:0;font-size:13px}
.sro-eyebrow{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.4px}
.sro-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.sro-kpi{padding:20px;display:grid;gap:10px;text-decoration:none;color:inherit}
.sro-kpi>span{font-size:11px;color:var(--gris)}.sro-kpi>strong{font-size:30px;line-height:1.2;color:var(--navy)}.sro-kpi>small{font-size:10px;color:var(--gris)}
.sro-section{padding:22px;margin-bottom:20px;min-width:0}.sro-section h2{margin:0 0 10px;font-size:18px;color:var(--navy)}.sro-section p{font-size:13px;color:var(--gris);line-height:1.65}.sro-section-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:15px}
.sro-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.sro-notice{padding:15px 18px;border:1px solid #c7dff0;border-left:4px solid var(--orange);background:#eef6fc;border-radius:10px;margin:0 0 20px;font-size:13px;color:var(--navy)}
.sro-notice.ok{background:#edf8f2;border-color:#b8ddc9;color:#17613f}.sro-notice.error{background:#fff1f1;border-color:#edc1c1;color:#9c2525}
.sro-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px;margin-bottom:20px}.sro-filter>label{flex:1;min-width:130px;display:grid;gap:7px;font-size:11px;color:var(--gris)}.sro-filter input,.sro-filter select{width:100%}
.sro-block{display:block}.sro-block:not(label){font-size:11px;color:var(--gris);margin-top:4px}.sro-muted{color:var(--gris);font-size:11px}
.sro-chip{display:inline-flex;padding:5px 8px;border-radius:7px;background:#edf4fa;color:var(--navy);font-size:10px;white-space:nowrap}.sro-chip.ok{background:#e5f5ec;color:#16784a}.sro-chip.danger{background:#ffeded;color:#ac3232}
.sro-cargo-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--borde);font-size:12px}.sro-form{display:grid;gap:16px}.sro-form label{font-size:12px;display:grid;gap:7px}.sro-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sro-check{display:flex!important;align-items:center;gap:9px;margin:14px 0;font-size:12px}
.sro-days{display:flex;gap:13px;flex-wrap:wrap}.sro-days label{display:flex;gap:5px}.sro-form fieldset{border:1px solid var(--borde);border-radius:9px;padding:12px}.sro-form legend{font-size:11px;color:var(--gris)}.sro-actions{display:flex;gap:10px;flex-wrap:wrap}.sro-email-preview{width:100%;height:550px;border:1px solid var(--borde);background:#f2f5f8;border-radius:9px}
.sro-empty{padding:20px;text-align:center;color:var(--gris)}.sro-more{margin-bottom:20px}.sro-more>summary{cursor:pointer;padding:13px 17px;border:1px solid var(--borde);border-radius:10px;background:white;font-size:12px;font-weight:700;color:var(--navy)}.sro-more[open]>.kpi-grid{margin-top:15px}
.sro-obras-ui .executive-header{background:white;color:var(--texto);border:1px solid var(--borde);box-shadow:none;border-radius:14px}.sro-obras-ui .executive-header h1{color:var(--navy);font-size:28px}.sro-obras-ui .executive-header p{color:var(--gris)}.sro-obras-ui .eyebrow{color:var(--orange)}
.sro-obras-ui .status-panel{background:#edf4fa;border-color:#d7e4ef}.sro-obras-ui .status-panel span,.sro-obras-ui .status-panel p{color:var(--gris)}.sro-obras-ui .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sro-obras-ui .login-wrapper{background:transparent;max-width:1260px;min-height:100dvh;box-shadow:none;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:50px 35px}
.sro-obras-ui.sro-login{background:linear-gradient(90deg,#041a2ef2,#04233dcc),url('login-miradores.webp') center/cover fixed;color:white}.sro-login .brand-panel{background:transparent;border:0;padding:0}.sro-login .form-panel{padding:35px;border-radius:20px;background:white;color:var(--texto);box-shadow:0 25px 70px #0004}.sro-login .logo-box{background:none;width:220px;height:auto;padding:0;border:0}.sro-login .logo-box img{width:220px;height:auto}.sro-login .brand-header{display:block}.sro-login .brand-title{display:none}.sro-login .brand-content h2{font-size:45px;line-height:1.08;color:white}.sro-login .brand-content p{color:#d1e3ef}.sro-login .submit-btn{background:var(--orange);border-radius:10px;min-height:48px}.sro-login .brand-footer{color:#b0c7d9}
@media(max-width:1100px){.sro-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sro-obras-ui .erp-content{padding:22px}.sro-obras-ui .erp-topbar{padding:18px 22px}.sro-obras-ui .erp-user-profile-link div{display:none}.sro-obras-ui .login-wrapper{gap:30px}}
@media(max-width:900px){.sro-obras-ui .erp-layout{grid-template-columns:minmax(0,1fr)}.sro-obras-ui .erp-sidebar{position:fixed;left:-275px;z-index:10000;transition:left .2s;width:250px}.sro-obras-ui .erp-sidebar.show{left:0}.sro-obras-ui .erp-menu-toggle,.sro-obras-ui .erp-menu-close{display:inline-flex}.sro-obras-ui .erp-topbar{flex-direction:row;align-items:center}.sro-obras-ui .erp-topbar-left{min-width:0}.sro-obras-ui .erp-topbar h2{font-size:18px}.sro-obras-ui .erp-topbar p{font-size:10px}.sro-obras-ui .erp-user-box{width:auto}.sro-two-col{grid-template-columns:1fr}.sro-obras-ui .login-wrapper{grid-template-columns:1fr;max-width:550px;gap:20px;padding:30px 20px}.sro-login .brand-content,.sro-login .brand-footer{display:none}.sro-login .form-panel{padding:28px}.sro-obras-ui .erp-layout,.sro-obras-ui .erp-main{max-width:100vw}}
@media(max-width:600px){.sro-obras-ui .erp-content{padding:14px}.sro-obras-ui .erp-topbar{padding:14px;gap:8px}.sro-obras-ui .erp-user-profile-link{display:none}.sro-obras-ui .erp-logout{font-size:10px}.sro-section{padding:16px}.sro-section-head{flex-direction:column}.sro-kpis{gap:10px}.sro-kpi{padding:15px}.sro-kpi>strong{font-size:25px}.sro-form-grid{grid-template-columns:1fr}.sro-filter>label{min-width:calc(50% - 12px)}.sro-filter button{width:100%}.sro-obras-ui .erp-table{min-width:650px}.sro-obras-ui .summary-strip{grid-template-columns:1fr}.sro-obras-ui .executive-header h1{font-size:23px}.sro-actions>*{flex:1}.sro-actions .erp-btn{width:100%}}

.sro-obras-ui .main-grid,.sro-obras-ui .bottom-grid{align-items:start}.sro-chip.warning{background:#fff4df;color:#936000}
.sro-obras-ui .card{min-width:0;max-width:100%}.sro-obras-ui .command-grid,.sro-obras-ui .lower-grid,.sro-obras-ui .two-column{min-width:0;max-width:100%;align-items:start}.sro-obras-ui .command-grid>*,.sro-obras-ui .lower-grid>*,.sro-obras-ui .two-column>*{min-width:0;max-width:100%}.sro-obras-ui .card-header>div{min-width:0}.sro-obras-ui .table-wrap{min-width:0}
@media(max-width:600px){.sro-obras-ui .card-header{flex-wrap:wrap;gap:12px}.sro-obras-ui .card-header>div{flex:1 1 180px}.sro-obras-ui .command-grid,.sro-obras-ui .lower-grid,.sro-obras-ui .two-column{grid-template-columns:minmax(0,1fr)}}

/* SRO 2.0.2: espacio de trabajo compacto y menú deslizable en escritorio y móvil. */
body.sro-obras-ui{font-size:13px;line-height:1.45}
.sro-obras-ui .erp-layout{grid-template-columns:216px minmax(0,1fr);transition:grid-template-columns .2s ease}
.sro-obras-ui .erp-sidebar{position:fixed;inset:0 auto 0 0;left:0;width:216px;height:100dvh;padding:18px 12px 12px;z-index:30;transition:transform .2s ease;display:flex;flex-direction:column;border-right:1px solid #ffffff16;transform:translateX(0)}
.sro-obras-ui .erp-main{grid-column:2;min-width:0}
.sro-obras-ui.sro-sidebar-collapsed .erp-layout{grid-template-columns:0 minmax(0,1fr)}
.sro-obras-ui.sro-sidebar-collapsed .erp-sidebar{transform:translateX(-100%)}
.sro-sidebar-head{position:relative;flex-shrink:0}.sro-obras-ui .erp-brand{display:block;margin:0 0 15px;padding:0 0 15px 3px;text-decoration:none}.sro-obras-ui .erp-brand img{width:150px;max-height:53px}.sro-obras-ui .erp-brand>span{display:block;color:#a9c4d9;font-size:9px;margin-top:10px;letter-spacing:.1px}
.sro-obras-ui .erp-menu-close{position:absolute;right:-2px;top:-8px;display:flex;align-items:center;justify-content:center;border:0;color:#bed1e0;background:#ffffff12;border-radius:6px;width:25px;height:27px;font:24px/1 Arial;cursor:pointer}
.sro-obras-ui .erp-menu{display:flex;flex-direction:column;gap:3px}.sro-obras-ui .erp-menu a{display:flex;align-items:center;gap:9px;padding:8px 10px;min-height:35px;font-size:12px;font-weight:500;border-radius:6px;margin:0;line-height:1.3;color:#dfebf4}.sro-obras-ui .erp-menu a.active{font-weight:650;background:#f47a25;color:#fff}
.sro-nav-icon{width:17px;height:17px;flex:0 0 17px}.sro-nav-label{font-size:9px;font-weight:700;color:#90adc4;letter-spacing:1px;margin:16px 10px 5px}.sro-nav-label:first-child{margin-top:0}
.sro-obras-ui .erp-menu-section{margin:12px 0 0;border-top:1px solid #ffffff17;border-radius:0;padding-top:8px}.sro-obras-ui .erp-menu-section summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:8px 10px;font-size:10px;font-weight:600;letter-spacing:.4px;color:#a9c4d9}.sro-obras-ui .erp-menu-section summary::-webkit-details-marker{display:none}.sro-obras-ui .erp-menu-section summary::after{content:'⌄'}.sro-obras-ui .erp-menu-section[open] summary::after{content:'⌃'}.sro-obras-ui .erp-menu-links{padding:0;gap:2px}.sro-obras-ui .erp-sidebar-footer{margin-top:auto;padding:25px 10px 0;font-size:9px;background:none;border:0;line-height:1.6}
.sro-obras-ui .erp-topbar{padding:12px 22px;min-height:73px;position:sticky;top:0;z-index:20;flex-direction:row;gap:12px;box-shadow:none}.sro-obras-ui .erp-topbar-left{display:flex;gap:12px;align-items:center;min-width:0}.sro-obras-ui .erp-topbar h2{font-size:18px;line-height:1.25;margin:0}.sro-obras-ui .erp-topbar p{font-size:11px;line-height:1.4;margin:4px 0 0}
.sro-obras-ui .erp-menu-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;background:#f1f5f9;border:1px solid #dae3ec;border-radius:7px;font-size:17px;color:#062d52;cursor:pointer}.sro-obras-ui .erp-user-box{flex-direction:row;align-items:center;gap:10px;width:auto;flex-wrap:nowrap}.sro-obras-ui .erp-user-profile-link{padding:0;border:0;background:none;gap:8px}.sro-obras-ui .erp-user-profile-link>span,.sro-obras-ui .erp-user-profile-link>img{width:31px;height:31px;font-size:11px}.sro-obras-ui .erp-user-profile-link strong{font-size:11px}.sro-obras-ui .erp-user-profile-link small{font-size:10px}.sro-obras-ui .erp-logout{padding:7px 9px;font-size:10px;border-radius:6px;white-space:nowrap}
.sro-obras-ui .erp-content{width:100%;max-width:none;padding:20px 22px;margin:0;min-height:calc(100dvh - 73px)}
.sro-obras-ui .card,.sro-obras-ui .erp-card{padding:16px;border-radius:10px;box-shadow:0 2px 8px #112a4303;margin-bottom:16px}.sro-obras-ui .card h2,.sro-obras-ui .erp-card h2{font-size:15px;line-height:1.35}.sro-obras-ui .card p,.sro-obras-ui .erp-card p{font-size:12px;line-height:1.5}.sro-obras-ui .erp-page-header{padding:14px 16px;border-radius:10px;box-shadow:none;margin-bottom:16px;border-left-width:3px}.sro-obras-ui .erp-page-header h1{font-size:18px}.sro-obras-ui .erp-page-header p{font-size:12px;margin:5px 0 0}.sro-obras-ui .erp-subtitle{font-size:12px;margin:5px 0 12px}
.sro-obras-ui .erp-btn,.sro-obras-ui a.btn,.sro-obras-ui button.btn{min-height:34px;padding:7px 12px;border-radius:6px;font-size:11px;gap:6px}.sro-obras-ui input:not([type=checkbox]):not([type=radio]),.sro-obras-ui select,.sro-obras-ui textarea{min-height:36px;padding:7px 9px;border-radius:6px;font-size:12px}.sro-obras-ui input[type=checkbox],.sro-obras-ui input[type=radio]{accent-color:#f47a25}
.sro-obras-ui .erp-table{font-size:12px;display:table;margin-top:0}.sro-obras-ui .erp-table th{padding:9px 10px;font-size:9px}.sro-obras-ui .erp-table td{padding:10px;line-height:1.45;vertical-align:middle;font-size:12px}.sro-obras-ui .erp-table .erp-btn{min-height:29px;padding:5px 9px;font-size:10px;white-space:nowrap}.sro-obras-ui table th,.sro-obras-ui table td{font-size:12px;padding:9px 10px}.sro-obras-ui table th{font-size:10px}
.sro-section{margin-bottom:16px}.sro-section-head{gap:12px;margin-bottom:12px;align-items:center}.sro-section-head h2{margin:0}.sro-section-head p{margin:4px 0 0}.sro-two-col{gap:16px}.sro-page-lead{margin-bottom:15px}.sro-page-lead h1{font-size:21px;letter-spacing:-.3px;margin:3px 0}.sro-page-lead p{font-size:12px}.sro-page-lead .sro-eyebrow{display:none}
.sro-kpis{gap:12px;margin:0 0 16px}.sro-obras-ui .sro-kpi{padding:14px 16px;gap:5px;margin:0;min-height:99px}.sro-kpi>strong{font-size:27px;font-variant-numeric:tabular-nums}.sro-kpi>small{font-size:10px}.sro-overview{grid-template-columns:repeat(6,minmax(0,1fr))}.sro-kpi.danger>strong{color:#b54747}.sro-kpi.warning>strong{color:#ac651c}.sro-kpi.ok>strong{color:#217550}
.sro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.sro-toolbar h1{font-size:19px;line-height:1.3;margin:0;color:#062d52;letter-spacing:-.2px}.sro-toolbar p{font-size:12px;color:#657486;margin:4px 0 0}.sro-toolbar .sro-muted{margin-left:8px;font-size:10px}.sro-actions{gap:7px;align-items:center}.sro-actions form{margin:0}.sro-text-link{font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}.sro-text-link:hover{text-decoration:underline}.sro-block:not(label){font-size:10px;line-height:1.35;margin-top:3px}.sro-text-danger{color:#b54747!important}
.sro-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.sro-panel-side{min-width:0}.sro-state-list{display:grid;gap:11px;margin-top:15px}.sro-state-label{display:flex;justify-content:space-between;gap:10px;font-size:11px}.sro-state-track{height:5px;border-radius:5px;background:#edf2f7;margin-top:5px;overflow:hidden}.sro-state-track>span{display:block;height:100%;background:#3b6386;border-radius:5px}.sro-personal-stats{margin:8px 0 0}.sro-personal-stats>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:11px}.sro-personal-stats>div:last-child{border:0}.sro-personal-stats dt{color:#657486}.sro-personal-stats dd{margin:0;font-weight:700;color:#062d52}
.sro-activity{list-style:none;padding:0;margin:0}.sro-activity li{padding:10px 0;border-bottom:1px solid #edf1f5}.sro-activity li:last-child{border:0}.sro-activity li>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.sro-activity time,.sro-activity small{font-size:10px;color:#657486}.sro-activity p{margin:4px 0!important;font-size:11px!important}.sro-activity a{text-decoration:none}
.sro-status-strip{display:flex;gap:24px;flex-wrap:wrap;border:1px solid #dce4eb;border-radius:8px;background:#fff;padding:11px 15px;margin-bottom:16px;font-size:12px;color:#657486}.sro-status-strip strong{color:#062d52;font-size:17px;margin-right:4px}.sro-filter{padding:12px!important;gap:10px}.sro-filter>label{font-size:10px;gap:5px;min-width:120px}.sro-filter>label:first-child{flex:2}.sro-pagination{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:15px;font-size:11px}.sro-task-table{min-width:790px}
.sro-obras-ui .erp-badge,.sro-obras-ui .badge,.sro-obras-ui .sro-responsable-badge,.sro-obras-ui .sro-semaforo{font-size:10px;padding:3px 7px;line-height:1.4;border-radius:5px;white-space:nowrap}.sro-obras-ui .sro-semaforo::before{width:6px;height:6px}.sro-chip{padding:3px 7px;font-size:10px}.sro-notice{padding:11px 13px;margin-bottom:15px;border-radius:7px;font-size:12px}.sro-form{gap:12px}.sro-form label{font-size:11px;gap:5px}.sro-form-grid{gap:12px}.sro-check{margin:3px 0;line-height:1.4}.sro-form fieldset{padding:10px;margin:0}.sro-form .erp-btn{justify-self:start}.sro-form legend{font-size:10px}.sro-days{gap:10px}.sro-obras-ui .erp-footer{font-size:10px;padding:12px 0 2px}
.sro-obras-ui .erp-mobile-overlay[hidden]{display:none!important}.sro-skip-link{position:fixed;left:230px;top:-100px;background:#fff;padding:10px;z-index:1000}.sro-skip-link:focus{top:8px}
.sro-mail-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.sro-mail-health article{padding:13px 16px!important;margin:0!important}.sro-mail-health h2{font-size:11px!important;color:#657486!important;margin:0 0 7px}.sro-mail-health strong{display:block;color:#062d52;font-size:14px}.sro-mail-health small{display:block;color:#657486;font-size:10px;margin-top:4px}.sro-mail-config{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.sro-mail-tools{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.sro-mail-summary{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#657486}.sro-email-preview{height:480px;margin-top:10px}.sro-mail-preview summary{cursor:pointer;font-size:12px;font-weight:600;color:#062d52}.sro-obras-ui .sro-notice p{margin:4px 0}.sro-obras-ui .sro-notice code{font-size:11px;overflow-wrap:anywhere}
@media(min-width:901px) and (max-width:1200px){.sro-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.sro-panel-grid{grid-template-columns:minmax(0,1fr)}.sro-panel-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sro-panel-side .card{margin-bottom:0}.sro-panel-side{margin-bottom:16px}.sro-obras-ui .erp-user-profile-link div{display:none}}
@media(max-width:900px){.sro-obras-ui .erp-layout,.sro-obras-ui.sro-sidebar-collapsed .erp-layout{display:block;grid-template-columns:none;max-width:none}.sro-obras-ui .erp-main{max-width:none}.sro-obras-ui .erp-sidebar,.sro-obras-ui.sro-sidebar-collapsed .erp-sidebar{transform:translateX(-100%);z-index:101;width:232px}.sro-obras-ui .erp-sidebar.show,.sro-obras-ui.sro-sidebar-collapsed .erp-sidebar.show{transform:translateX(0)}.sro-obras-ui .erp-mobile-overlay.show{display:block;position:fixed;inset:0;z-index:100;background:#061e3780}.sro-obras-ui .erp-topbar{padding:12px 16px}.sro-obras-ui .erp-content{padding:16px}.sro-obras-ui .erp-user-profile-link div{display:none}.sro-panel-grid{grid-template-columns:minmax(0,1fr)}.sro-panel-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sro-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.sro-two-col{grid-template-columns:1fr}.sro-kpis:not(.sro-overview){grid-template-columns:repeat(2,minmax(0,1fr))}.sro-mail-config{grid-template-columns:1fr}.sro-obras-ui .erp-table{min-width:550px}}
@media(max-width:600px){.sro-obras-ui .erp-topbar{min-height:64px;gap:8px;padding:10px 12px}.sro-obras-ui .erp-topbar h2{font-size:15px}.sro-obras-ui .erp-topbar p{font-size:10px;max-width:200px}.sro-obras-ui .erp-user-profile-link{display:none}.sro-obras-ui .erp-user-box{width:auto;gap:0}.sro-obras-ui .erp-logout{font-size:9px;padding:6px}.sro-obras-ui .erp-content{padding:13px}.sro-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.sro-toolbar h1{font-size:18px}.sro-toolbar .sro-muted{display:block;margin:3px 0 0}.sro-toolbar .sro-actions{width:100%}.sro-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sro-obras-ui .sro-kpi{padding:12px;min-height:90px}.sro-kpi>strong{font-size:24px}.sro-panel-side{grid-template-columns:1fr;gap:0}.sro-status-strip{gap:10px 18px;font-size:11px}.sro-status-strip strong{font-size:15px}.sro-filter>label,.sro-filter>label:first-child{min-width:100%;flex:1}.sro-filter .erp-btn{width:auto}.sro-section-head{flex-direction:row;align-items:center}.sro-section-head h2{font-size:14px!important}.sro-mail-health{grid-template-columns:1fr;gap:8px}.sro-actions>*{flex:0 1 auto}.sro-actions .erp-btn{width:auto}.sro-obras-ui .card,.sro-obras-ui .erp-card{padding:13px}.sro-form-grid{grid-template-columns:1fr}.sro-mail-tools form,.sro-mail-tools button{width:100%}.sro-mail-summary{gap:8px 12px}}
@media(prefers-reduced-motion:reduce){.sro-obras-ui .erp-layout,.sro-obras-ui .erp-sidebar{transition:none}}