.sidebar{overflow-y:auto;padding-top:24px;scrollbar-width:thin;scrollbar-color:#596167 transparent}.company{margin-bottom:23px}.nav-list{gap:3px;margin-bottom:18px}.nav-item{padding:10px 14px}.nav-label{margin-bottom:8px}.sidebar-foot{padding-top:12px;flex-shrink:0}.sidebar .brand{flex-shrink:0}.preview-banner{display:flex;gap:8px;align-items:center;border:1px solid #dce5ee;color:#536d83;background:#edf3f8;padding:10px 14px;border-radius:7px;font-size:11px;margin-bottom:20px}.preview-banner .icon{width:16px;height:16px}.profile-link{color:#fff;background:transparent;text-align:left;padding:3px 0;font-size:12px}.connection-screen{max-width:640px;margin:12vh auto;padding:36px;background:white;border:1px solid var(--line);border-radius:14px}.connection-screen h1{font-size:24px;margin-bottom:12px}.connection-screen p{margin-bottom:24px;line-height:1.7}.connection-screen .btn{margin:4px}.text-danger{color:#ad3a30!important}.text-warning{color:#9d6b26!important}.grow{min-width:0}.heading-actions{flex-wrap:wrap}.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.profile-card{padding:26px}.profile-hero{text-align:center;padding:8px 0 23px;border-bottom:1px solid var(--line)}.profile-hero .avatar{width:64px;height:64px;font-size:20px;margin-bottom:15px;background:var(--red-tint);color:var(--red)}.profile-hero h2{font-size:19px}.profile-hero p{color:var(--muted);font-size:12px;margin:9px 0 15px}.profile-lock{font-size:11px;line-height:1.7;background:#f7f8fa;color:#737b85;border-radius:7px;padding:12px;display:flex;gap:8px}.profile-lock .icon{width:16px}.document-row{display:flex;align-items:center;gap:13px;padding:19px 23px;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-symbol{width:39px;height:45px;border:1px solid #eadedc;background:#fbf4f2;color:var(--red);border-radius:7px;display:grid;place-items:center;flex-shrink:0}.document-symbol .icon{width:20px}.document-main{flex:1;min-width:0}.document-main strong{font-size:12px;overflow-wrap:anywhere}.document-main p{font-size:10px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.document-main small{font-size:10px;display:block;margin-top:6px;color:#757e88}.document-actions{display:flex;gap:5px;align-items:center}.drawer .document-row{padding:15px 0}.drawer .document-actions .btn{font-size:10px;padding:7px}.drawer .document-symbol{display:none}.leave-status{display:inline-block;font-size:10px;font-weight:600;padding:6px 9px;border-radius:5px;background:#f6f0e4;color:#9c7336;white-space:nowrap}.leave-status.aprobada{background:#eaf4ee;color:#387958}.leave-status.rechazada,.leave-status.cancelada{background:#faeae8;color:#ac5148}.leave-row{display:flex;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line)}.leave-row:last-child{border-bottom:0}.leave-row strong{font-size:13px}.leave-row p{font-size:12px;margin:7px 0;color:#5e6977}.leave-row small{color:var(--muted);font-size:11px}.leave-actions{display:flex;gap:8px;flex-wrap:wrap}.absence-strip{background:#fafbfc;padding:18px 24px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap}.absence-strip span{font-size:11px;color:#747d88;display:flex;gap:7px;align-items:center}.absence-strip .icon{width:16px}.load-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;font-size:10px;background:#f0f2f5;color:#79818b;font-weight:600;white-space:nowrap}.load-badge .icon{width:13px;height:13px}.load-badge.en_proceso{background:#fff2d9;color:#9c752d}.load-badge.listo{background:#eaf5ee;color:#36805b}.load-badge.incidencia{background:#fce9e6;color:#bd5144}.loading-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.loading-stats>div{background:white;border:1px solid var(--line);border-radius:9px;display:flex;gap:15px;align-items:center;padding:20px}.loading-stats>div>.icon{width:35px;height:35px;padding:8px;background:#f7f4f1;color:#9c7f64;border-radius:8px}.loading-stats span{font-size:11px;color:#79818b}.loading-stats strong{display:block;color:var(--ink);font-size:26px;font-weight:650;margin-top:8px;line-height:1}.loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.loading-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}.loading-card-top{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;align-items:center}.order-no{font-size:11px;color:#79818b;font-weight:600}.loading-card-main{padding:19px 18px;flex:1}.loading-card-main h3{font-size:15px;line-height:1.5}.loading-card-main>p{font-size:11px;color:var(--muted);margin-top:7px}.load-timing{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;margin-bottom:19px}.load-timing span{font-size:8px;font-weight:650;letter-spacing:.07em;color:#9299a2;display:block;margin-bottom:8px}.load-timing strong{font-size:12px}.loading-card .route-material{font-size:11px;line-height:1.9;margin:0}.loading-card .route-material span{font-size:10px;color:#8c939d}.load-assignment{display:flex;flex-direction:column;gap:10px;margin-top:17px;color:#707b87;font-size:11px}.load-assignment span{display:flex;gap:7px;align-items:center}.load-assignment .icon{width:15px;height:15px;color:#99a0a9}.load-note{font-size:11px;line-height:1.7;padding:10px 12px;border-left:2px solid #e5b2aa;background:#fcf6f4;overflow-wrap:anywhere}.load-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:14px 18px}.load-card-actions .btn{font-size:10px;padding:9px 10px}.loading-grid>.empty{grid-column:1/-1}.integration-flow{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;align-items:center;justify-content:space-around;gap:22px;margin:22px 0}.integration-flow>div{position:relative;padding-left:36px}.integration-flow span{position:absolute;left:0;top:1px;font-size:11px;color:var(--red);background:var(--red-tint);width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.integration-flow strong{font-size:12px}.integration-flow p{font-size:10px;color:var(--muted);margin-top:7px}.integration-flow>.icon{color:#bac1c9;width:16px}.integration-buttons{display:flex;gap:8px;flex-wrap:wrap}.integration-job{padding:18px 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.integration-job:last-child{border-bottom:0}.integration-job strong{font-size:12px}.integration-job p{font-size:11px;margin-top:7px;color:#717c89;line-height:1.6}.integration-job small{font-size:10px;display:block;color:#929aa4;margin-top:6px}.history-line{font-size:11px;padding:12px 0;border-bottom:1px solid var(--line);color:#6e7886}.history-line small{display:block;margin-top:5px}.employee-actions,.fleet-card-foot{flex-wrap:wrap;gap:8px}.document-list .empty{padding:40px 20px}.detail-actions{flex-wrap:wrap}.document-actions .icon-btn{flex-shrink:0}
@media(min-width:1600px){.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1240px){.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:250px minmax(0,1fr)}.leave-row{flex-wrap:wrap}.loading-stats{gap:10px}.loading-stats>div{padding:15px 10px;gap:10px}.loading-stats span{font-size:10px}}
@media(max-width:1000px){.profile-layout{grid-template-columns:1fr}.profile-card{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-hero{border:0;padding:0}.profile-lock{grid-column:1/-1}.loading-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-flow{gap:10px;padding:20px 12px}.integration-flow>div{padding-left:0}.integration-flow span{position:static;margin-bottom:8px}}
@media(max-width:600px){.loading-grid{grid-template-columns:1fr}.loading-stats>div{padding:16px}.loading-stats strong{font-size:24px}.loading-stats>div>.icon{width:29px;height:29px;padding:6px}.profile-card{display:block;padding:23px}.profile-hero{border-bottom:1px solid var(--line);padding-bottom:20px}.document-row{padding:16px;gap:10px;align-items:flex-start;flex-wrap:wrap}.document-main{min-width:150px}.document-actions{margin-left:49px}.drawer .document-actions{margin-left:0}.document-actions .btn{font-size:11px}.leave-row{padding:18px 16px;gap:12px}.leave-actions{width:100%;padding-left:46px}.integration-flow{align-items:flex-start}.integration-flow strong{font-size:10px}.integration-flow p{font-size:9px;line-height:1.5}.integration-flow>.icon{display:none}.integration-job{padding:18px 16px;flex-wrap:wrap}.preview-banner{align-items:flex-start;line-height:1.5}.toolbar .segmented{flex-wrap:wrap}.loading-card-top{padding:16px}.loading-card-main{padding:20px}.page-heading .heading-actions{width:100%}.profile-layout{gap:16px}.connection-screen{margin:8vh 16px;padding:26px}.document-row .document-main p{line-height:1.6}}
