/* GARAGE 57 — PANEL OPERATIVO V5 | Interfaces internas RIVO */
:root{--bg:#0b0c0e;--panel:#101115;--panel2:#191a1f;--card:#111216;--line:#2a2b31;--line2:#3d3034;--text:#f5f5f7;--muted:#a5a6b0;--yellow:#e31c2d;--yellow2:#b91223;--purple:#111215;--green:#57dba4;--red:#fa858a}
html,body{width:100%;max-width:100%;overflow-x:hidden;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px}
body.locked{overflow:hidden}body.locked .app-shell{display:none}body.unlocked #pinScreen{display:none}
button{transition:background-color .14s,border-color .14s,transform .14s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ec243a;outline-offset:3px}button:hover{filter:brightness(1.08)}a{color:inherit}
/* Login – pared oscura, una decisión visual y nada más */
#pinScreen{background:radial-gradient(ellipse 45% 46% at 50% 36%,#271116 0%,#0d0d10 65%,#09090a 100%);padding:26px 16px}
.pin-card{width:min(100%,514px);padding:36px 38px 31px;border-radius:26px;background:linear-gradient(155deg,#141519,#0e0f13);border:1px solid #313137;box-shadow:0 34px 100px #0009;gap:0;display:flex;flex-direction:column;align-items:stretch}
.pin-brand{display:flex;justify-content:center;margin:0 0 7px}.pin-brand img{width:min(100%,290px);height:104px;object-fit:contain;background:transparent;border-radius:0}
.pin-system{text-align:center;color:#9fa0a9;font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:30px}
.pin-card h1{font-size:30px;text-align:left;letter-spacing:-.045em;font-weight:850;line-height:1.13;margin:0 0 12px}
.pin-card .pin-caption{text-align:left;color:#a4a5b2;font-size:14px;line-height:1.55;margin:0 0 24px}
.pin-card form{width:100%}.pin-field{display:block}.pin-field label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#pinInput{background:#0b0c10;border:1px solid #33343b;border-radius:15px;height:70px;width:100%;text-align:center;letter-spacing:.46em;font-size:29px;min-height:0;color:#fff;padding:8px 12px 8px 25px}
#pinInput:focus{border-color:#b92033;box-shadow:0 0 0 3px #c81e3022}
.pin-error{margin:0;min-height:20px;font-size:12px}.pin-enter{background:linear-gradient(100deg,#f21c31,#bc1024)!important;border:none!important;border-radius:14px;font-size:15px;min-height:58px;justify-content:center;margin:3px 0 0;box-shadow:0 12px 30px #a0061418}.pin-demo-note{font-size:10px;letter-spacing:.08em;color:#777881;margin:24px 0 0;text-align:center}
/* Global shell */
.app-shell{display:block;min-height:100vh}.app-header{position:sticky;top:0;margin-left:252px;z-index:32;height:73px;background:#0a0a0df4;border-bottom:1px solid #28292f;backdrop-filter:blur(18px)}.header-inner{max-width:none;width:100%;height:72px;padding:0 30px;gap:13px;display:flex;align-items:center}.header-identity{display:none;align-items:center;gap:10px}.header-identity .logo{object-fit:contain;width:50px;height:42px;background:transparent}.header-identity span{font-weight:850;white-space:nowrap}.header-identity small{display:block;color:#9799a4;font-size:9px;letter-spacing:.1em}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions .btn{font-size:12px;border-radius:11px;font-weight:700;background:#18191d;border-color:#34353c;padding:10px 14px}.header-actions .btn.primary{background:#d4162b;color:white;border-color:#d4162b;padding:11px 16px}
.live-pill{color:#ff9ea6;border:1px solid #512831;border-radius:999px;background:#211017;padding:8px 13px;font-size:10px;letter-spacing:.12em;font-weight:850;white-space:nowrap}.live-dot{display:inline-block;background:#f1263f;height:6px;width:6px;border-radius:50%;margin-right:5px}.menu-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid #3a3b42;color:#f5f5f5;border-radius:10px;width:41px;height:41px}.sidebar-overlay{display:none}
.app-sidebar{position:fixed;top:0;bottom:0;left:0;width:252px;background:#0d0e11;border-right:1px solid #27282f;z-index:44;display:flex;flex-direction:column;padding:24px 15px 18px;overflow-y:auto;overscroll-behavior:contain}.sidebar-brand{padding:3px 10px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.sidebar-brand img{width:172px;max-width:100%;height:62px;object-fit:contain;object-position:left center}.sidebar-brand span{font-size:10px;letter-spacing:.19em;color:#9c9da6;font-weight:800;margin-left:3px}.sidebar-rule{height:1px;background:#26272c;margin:8px 0 21px}
.app-sidebar .nav{width:100%;display:flex;flex-direction:column;gap:4px;margin:0;flex:1}.app-sidebar .nav-section{font-size:10px;color:#767780;letter-spacing:.15em;font-weight:850;padding:2px 11px 11px}.app-sidebar .nav-section-extra{margin-top:18px}.app-sidebar .nav button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 13px;border-radius:11px;background:transparent;border:1px solid transparent;color:#a8a9b3;font-weight:550;font-size:13px;min-height:48px;white-space:nowrap}.app-sidebar .nav button:hover{background:#18191d;color:#f5f5f7}.app-sidebar .nav button.active{background:#19191e;color:#fff;border-left:3px solid #ed1d35;border-top-color:#222329;border-right-color:#222329;border-bottom-color:#222329;padding-left:11px}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px;font-size:18px;line-height:1;color:#838591;font-family:Arial,sans-serif}.app-sidebar .nav button.active .nav-icon{color:#f62b44}.nav-count{margin-left:auto;background:#25252b;padding:3px 7px;font-size:10px;border-radius:6px;color:#ddd}.sidebar-bottom{border-top:1px solid #27282c;padding:18px 10px 0;display:grid;gap:2px}.sidebar-bottom b{font-size:12px;letter-spacing:.06em}.sidebar-bottom span{font-size:11px;color:#a4a5ae}.sidebar-bottom small{font-size:10px;color:#70717a;margin-top:10px;line-height:1.7}
.wrap{margin:0 0 0 252px;max-width:none;width:auto;padding:32px clamp(16px,3vw,48px) 70px;overflow:visible}.page-header h1{font-size:36px;letter-spacing:-.055em;line-height:1.13;margin:0 0 7px;font-weight:840}.page-header .lead{font-size:15px;color:#a0a1b0;margin:0 0 22px}.notice{padding:9px 13px;border:1px solid #373038;background:#171216;color:#ae9da3;border-radius:10px;font-size:11px;margin:0 0 20px}.notice strong{display:inline-block;letter-spacing:.08em;color:#ffa6b0;margin-right:4px}.notice-scope{margin-left:6px;color:#84838a}.dashboard-footer{margin:30px 0 0;padding:18px 2px;border-top:1px solid #24252a;font-size:10px;letter-spacing:.08em;color:#6e717a}.dashboard-footer span{margin:0 8px}
/* Controls and pages */
.btn{background:#1c1d22;border-color:#393a41;color:#f9f9fa;border-radius:11px;padding:11px 14px;min-width:0;max-width:100%}.btn.primary{background:#df172c;color:#fff;border:1px solid #df172c}.btn.ghost{background:#1b1c20;border:1px solid #34353d}.btn:hover{transform:translateY(-1px)}.card,.stat{border-color:#2a2b33;background:#121318;box-shadow:none;padding:20px;border-radius:17px}.card h2{font-size:20px;font-weight:780;letter-spacing:-.025em}.muted,.helper{color:#9e9fa9}.pill{border-color:#383944;background:#1d1e22;color:#bdbec6;font-size:10px;letter-spacing:.03em}.pill.ok{background:#0e241c;border-color:#22523f;color:#8cf0b6}.pill.warn{background:#31191d;border-color:#6e2b34;color:#ff9daa}.pill.neutral{color:#c5c5ca}.stat .num{color:#fff}.section-title{color:#a1a2b2}.modal-panel,.damage-box,.status-chip,.intake-top{background:#18191e;border-color:#383941}.itemrow,.check-row{min-width:0}input,select,textarea{border:1px solid #383941;background:#0c0d10;border-radius:10px;color:#fff;min-width:0}.damage-canvas{background:#101014}.damage-marker{border-color:#fff}.notice strong,.notice-scope{overflow-wrap:break-word}
/* Dashboard */
.action-ribbon{border:1px solid #303139;border-radius:17px;background:linear-gradient(115deg,#151519,#101115);padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.action-ribbon strong{display:block;font-size:17px;letter-spacing:-.02em}.action-ribbon p{color:#9293a0;font-size:12px;margin:5px 0 0}.ribbon-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.ribbon-actions .btn{white-space:nowrap}
.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{border:1px solid #2b2c34;border-radius:16px;min-height:126px;padding:18px 17px 16px;background:linear-gradient(180deg,#151519,#111216);position:relative;min-width:0}.metric:before{content:"";position:absolute;top:-1px;left:19px;width:33px;height:2px;background:#df1d32}.metric span{display:block;font-size:10px;letter-spacing:.085em;color:#aaaab6;font-weight:800;line-height:1.4}.metric strong{display:block;font-size:34px;letter-spacing:-.04em;line-height:1.1;margin-top:12px;color:#fff}.metric small{display:block;font-size:10px;color:#777883;margin-top:6px}
.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}.activity-card{background:#141519;border:1px solid #2b2c34;border-radius:18px;padding:19px;min-width:0}.activity-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.activity-head h2{font-size:18px;letter-spacing:-.025em;margin:0 0 5px}.activity-head p{font-size:11px;color:#838590;margin:0}.mini-link{cursor:pointer;border:0;background:transparent;color:#ff8996;font-size:12px;text-decoration:none;font-weight:700;padding:6px 0;white-space:nowrap}.activity-list{display:grid;gap:8px}.activity-item{display:flex;align-items:start;justify-content:space-between;gap:12px;border:1px solid #292a32;border-radius:13px;background:#0e0f13;padding:13px;min-width:0}.activity-main{min-width:0}.activity-main b{font-size:13px;font-weight:780;overflow-wrap:anywhere}.activity-sub{color:#a3a4b0;font-size:11px;margin-top:5px;line-height:1.45}.activity-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.activity-tags span{border:1px solid #303139;color:#858792;padding:3px 6px;border-radius:20px;font-size:9px}.activity-end{display:grid;justify-items:end;gap:8px;min-width:78px}.activity-end .pill{white-space:nowrap}.activity-empty{padding:30px 12px;text-align:center;color:#9999a3;font-size:12px}.activity-empty b{color:#f0f0f3}.activity-empty p{max-width:360px;line-height:1.6;margin:10px auto 16px}.demo-module{color:#f18d95;border:1px solid #5d3238;background:#2b171d;padding:3px 6px;font-size:9px;letter-spacing:.08em;border-radius:5px;vertical-align:middle}
.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.aux-panel{border:1px solid #2b2c34;background:#111216;border-radius:16px;padding:21px;display:flex;gap:15px;justify-content:space-between;align-items:end}.aux-panel h3{font-size:16px;margin:7px 0;color:#fff;letter-spacing:-.025em}.aux-panel p{max-width:380px;font-size:12px;color:#8e909c;margin:0}.aux-kicker{font-size:10px;color:#f18793;font-weight:800;letter-spacing:.09em}.aux-panel .btn{flex-shrink:0;font-size:11px}
/* Responsive */
@media(max-width:1300px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.action-ribbon{align-items:flex-start}.aux-panel{align-items:flex-start;flex-direction:column}.notice-scope{display:block;margin:5px 0 0}}
@media(max-width:1000px){.app-header{margin-left:0;height:67px}.header-inner{height:66px;padding:0 15px}.header-identity{display:flex}.menu-toggle{display:flex}.app-sidebar{transform:translateX(-102%);transition:transform .2s ease;box-shadow:16px 0 70px #0008}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:#000a;z-index:42}.sidebar-open .sidebar-overlay{display:block}.wrap{margin-left:0;padding:25px 22px 55px}.dashboard-columns{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.action-ribbon{flex-wrap:wrap}.header-register{display:none!important}}
@media(max-width:760px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-metrics .metric:last-child{grid-column:1/-1}.metric{min-height:108px;padding:15px}.metric strong{font-size:28px;margin-top:8px}.header-inner{gap:10px}.header-identity .logo{width:42px;height:34px}.header-identity span{font-size:12px}.header-actions{gap:5px}.header-actions .btn{padding:9px;font-size:11px}.header-actions .live-pill{display:none}.page-header h1{font-size:29px}.action-ribbon{padding:18px;gap:14px}.ribbon-actions{width:100%}.ribbon-actions .btn{flex:1;justify-content:center}.bottom-panels{grid-template-columns:1fr}.activity-card{padding:14px}.activity-head{gap:5px}.activity-head h2{font-size:17px}.header-actions #installAppBtn{display:none!important}.wrap{padding:19px 13px 45px}.notice{font-size:10px}.nav button:last-child{grid-column:auto!important}}
@media(max-width:400px){.header-inner{padding:0 10px}.header-actions .btn{font-size:10px;padding:8px 9px}.header-identity span{font-size:11px}.header-identity small{font-size:8px}.activity-item{gap:8px;padding:11px}.activity-end{min-width:70px}.activity-main b{font-size:12px}.page-header h1{font-size:27px}.pin-card{padding:27px 24px}.pin-brand img{height:85px}.pin-card h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){button,.app-sidebar{transition:none!important}html{scroll-behavior:auto!important}}
/* Garage 57 V6 | Editor de web, medios y configuración */
.g57-editor-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:3px 0 20px}.g57-editor-heading h2{font-size:25px;letter-spacing:-.035em;margin:5px 0 6px}.g57-editor-heading p{margin:0;color:#a1a2ab;font-size:13px;max-width:660px}.g57-eyebrow{font-size:10px;letter-spacing:.14em;color:#f07481;font-weight:850}.g57-editor-form{display:grid;gap:16px}.g57-editor-card{background:#141519;border:1px solid #2d2e34;border-radius:16px;padding:24px;margin-bottom:16px;max-width:100%;min-width:0}.g57-editor-card-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin:0 0 20px}.g57-editor-card h3{font-size:17px;letter-spacing:-.022em;margin:0 0 5px}.g57-editor-card-head p{font-size:12px;color:#9c9da9;margin:0;max-width:690px}.g57-step{font-size:10px;color:#f78b96;border:1px solid #58313a;padding:6px 9px;border-radius:9px}.g57-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.g57-field{display:grid;gap:8px;min-width:0;color:#e3e4e8;font-size:12px;font-weight:700}.g57-field small{font-weight:400;color:#999ba7;font-size:11px}.g57-fields .g57-wide,.g57-wide{grid-column:1/-1}.g57-field input,.g57-field textarea,.g57-service-edit input,.g57-post-edit input,.g57-post-edit textarea{border:1px solid #3b3c42;border-radius:10px;background:#0c0d10;color:white;font-size:13px;padding:12px 13px;min-width:0;width:100%;font-family:inherit}.g57-field textarea{min-height:76px;line-height:1.5}.g57-save-row{grid-column:1/-1;border-top:1px solid #2b2c31;margin-top:20px;padding-top:18px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.g57-save-row span{color:#94959e;font-size:11px;flex:1;min-width:160px}.g57-save-row .btn{white-space:nowrap}.g57-pin-settings{margin-top:4px}.g57-service-list{display:grid;gap:15px}.g57-service-edit{background:#101115;border:1px solid #31323a;border-radius:12px;padding:19px}.g57-row-top{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:13px}.g57-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;color:#b3b5be;font-size:11px;cursor:pointer}.g57-toggle input{width:16px;height:16px;accent-color:#df172c}.g57-service-edit .g57-fields{grid-template-columns:1fr}.g57-media-warning{font-size:12px;line-height:1.6;background:#1f1a16;color:#d8bb9a;border:1px solid #50402d;padding:12px 15px;border-radius:10px}.g57-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.g57-media-card{min-width:0;border:1px solid #34353d;border-radius:12px;overflow:hidden;background:#101115}.g57-media-preview{aspect-ratio:16/10;background:#09090b;display:grid;place-items:center}.g57-media-preview img,.g57-media-preview video{width:100%;height:100%;object-fit:contain}.g57-media-body{padding:14px;display:flex;flex-direction:column;gap:10px}.g57-media-body strong{font-size:12px}.g57-media-body small{font-size:10px;color:#9496a1}.g57-upload{cursor:pointer;background:#27282f;color:#fff;padding:10px;border:1px solid #3e3f47;border-radius:9px;text-align:center;font-size:11px;display:block}.g57-upload input{width:100%;font-size:10px;color:#a3a4ae;margin-top:8px;background:transparent;padding:0;border:none}.g57-quiet{background:none;border:0;padding:5px;color:#dca1a7;text-align:left;font-size:11px;cursor:pointer}.g57-existing{margin-top:26px;border-top:1px solid #313239;padding-top:20px}.g57-post-edit{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:15px;border:1px solid #35363d;border-radius:13px;margin-top:12px}.g57-post-edit>img,.g57-post-edit>video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.g57-post-edit>div{display:grid;gap:12px}.g57-post-edit label{display:grid;gap:7px}.g57-post-edit .g57-toggle{display:flex}.g57-post-actions{display:flex;align-items:center;gap:14px}.g57-editor-heading .btn{white-space:nowrap}
@media(max-width:1150px){.g57-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.g57-editor-heading{flex-wrap:wrap}.g57-editor-card{padding:16px}.g57-fields,.g57-media-grid{grid-template-columns:1fr}.g57-row-top{flex-wrap:wrap}.g57-post-edit{grid-template-columns:1fr}.g57-post-edit>img,.g57-post-edit>video{max-height:180px;aspect-ratio:16/8}.g57-save-row{flex-direction:column;align-items:stretch}.g57-save-row .btn{justify-content:center}}
/* Selector de archivos discreto, con toda el área clickable */
.g57-upload{position:relative;display:flex;min-height:43px;align-items:center;justify-content:center;font-weight:750;overflow:hidden;transition:background .2s,border-color .2s}.g57-upload:hover{background:#33343a;border-color:#777982}.g57-upload input[type=file]{cursor:pointer;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;z-index:1}
.g57-post img,.g57-post video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

/* V9: recepción estética y revisión por tratamiento — composición desktop/tablet */
.doc-editor-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)!important;align-items:start;gap:15px}
.doc-editor-grid>.card,.doc-editor-grid>.right-stack{min-width:0;align-self:start}
.doc-editor-grid .right-stack{display:flex;flex-direction:column;gap:14px}
.doc-editor-grid .right-stack .card{flex:0 0 auto}
.doc-editor-grid .inline-entity{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:7px}
.doc-editor-grid .inline-entity .inline-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
.doc-editor-grid .inline-entity .inline-buttons .btn{justify-content:center}
.doc-editor-grid .intake-top{border-color:#35353a;background:#151619}
.doc-editor-grid .workflow{margin-bottom:14px}
.step-head span{background:#c91d2f!important;color:white!important}
.workflow b{background:#c91d2f!important;color:white!important}
.doc-editor-grid .damage-help,.doc-editor-grid .check-row,.doc-editor-grid .close-confirm label{background:#17181c;border-color:#35363c}
.doc-editor-grid .damage-types button{background:#17181c;border-color:#414248;color:#f3f3f6}
.doc-editor-grid .damage-types button.active{background:#45151c;border-color:#cf263c}
.doc-editor-grid .damage-box{background:#17181c;border-color:#34363a}
.doc-editor-grid .damage-canvas{background:#f8f9fb;border-color:#45474d}
.doc-editor-grid .damage-box h4{color:#bec0c9}
.doc-editor-grid .total-line{color:#f4f4f6}
.doc-editor-grid .preview-sheet .total-line{color:#ba172a}
.doc-editor-grid .section-title{color:#a6a8b3}
.doc-editor-grid .check-row{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr)!important;gap:11px;padding:15px;margin-bottom:10px}
.doc-editor-grid .check-row .check-title{grid-column:1/-1;font-size:14px}
.doc-editor-grid .check-row .check-note{grid-column:1/-1}
.doc-editor-grid .check-row label{min-width:0}
.doc-editor-grid .check-row[data-state='Conforme']{border-color:#2b7157}
.doc-editor-grid .check-row[data-state='Requiere ajuste']{border-color:#a73a48;background:#23191c}
.review-template-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:14px 0}
.review-template-bar .btn{white-space:normal;text-align:center}
.doc-editor-grid .sheet-head .title{color:#24252b}
.doc-editor-grid .preview-sheet{border-radius:12px}
.doc-editor-grid .preview-sheet .sheet-body{padding:16px}
.doc-editor-grid .preview-sheet .sheet-head{padding:13px 16px}
.doc-editor-grid .check-intro{color:#b9bbc4;font-size:12px;line-height:1.65}
.doc-editor-grid input,.doc-editor-grid select,.doc-editor-grid textarea{max-width:100%}
@media(max-width:1550px){.doc-editor-grid{grid-template-columns:minmax(0,1fr)!important}.doc-editor-grid .right-stack{display:block}.doc-editor-grid .right-stack .card{margin-bottom:15px}}
@media(max-width:700px){.doc-editor-grid .check-row,.review-template-bar{grid-template-columns:minmax(0,1fr)!important}.doc-editor-grid .check-row .check-title,.doc-editor-grid .check-row .check-note{grid-column:auto}.doc-editor-grid .inline-entity .inline-buttons{display:grid;grid-template-columns:1fr 1fr}.doc-editor-grid .right-stack .card{padding:12px}}