/* Identidad visual inspirada en paneles metálicos y ribetes de la fachada. */
:root{--central-red:#f02039;--central-ink:#101215;--central-panel:#20242a;--central-line:#393e46}
body{background:#15181c;color:#eff1f4;background-image:radial-gradient(ellipse at 95% 0,#343a4250,transparent 55%)}
aside{background:linear-gradient(90deg,#111315,#20242a);border-right:1px solid #41464d;box-shadow:7px 0 30px #0003}
aside .brand{background:#090a0c;border-top:3px solid var(--central-red);border-bottom:1px solid #535860;border-radius:0;padding:17px 5px;margin-bottom:25px}aside .brand img{mix-blend-mode:normal}aside nav button{border-radius:3px;color:#c9cdd3;padding:13px 14px}aside button.active{background:linear-gradient(90deg,#9e1427,#3a1c25);border-left:3px solid #ff3049;color:#fff}aside footer{color:#949ba5;line-height:1.8;border-top:1px solid #393f46;padding-top:12px}
.top{background:#111316;border-bottom:1px solid #3e444c;color:#f4f5f6;margin-bottom:22px}.top .muted,.top small{color:#aab1bb}.top button{background:#24282e;border-color:#4c525b;color:white}
.facade-masthead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;isolation:isolate;overflow:hidden;min-height:188px;margin:0 0 28px;padding:28px 34px;background:repeating-linear-gradient(90deg,#272c32 0px,#272c32 5px,#15181c 6px,#424850 7px,#24282e 9px);border:1px solid #484e56;box-shadow:0 14px 30px #0004}
.facade-masthead:before,.facade-masthead:after{content:'';position:absolute;left:0;width:100%;height:15px;background:#f02039;clip-path:polygon(0 0,29% 0,32% 65%,69% 65%,72% 0,100% 0,100% 35%,73% 35%,70% 100%,31% 100%,28% 35%,0 35%);filter:drop-shadow(0 0 4px #ff183b);z-index:-1}.facade-masthead:before{top:0}.facade-masthead:after{bottom:0;transform:rotate(180deg)}
.facade-sign{background:#0a0b0d;box-shadow:0 8px 20px #0008;border-top:3px solid #f02039;border-bottom:1px solid #565b64;padding:18px 20px;width:260px;max-width:43%;transform:skewY(-2deg)}.facade-sign img{width:100%;display:block;transform:skewY(2deg)}.facade-copy{max-width:390px;text-align:right;text-shadow:0 2px 5px #000}.facade-copy span{font-size:10px;letter-spacing:3px;color:#ff5368;font-weight:800}.facade-copy p{font-size:28px;font-weight:750;line-height:1.12;margin:9px 0}.facade-copy small{font-size:12px;color:#c9cdd3}
.muted,small,label{color:#aab3bf}h1,h2,h3{color:#f4f5f7}.production-eyebrow{color:#ff5368}.production-heading p,.production-toolbar p{color:#aab3bf}.card,.production-details,.production-empty,.production-metric,.production-card{background:linear-gradient(135deg,#282d34,#20242a);border-color:#404650;border-radius:5px;box-shadow:0 5px 16px #0002}.production-metric span{color:#bac1cb}.production-metric strong{color:#fff}.production-plate{color:#fff}.production-vehicle{color:#bbc2cc}.production-order{color:#adb5c0}.production-technician{border-color:#444a53}.production-technician span{color:#9ea8b5}.production-technician strong{color:#d3d8e0}.production-card-main{color:inherit}.production-card-main:hover{background:#ffffff06}.production-card-actions button,.production-filters button,button{color:#e1e5eb;background:#30363e;border-color:#505862}.production-card-actions button:first-child{background:#44212a;border-color:#78303e;color:#ffb5bf}.production-filters button.is-selected{background:#e21c35;border-color:#f53c53;color:#fff}.production-card.production-selected{box-shadow:0 0 0 2px #f02039}.primary{background:linear-gradient(120deg,#f02039,#ba1026);border-color:#ff3a51;color:#fff;box-shadow:0 3px 13px #e20b2426;border-radius:3px}.production-metric:before{background:#e3253e}.production-pagination,.production-hint{color:#a5aeba}input,select,textarea{background:#171b20;color:#f5f6f7;border-color:#505863}input::placeholder,textarea::placeholder{color:#939dab}.production-search input{background:#20252c}.tabs{border-color:#444b55}.tabs .active{color:#ff697d}.tabs button{color:#c5cbd3}.badge,.pill,.detail-status{background:#363d46;color:#e3e7ed}th{background:#303741;color:#f0f2f5}td,th{border-color:#454c56}a{color:#ff788b}.totals p:last-child{background:#343b45}.note{background:#3b3020;color:#f6ddad}.production-detail-heading,.production-totals,.production-item{border-color:#444b55}.production-totals div,.production-detail-heading p{color:#b5bdc8}.production-totals div strong{color:#fff}.production-total strong{color:#64dea2!important}.share-manual{border-color:#515963}dialog{background:#23282f;color:#f1f3f6;border-color:#626a76}.login{background:#22272e;border-color:#4b535e;border-top:4px solid #f02039}.plate-suggestions,.plate-suggestions button{background:#262d35;color:#edf1f6}.plate-suggestions-title{background:#363e48;color:#e2e8f0}.empty{color:#abb5c1}
@media(max-width:850px){aside{border-right:0;border-bottom:3px solid #ec2039}aside .brand{border:0;padding:5px;margin-bottom:12px}.facade-masthead{margin-bottom:22px;min-height:158px;padding:24px}.facade-copy p{font-size:23px}}
@media(max-width:500px){.facade-masthead{min-height:195px;padding:23px 18px;gap:15px;flex-direction:column}.facade-sign{width:210px;max-width:100%;padding:9px 16px}.facade-copy{text-align:center}.facade-copy span{font-size:9px;letter-spacing:2px}.facade-copy p{font-size:20px;margin:6px 0}.facade-copy small{font-size:10px}.top{font-size:12px}.production-heading h1{font-size:26px}}
@media print{body,dialog{background:white!important;color:black!important}dialog h2,dialog h3,dialog small{color:black!important}}
/* Funde el negro del archivo del logo con el panel. */
.facade-sign{background:transparent;box-shadow:none;border:0;transform:none;padding:18px 0}.facade-sign img{mix-blend-mode:screen;transform:none}aside .brand img{mix-blend-mode:screen}

/* Logo completo aprobado, integrado al grafito. */
aside .brand{background:transparent;border-bottom:0}.facade-sign{width:390px;max-width:52%}.facade-sign img{mix-blend-mode:lighten}aside .brand img{mix-blend-mode:lighten}@media(max-width:500px){.facade-sign{width:270px;max-width:100%}}