/* V10 · Tres entornos de gestión y redes públicas. Diseño de plataforma neutral. */
.v10-app{margin:0;background:#f4f7fb;color:#202f41;font-family:Montserrat,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55}
.v10-app *{box-sizing:border-box}
.v10-app button,.v10-app input,.v10-app textarea,.v10-app select{font:inherit}
.v10-app a{color:inherit;text-decoration:none}
.v10-app button{cursor:pointer}
.v10-hidden{display:none!important}
.v10-auth{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 15% 20%,#e4eef9,#f8f9fc 60%)}
.v10-login{width:min(100%,450px);display:grid;gap:17px;border:1px solid #e5eaf0;border-radius:22px;padding:40px;background:#fff;box-shadow:0 22px 80px #28394d18}
.v10-login h1{margin:0;font-size:29px;letter-spacing:-.9px;line-height:1.25}
.v10-login p{margin:0;color:#778497}
.v10-login label,.v10-formrow label,.v10-panel label,.v10-edit label,.v10-team-form label{display:grid;gap:7px;color:#48596f;font-size:12px;font-weight:650}
.v10-login input,.v10-app input:not([type=checkbox]):not([type=file]),.v10-app select{width:100%;padding:12px 13px;background:#fff;border:1px solid #d7e0eb;border-radius:9px;color:#152941;min-width:0;outline:none}
.v10-app input:focus,.v10-app select:focus{border-color:#4f84b4;box-shadow:0 0 0 3px #4f84b41b}
.v10-login>a{font-size:12px;text-align:center;color:#67778c}
.v10-error{color:#b52e44!important;font-weight:650;min-height:16px}
.v10-primary,.v10-danger,.v10-secondary{border:none;border-radius:10px;padding:11px 16px;color:white;background:#1a476d;font-weight:700;white-space:normal}
.v10-primary:hover{background:#123651}.v10-danger{background:#b5324a}.v10-danger:hover{background:#93233a}
.v10-secondary{background:#e9eff5;color:#3d5167}
.v10-mark{width:39px;height:39px;display:inline-grid;place-items:center;border-radius:11px;background:#28486d;color:#fff;font-size:21px;flex-shrink:0}
.v10-eyebrow{font-size:10px;letter-spacing:2px;color:#8191a6;font-weight:800}
.v10-layout{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}
.v10-side{background:#15263e;color:#d8e4f3;display:flex;flex-direction:column;gap:5px;padding:24px 15px;min-height:100vh}
.v10-brand{display:flex;align-items:center;gap:11px;margin:1px 6px 32px}.v10-brand b{display:block;color:#fff;font-size:16px}.v10-brand small{display:block;font-size:10px;color:#9bb1ce}
.v10-navcap{color:#8093af;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:17px 13px 7px}
.v10-side>a,.v10-side>button{color:#bdcadc;background:transparent;border:none;border-radius:9px;text-align:left;padding:12px 13px;font-weight:600;font-size:12px;display:block;width:100%}
.v10-side>a:hover,.v10-side>button:hover,.v10-side>.v10-sideactive{background:#294463;color:#fff}
.v10-sidefoot{font-size:10px;color:#8093af;padding:16px 12px;margin-top:auto;line-height:1.6}
.v10-main{padding:38px clamp(20px,4vw,65px);min-width:0;max-width:1800px;width:100%;margin:0 auto}
.v10-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:30px}
.v10-head h1{font-size:clamp(24px,2.6vw,32px);letter-spacing:-1.1px;margin:5px 0 6px;line-height:1.25}
.v10-head p{margin:0;color:#8490a2;font-size:12px}
.v10-head>a{background:#fff;border:1px solid #e0e7ef;padding:11px 16px;border-radius:10px;font-weight:700;color:#386083;font-size:12px;white-space:nowrap}
.v10-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}
.v10-metrics article{background:#fff;border:1px solid #e7ebf1;border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;min-width:0;gap:7px}
.v10-metrics small{color:#8290a2;font-size:11px;font-weight:600}.v10-metrics strong{font-size:clamp(17px,1.9vw,24px);font-weight:800;word-break:break-word;line-height:1.25}.v10-metrics span{font-size:10px;color:#8793a6}
.v10-panel{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:25px;margin-bottom:23px;box-shadow:0 3px 15px #1e385208}
.v10-panel h2,.v10-edit h2{font-size:17px;margin:0 0 8px;letter-spacing:-.35px}.v10-panel p{margin:0 0 17px;color:#8290a2;font-size:12px;line-height:1.7}
.v10-panelheading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.v10-panelheading p{margin:0}
.v10-pill{padding:7px 12px;border-radius:100px;font-size:11px;font-weight:800;white-space:nowrap}
.v10-positive{background:#e5f6ed;color:#177a46}.v10-negative{background:#feebee;color:#ab3548}
.v10-green{color:#17804c!important}.v10-red{color:#b43851!important}
.v10-license{background:#f5f8fc;border:1px solid #e6edf5;border-radius:11px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.v10-license b{display:block}.v10-license small{color:#8594a5;display:block;margin-top:4px}.v10-license p{margin:8px 0 0;color:#855468}
.v10-table-wrap,.v10-feature-grid,.v10-records{overflow:auto;max-width:100%}
.v10-app table,.v10-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;min-width:620px}
.v10-app th,.v10-app td{padding:13px 11px;border-bottom:1px solid #edf1f6;vertical-align:middle}
.v10-app th{color:#8390a2;font-size:10px;letter-spacing:.4px;text-transform:uppercase;font-weight:800}
.v10-mini,.v10-record-buttons button{padding:7px 9px;border:1px solid #dce5ef;border-radius:8px;background:#fff;font-size:10px;font-weight:750;color:#335979;margin:2px}
.v10-formrow{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-top:18px}.v10-formrow>label{flex:1;min-width:155px}.v10-formrow>.v10-primary{min-height:43px}
.v10-note{font-size:11px;color:#8592a4;line-height:1.7}
.v10-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:26px}
.v10-social-row{border:1px solid #e3eaf3;border-radius:11px;padding:15px;display:grid;gap:8px}
.v10-app label.v10-check{display:flex;align-items:center;gap:10px;font-weight:700;font-size:12px}
.v10-check input[type=checkbox],.v10-feature input{accent-color:#2f749a;width:17px;height:17px}
.v10-panel h2:not(:first-child){margin-top:24px}.v10-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}
.v10-feature{border:1px solid #e1e8f1;padding:11px;border-radius:9px;display:flex!important;align-items:center;gap:10px!important;font-size:12px!important}
.v10-records{display:grid;gap:8px}.v10-records article{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #edf1f5;border-radius:11px;padding:11px}
.v10-record-img{height:72px;background:#f4f7f9;border-radius:7px;overflow:hidden;display:grid;place-items:center;color:#9aa8b6;font-size:10px}.v10-record-img img{width:100%;height:100%;object-fit:cover}
.v10-records b{display:block}.v10-records p{margin:4px 0;font-size:11px}.v10-records small{color:#8695a5}
.v10-edit{background:#fff;border:1px solid #dce5ed;border-radius:15px;padding:24px;margin-top:20px;display:grid;gap:14px}
.v10-formactions{display:flex;gap:10px}.v10-uplabel{padding:10px;border-radius:9px;border:1px dashed #bdd0e2;color:#426483!important}.v10-uplabel input{max-width:100%}
.v10-toast{position:fixed;right:20px;bottom:20px;background:#173f5c;color:white;border-radius:10px;padding:13px 20px;box-shadow:0 10px 50px #2346;z-index:50}
/* Enlaces de redes sociales en el sitio público: solo iconos, accesibles y editables. */
.contact-socials,.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.contact-socials .social-icon-link,.footer-social .social-icon-link{display:inline-flex!important;align-items:center;justify-content:center;width:43px;height:43px;padding:9px;border-radius:12px;background:rgba(24,85,54,.07);border:1px solid rgba(27,77,52,.14);color:var(--nav-active-text,#137c45);transition:transform .2s ease,background .2s ease;flex-shrink:0}
.contact-socials .social-icon-link:hover,.footer-social .social-icon-link:hover{transform:translateY(-2px);background:rgba(24,85,54,.15)}
.contact-socials .social-icon-link svg,.footer-social .social-icon-link svg{width:23px;height:23px;display:block}
.contact-socials .social-icon-link.hidden,.footer-social .social-icon-link.hidden{display:none!important}
/* Visibilidad de usuarios en panel propietario */
.v10-team-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:14px}.v10-team-form label{flex:1;min-width:155px}.v10-table-wrap{overflow-x:auto}
.v10-team-form input{padding:10px;border:1px solid #dce4ec;border-radius:8px;width:100%;min-width:0}.v10-smallbtn{border:1px solid #dce5ef;background:#fff;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700;margin:2px}
.v10-on{color:#078443;font-weight:700}.v10-off{color:#b03747;font-weight:700}.v10-hint{color:#8191a1;font-size:12px}.v10-hint a{color:#245c86;text-decoration:underline}
@media(max-width:1000px){.v10-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-layout{grid-template-columns:210px minmax(0,1fr)}.v10-main{padding:25px}}
@media(max-width:680px){.v10-layout{display:block}.v10-side{min-height:auto;padding:16px;display:flex;flex-direction:row;align-items:center;overflow:auto;flex-wrap:nowrap;gap:5px}.v10-brand{margin:0 16px 0 0;flex-shrink:0}.v10-brand small,.v10-navcap,.v10-sidefoot{display:none}.v10-side>a,.v10-side>button{flex-shrink:0;width:auto;font-size:11px;padding:9px}.v10-main{padding:20px 14px}.v10-head{flex-wrap:wrap}.v10-metrics{gap:9px}.v10-metrics article{padding:14px}.v10-panel{padding:17px}.v10-license{align-items:start;flex-direction:column}.v10-social-grid,.v10-feature-grid{grid-template-columns:1fr}.v10-records article{grid-template-columns:80px 1fr}.v10-record-buttons{grid-column:1/-1}.v10-auth{padding:14px}.v10-login{padding:25px}.v10-formrow{display:grid;grid-template-columns:1fr;width:100%}}

.v10-tracking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v10-tracking span{border:1px solid #e5ecf3;border-radius:8px;padding:12px;color:#6b7c8d}.v10-tracking b{display:block;color:#285a7a;font-size:12px}@media(max-width:600px){.v10-tracking{grid-template-columns:1fr}}
.v11-master-form{display:grid;gap:16px;margin-top:18px;max-width:750px}
.v11-master-form label{display:block;font-size:13px;font-weight:600;color:#343e55}
.v11-master-form input:not([type=checkbox]){width:100%;margin-top:8px;padding:11px 13px;border:1px solid #d6dbe7;border-radius:9px;box-sizing:border-box}
.v11-master-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.v11-master-actions button{border-radius:9px;padding:11px 15px;cursor:pointer}