/* Operational frame adapted from TMS Soluciones desktop-workspace / supply-program.
   This application owns its assets and styles; it has no runtime dependency on Soluciones. */
:root{color-scheme:light;--bg:#f3f6f8;--paper:#fff;--ink:#143743;--muted:#506874;--line:#d8e2e7;--active:#e8f3f6;--brand:#006f83;--header:#123d4c;--green:#205a50;--warn:#fff4df;--amber:#805011;--red:#a13232;font:13px/1.45 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid #bdcdd6;border-radius:4px;padding:7px 12px;min-height:34px;font-size:12px;line-height:1.35}button:hover:not(:disabled){background:#edf5f8;border-color:#88a9b9}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,select,textarea,summary{outline-offset:2px}:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #00849c}.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.primary:hover:not(:disabled){background:#00596c;color:#fff}.danger{color:var(--red)}a{color:#00657a}svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-60px;padding:12px;background:#fff;z-index:100}.skip:focus{top:10px}

.shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .15s}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;min-width:0;background:#fff;border-right:1px solid var(--line);z-index:30;overflow:hidden}.brand{display:block;text-decoration:none;color:var(--ink);padding:17px 15px 13px;border-bottom:1px solid var(--line);flex-shrink:0}.brand-line{display:flex;align-items:center;gap:10px;height:29px}.brand img{width:116px;max-width:calc(100% - 47px);height:auto;object-fit:contain}.brand-line strong{border-left:1px solid #c7d5dd;padding-left:10px;font-size:17px;font-weight:750;letter-spacing:1px;color:#006b83}.brand>small{display:block;margin-top:10px;font-size:9px;font-weight:500;letter-spacing:.08em;color:#506874}
#navigation{display:block;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:11px 10px;scrollbar-width:thin;scrollbar-color:#bfccd2 transparent}.nav-group{margin-bottom:13px}.nav-group>p{font-size:9px;font-weight:650;letter-spacing:.08em;color:#536d79;padding:0 9px;margin:0 0 6px}.nav-group>a,.nav-group>div>a{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:34px;margin:1px 0;border-radius:4px;text-decoration:none;color:#385562;font-size:12px;line-height:1.3}.nav-group a svg{width:17px;height:17px;color:#55737f}.nav-group a[aria-current=page]{background:#e8f3f6;color:#005c73;font-weight:700}.nav-group a[aria-current=page]::before{content:'';position:absolute;left:-10px;top:7px;bottom:7px;width:3px;background:#0087a0}.nav-group a:hover{background:#f0f6f8}.nav-group a[aria-current=page] svg{color:#006e85}details.nav-group{border-top:1px solid #e2e9ed;padding-top:9px;margin-top:12px}details.nav-group>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:4px 9px 7px;font-size:9px;letter-spacing:.08em;font-weight:650;color:#536d79;cursor:pointer}details.nav-group>summary::-webkit-details-marker{display:none}details.nav-group>summary:after{content:'+';font-size:12px}details.nav-group[open]>summary:after{content:'−'}
.side-foot{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:9px 15px;border-top:1px solid var(--line);font-size:10px;color:#506874}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#00a889;border-radius:50%;box-shadow:0 0 0 3px #e3f6ef}.profile-block{display:flex;gap:9px;align-items:center;padding:12px;border-top:1px solid var(--line);background:#f6f9fa;flex-shrink:0}.avatar{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;background:#dceced;color:#006a7a;font-size:11px;font-weight:700;border-radius:50%}.profile-block>div{min-width:0;flex:1}.profile-block strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#173e4c}.profile-block span:not(.avatar){display:block;font-size:10px;color:#506874;margin-top:2px}.profile-block .icon-button{width:25px;min-width:25px}
.workspace{display:flex;flex-direction:column;min-width:0;min-height:100dvh}.topbar{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.breadcrumb b{font-size:14px;line-height:1.3;font-weight:650;color:#163e4d}.icon-button{display:grid;place-items:center;min-width:30px;min-height:30px;width:30px;padding:5px;background:transparent;border-color:transparent;font-size:21px;color:#526f7d}.icon-button svg{width:18px;height:18px}.workspace-tabs{display:flex;align-self:stretch;align-items:stretch;gap:18px}.workspace-tabs a{position:relative;display:flex;align-items:center;gap:7px;text-decoration:none;color:#4f6976;font-size:12px;white-space:nowrap;padding:0 3px;min-height:54px}.workspace-tabs a svg{width:16px;height:16px}.workspace-tabs a[aria-current=page]{color:#006b83}.workspace-tabs a[aria-current=page]:after{content:'';height:3px;background:#00a6c6;position:absolute;bottom:0;left:0;right:0}.top-actions{display:flex;align-items:center;gap:10px}.top-actions label{display:flex;align-items:center;gap:6px;font-size:10px;color:#506874;white-space:nowrap}.top-actions select{font-size:11px;min-height:30px;padding:4px 7px;max-width:105px}.demo-tag{font-size:9px;color:#805011;background:#fff4df;padding:4px 6px;border-radius:3px;white-space:nowrap}.local-banner{padding:6px 20px;background:#fff4df;color:#805011;font-size:11px;border-bottom:1px solid #e4d2ad}.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar-collapsed .sidebar{display:none}
#main{flex:1;min-width:0;padding:16px 20px 24px;overflow-anchor:none}#main:focus{outline:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}.page-head h1{font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.025em;margin:0;color:#123d4c}.subtitle{margin:5px 0 0;font-size:12px;line-height:1.4;color:#4f6976;max-width:780px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.075em;color:#4c6977;margin-bottom:5px}.footer{display:flex;align-items:center;gap:14px;min-height:26px;padding:6px 20px;background:#fff;border-top:1px solid var(--line);font-size:9px;color:#506874}.footer>span:first-child{margin-right:auto;letter-spacing:.025em}.footer a{text-decoration:none}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:4px;background:#fff;margin:12px 0}.stat{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:10px 14px;border-right:1px solid #e2e9ed;min-width:0}.stat:last-child{border:0}.stat>strong{grid-column:1;grid-row:1/3;font-size:25px;font-weight:550;letter-spacing:-.025em;color:#264e60}.stat>span{grid-column:2;font-size:11px;font-weight:600;color:#486674}.stat>small{grid-column:2;font-size:10px;color:#506874}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 10px}.toolbar h2{font-size:16px;line-height:1.3;font-weight:650;margin:0;color:#173f50}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:9px;flex:1}.filters label,.field{display:grid;gap:5px;font-size:11px;color:#365966;min-width:0}.filters label:first-child{flex:1;min-width:180px}.field{font-weight:600}input,select,textarea{background:#fff;border:1px solid #b9ccd5;border-radius:4px;padding:8px 9px;min-width:0;max-width:100%;min-height:34px;color:#163d4d;font-size:13px}input::placeholder,textarea::placeholder{color:#5a7380;opacity:1}textarea{resize:vertical;min-height:86px}.search{width:100%}.date-shortcuts{display:flex;gap:5px}.date-shortcuts button{min-height:30px;font-size:11px;padding:5px 9px}.date-shortcuts button[aria-pressed=true]{background:#06566a;border-color:#06566a;color:#fff}
.table-wrap{overflow-x:auto;overflow-y:hidden;max-width:100%;background:#fff;border:1px solid #a8bec9;border-radius:5px;scrollbar-width:thin;scrollbar-color:#b8c9d1 transparent}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;color:#173b49}th{background:var(--header);color:#fff;padding:9px 10px;border-right:1px solid #7899a9;border-bottom:2px solid #087e92;font-size:11px;font-weight:650;line-height:1.35;text-align:left;vertical-align:middle;white-space:normal}th:last-child{border-right:0}th.col-transport{background:#205a50}th.col-sap{background:#66522d}th.col-load{background:#27667a}td{padding:7px 9px;vertical-align:middle;border-right:1px solid #cfdee6;border-bottom:1px solid #c8d8e1;line-height:1.35;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td:last-child{border-right:0}tbody tr:nth-child(even){background:#f0f5f8}tbody tr:hover{background:#eaf4f8}td small{display:block;margin-top:3px;font-size:10px;line-height:1.3;color:#4d6977}td strong{font-weight:650}td button{font-size:11px;min-height:28px;padding:5px 8px;white-space:nowrap}td .link-button{font-weight:650;color:#00657a}td .actions{flex-wrap:nowrap}.link-button{display:inline-block;text-decoration:none;border:0;padding:3px 0;background:transparent;color:#00657a;min-height:24px;font-size:12px;font-weight:600;text-align:left}.table-count{display:flex;justify-content:flex-end;font-size:10px;color:#506874;margin:6px 0 10px}
.badge{display:inline-block;font-size:10px;font-weight:650;padding:3px 6px;border:1px solid #7db49c;background:#d4eddf;color:#20533c;border-radius:3px;line-height:1.3;white-space:nowrap}.badge.warn{background:#fff0cc;color:#795013;border-color:#c8a352}.badge.muted{background:#edf2f5;color:#506874;border-color:#c2d0d8}.badge.danger{background:#f9d9d4;color:#812d24;border-color:#bd756c}.muted{color:var(--muted)}.caption{font-size:11px;color:#506874;margin:10px 0;line-height:1.5}.empty{padding:28px 20px;text-align:center;color:#496875;font-size:12px;line-height:1.6}.empty strong{display:block;color:#284f60;font-size:14px;font-weight:600;margin-bottom:5px}.box{background:#fff;border:1px solid var(--line);border-radius:5px;padding:16px;margin-bottom:14px}.box h2{margin:0 0 12px;font-size:16px;font-weight:650}.box h3{margin:0 0 10px;font-size:13px;font-weight:650}.box p{font-size:12px;color:#506874;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notice{padding:10px 12px;border:1px solid #e4d2ad;border-left:3px solid #b58227;border-radius:3px;color:#67440c;background:#fff4df;font-size:12px;line-height:1.6;margin:0 0 14px}.notice.green{background:#edf7f2;color:#205c44;border-color:#c4dfd1;border-left-color:#2a8666}.notice p{margin:6px 0}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 16px}.details dt{font-size:10px;color:#506874;margin-bottom:4px}.details dd{font-size:13px;margin:0;overflow-wrap:anywhere}.timeline{padding:0;list-style:none;margin:14px 0}.timeline li{padding:0 0 16px 20px;position:relative;border-left:1px solid #b8cbd5;margin-left:4px;font-size:12px}.timeline li:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--brand);position:absolute;left:-4px;top:5px}.timeline small{display:block;color:#506874;margin-top:3px}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.flow-card{background:#fff;border:1px solid var(--line);border-top:3px solid #006f83;border-radius:4px;padding:16px}.flow-card span{font-size:10px;color:#006f83;font-weight:650}.flow-card h2{font-size:14px;margin:8px 0}.flow-card p{font-size:12px;color:#506874;margin:0}.tabs{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;border-radius:0;background:transparent;padding:8px 2px;font-size:12px;color:#486674}.tabs button[aria-pressed=true]{color:#006b83;border-bottom:3px solid #00849c;font-weight:650}

dialog{width:min(850px,calc(100vw - 28px));max-height:92dvh;border:1px solid #b3c8d2;border-radius:6px;padding:0;box-shadow:0 20px 70px #0b304438;color:var(--ink);background:#fff}dialog::backdrop{background:#0e2e406b}dialog form{padding:0}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line);background:#f5f8fa}.dialog-head h2{margin:0;font-size:21px;font-weight:650;line-height:1.3;letter-spacing:-.025em}.dialog-head .eyebrow{font-size:9px}.dialog-head .icon-button{font-size:25px}#dialog-body{padding:20px 22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;font-size:12px;padding:6px 0}.check input{width:16px;height:16px;min-height:0;accent-color:#006f83}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 22px;border-top:1px solid var(--line);background:#f8fafb}.error{font-size:12px;color:#8b3026;background:#fceeee;border-left:3px solid #b64536;padding:11px 13px;margin:0 22px 16px;border-radius:3px}.help{font-size:11px;color:#506874;line-height:1.6;margin:6px 0 14px}.candidate{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #c4d6df;border-radius:4px;padding:13px;margin-bottom:10px}.candidate strong{display:block;font-size:13px}.candidate p{margin:5px 0;font-size:11px;color:#506874}.candidate ul{margin:5px 0;padding-left:17px;font-size:11px;color:#805011}#toast{position:fixed;right:20px;bottom:20px;background:#123d4c;color:#fff;padding:12px 17px;border-radius:4px;box-shadow:0 5px 18px #123d4c33;font-size:12px;z-index:80;max-width:min(450px,90vw)}.audit-detail{max-width:400px;white-space:normal;overflow-wrap:anywhere}.scroll-hint{display:none}fieldset{border:1px solid var(--line);border-radius:4px;min-width:0;padding:14px}legend{font-size:11px;color:#506874;font-weight:650}.commercial-item{margin:16px 0}.commercial-item>button{margin-top:12px}.program-inbox{margin:18px 0 24px}.commercial-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 20px}.intake-option{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:1px solid var(--line);border-top:3px solid #006f83;border-radius:4px}.intake-option.manual-option{border-top-color:#9e7c34}.intake-option>div{flex:1}.intake-option h2{font-size:15px;font-weight:650;margin:0 0 6px}.intake-option p{font-size:12px;line-height:1.55;color:#506874;margin:0 0 12px}.intake-option .step{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:#edf5f7;color:#006f83;font-size:12px;font-weight:700;flex-shrink:0}.manual-option .step{color:#805011;background:#fff4df}.mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow-y:auto;border:1px solid var(--line);background:#f6f9fb;padding:16px;font-family:inherit;font-size:13px;line-height:1.7}.mail-preview-frame{display:block;width:100%;height:610px;border:1px solid var(--line);border-radius:4px;background:#edf2f3}
#nav-backdrop{position:fixed;inset:0;border:0;border-radius:0;background:#0b30445e;z-index:25}
@media(min-width:1600px){#main{padding:18px 24px 28px}}
@media(max-width:1150px){.shell{grid-template-columns:184px minmax(0,1fr)}.brand{padding-left:13px;padding-right:13px}.brand img{width:100px}.brand-line{gap:8px}.brand-line strong{padding-left:8px;font-size:16px}.topbar{padding:0 14px;gap:10px}.workspace-tabs{gap:12px}.demo-tag{display:none}.grid{grid-template-columns:1fr}.details{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:9px 10px}.stat>strong{font-size:22px}.stat>small{display:none}.scroll-hint{display:block}.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}}
@media(max-width:850px){.shell,.sidebar-collapsed{display:block;min-height:100dvh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:224px;display:none;box-shadow:8px 0 30px #123d4c20}.shell.nav-open .sidebar{display:flex}.topbar{min-height:50px;flex-wrap:wrap;gap:0 10px;padding:0 12px}.breadcrumb{min-height:49px}.workspace-tabs{order:3;flex:0 0 100%;min-height:36px;border-top:1px solid #edf2f5;gap:22px}.workspace-tabs a{min-height:36px;font-size:12px}.top-actions{gap:7px}.top-actions label{font-size:10px}.top-actions select{max-width:95px}.breadcrumb b{font-size:13px}#main{padding:14px 12px 22px}.local-banner{padding:5px 12px}.page-head{flex-wrap:wrap;gap:10px}.page-head h1{font-size:21px}.page-head>.actions{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:9px 12px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.table-wrap>table{min-width:680px}.toolbar{gap:9px}.filters{width:100%}.filters label{flex:1;min-width:100px}.filters label:first-child{flex:1 0 100%}.commercial-actions{grid-template-columns:1fr}.commercial-actions p{margin-bottom:10px}.intake-option{padding:14px}.flow-grid{grid-template-columns:1fr}.footer{padding:6px 12px;flex-wrap:wrap;gap:5px 12px}.footer>span:first-child{display:none}}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.details{grid-template-columns:1fr 1fr}.candidate{align-items:flex-start;flex-direction:column}.dialog-head{padding:14px 16px}.dialog-head h2{font-size:19px}#dialog-body{padding:16px}.dialog-actions{padding:12px 16px}.error{margin-left:16px;margin-right:16px}.top-actions label{font-size:0}.top-actions select{font-size:11px}.intake-option{gap:10px}.stats .stat>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shell{transition:none}}
@media print{.shell{display:block}.sidebar,.topbar,.footer,.local-banner,.actions,.toolbar button{display:none!important}#main{padding:0}.table-wrap{overflow:visible;border:1px solid #c4d3db}th,th.col-transport,th.col-sap,th.col-load{background:#e4edf1;color:#143743}table{min-width:0!important}.table-count{display:none}}
