.tw{color:#e8eaf3}.tw h2{font-size:28px;margin:4px 0 10px}.tw h3{margin:0 0 18px}.tw p{line-height:1.5}.tw-heading,.tw-actions,.tw-toolbar,.tw-form-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.tw-heading{margin-bottom:22px}.tw-eyebrow{font-size:11px;letter-spacing:2px;color:#b68aff;margin:0}.tw-card{background:linear-gradient(130deg,#181c27,#11151e);border:1px solid #303544;border-radius:14px;padding:22px;margin-bottom:16px}.tw-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tw-metrics strong{display:block;font-size:30px;margin-top:12px}.tw-metrics span,.tw small{color:#aeb7ca}.tw-toolbar{margin:8px 0 24px}.tw-workspace{display:grid;grid-template-columns:290px 1fr;gap:20px}.tw-order{display:flex;width:100%;text-align:left;gap:10px;align-items:center;justify-content:space-between;padding:16px 0;background:none;border:0;border-bottom:1px solid #303544;border-radius:0}.tw-order small,.tw-history span,.tw-history small,.tw-table small{display:block;margin-top:6px}.tw-badge{display:inline-block;background:#ffc14a;color:#271900;padding:7px 10px;border-radius:24px;font-size:11px;font-weight:bold;white-space:nowrap}.tw-badge.done{background:#65dd91;color:#0c3220}.tw-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.tw-vehicle{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.tw-photo{background:#0c1018;min-height:190px;display:flex;align-items:center;justify-content:center;font-size:70px;border-radius:9px;overflow:hidden}.tw-photo img{width:100%;height:250px;object-fit:cover}.tw-tabs{display:flex;gap:4px;margin-bottom:20px}.tw-tabs button{flex:1;padding:12px 6px;font-size:12px}.tw-tabs .active{background:#7731ef;border-color:#9455ff}.tw textarea,.tw input,.tw select,.tw-dialog input,.tw-dialog select,.tw-dialog textarea{box-sizing:border-box;width:100%;background:#111620;color:#eef0fa;border:1px solid #353d51;border-radius:8px;padding:12px;font:inherit}.tw textarea{resize:vertical}.tw-form-row{align-items:start;margin:16px 0}.tw-form-row label{flex:1}.tw label,.tw-dialog label{display:block;font-size:13px;color:#b8c2d5}.tw label input,.tw label select,.tw-dialog input,.tw-dialog select{margin-top:7px}.tw-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tw-gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-top:12px}.tw-upload{display:block;text-align:center;padding:12px;border:1px solid #40465a;border-radius:8px;margin-top:10px;cursor:pointer}.tw-upload input{display:none}.tw-history{display:block;width:100%;text-align:left;background:none;border:0;border-left:3px solid #8d4afa;padding:12px 16px;border-radius:0}.tw-table{overflow:auto}.tw-table table{width:100%}.tw-total{background:#3c2065;border:1px solid #8d4afa;border-radius:12px;padding:22px;font-size:23px;margin:22px 0}.tw-form{display:grid;gap:12px;margin:20px 0}.tw-empty{text-align:center;padding:70px 25px}.tw-dialog{background:#171c28;color:#eef0fa;border:1px solid #55506d;border-radius:15px;padding:26px;width:min(540px,85vw);max-height:85vh}.tw-dialog::backdrop{background:#000b}.tw-dialog #tw-error{color:#ff9eab}.tw button,.tw-dialog button{cursor:pointer}.tw button.btn,.tw-dialog button.btn{background:#7d35ee;color:white;border:0;padding:12px 18px;border-radius:8px}.tw input:focus,.tw textarea:focus,.tw select:focus{outline:2px solid #8d4afa}.tw .muted{color:#aab4c8}@media(min-width:1500px){.tw-workspace{grid-template-columns:270px 1fr}}@media(max-width:1250px){.tw-columns{grid-template-columns:1fr}.tw-workspace{grid-template-columns:240px 1fr}}@media(max-width:750px){.tw-heading,.tw-toolbar,.tw-form-row{flex-direction:column;align-items:stretch}.tw-metrics{grid-template-columns:1fr 1fr}.tw-workspace,.tw-vehicle{grid-template-columns:1fr}.tw-columns{display:block}.tw-tabs{flex-wrap:wrap}.tw-photos{grid-template-columns:1fr 1fr}.tw-card{padding:16px}}
@media(min-width:1100px){body.erp-authenticated #erp-main-nav{position:fixed;inset:0 auto 0 0;width:220px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;padding:24px 14px;overflow-y:auto;border-right:1px solid #303544;border-bottom:0;background:#141822}body.erp-authenticated #erp-main-nav .brand{font-size:24px;margin:0 0 30px;white-space:normal}body.erp-authenticated #erp-main-nav button{text-align:left;padding:13px 12px;font-size:14px;flex-shrink:0}body.erp-authenticated #erp-main-nav .signout{margin:24px 0 0}body.erp-authenticated .layout{margin-left:220px}body.erp-authenticated main{max-width:none;padding:26px}body.erp-authenticated #erp-main-nav button.active{background:#432370;border-color:#8545dc;box-shadow:inset 4px 0 #ab65ff}}

/* Ajuste visual de foto principal */
.tw-photo img{object-position:center center}

/* La ficha de trabajo ocupa todo el ancho del detalle de la OT. */
#tw-detail .tw-columns { grid-template-columns: minmax(0, 1fr); gap: 12px; }
#tw-detail .tw-columns > div:first-child { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: start; }
#tw-detail .tw-columns > .tw-card { min-width: 0; }
#tw-detail .tw-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); align-items: start; }
#tw-tab .tw-trabajos-presupuestados { margin: 8px 0 12px; padding: 12px 14px; border: 1px solid #8fa7bd; border-radius: 8px; background: #edf4fa; color: #18334a; }
#tw-tab .tw-trabajos-presupuestados h3 { margin: 0 0 6px; color: inherit; }
#tw-tab .tw-trabajos-presupuestados p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: inherit; }
html[data-erp-theme="GRAFITO"] #tw-tab .tw-trabajos-presupuestados { background: #30465a; color: #f2f6fa; }
@media (max-width: 960px) { #tw-detail .tw-columns > div:first-child { grid-template-columns: minmax(0, 1fr); } }