:root{font-family:'Segoe UI',Arial,sans-serif;color:#302820;background:#faf7f3;font-size:15px;--accent:#b9470b;--line:#e8ddd2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:#302820;border-radius:10px;padding:11px 17px;font-weight:600;transition:background .15s}button:hover{background:#fff0e3}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{background:#963707}button.danger{color:#a32a36;border-color:#ecc4ca}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a.action{display:inline-block;padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:white;font-weight:600}input,select,textarea{width:100%;border:1px solid #d9cbbc;border-radius:10px;padding:12px;background:#fff;color:#302820}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #f9a260;outline-offset:2px}label{display:grid;gap:7px;font-size:13px;font-weight:600}textarea{min-height:80px;resize:vertical}h1{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:0 0 8px}h2{font-size:19px;margin:0 0 20px}h3{font-size:16px;margin:0 0 12px}p{line-height:1.6}small,.muted{color:#75685e}.shell{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-weight:750;font-size:25px;letter-spacing:-1px;display:flex;gap:10px;align-items:center;margin:0 8px 36px}.brandmark{background:var(--accent);color:white;border-radius:12px;padding:6px 11px;font-size:22px}.side nav{display:grid;gap:8px}.side nav button{text-align:left;border:none;background:transparent;font-weight:600;padding:13px}.side nav button.active{background:#fff0df;color:#a83e08}.side .bottom{margin-top:auto;font-size:12px;line-height:1.6;color:#75685e;padding:20px 10px}.top{background:white;border-bottom:1px solid var(--line);padding:17px 34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top small{display:block;margin-top:3px}.workspace{min-width:0}.content{max-width:1250px;margin:auto;padding:30px 36px 60px}.notice{background:#fff7e7;border:1px solid #efd69e;color:#795619;border-radius:9px;padding:10px 14px;font-size:13px;margin-bottom:26px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.pagehead p{margin:0;color:#75685e}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:26px;margin-bottom:22px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{color:#75685e;font-size:12px;font-weight:600;background:#fff9f2;white-space:nowrap}td,th{padding:15px 12px;border-bottom:1px solid #f0e7dd}td small{display:block;margin-top:5px}tbody tr:last-child td{border:0}.route{font-size:15px;font-weight:650;white-space:nowrap}.badge{display:inline-block;background:#e7f4ee;color:#186a50;padding:4px 9px;border-radius:7px;font-size:12px;font-weight:600}.badge.cancel{background:#fbeaed;color:#a02b3b}.badge.role{background:#f6eee5;color:#79553c}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fieldvalue{margin-bottom:18px}.fieldvalue small{display:block;margin-bottom:5px}.fieldvalue strong{font-size:16px}.history{border-left:2px solid #f3c8a5;margin:8px 0 8px 8px;padding-left:20px}.event{padding:0 0 23px}.event:last-child{padding-bottom:0}.event p{margin:5px 0}.event del{color:#a3424d}.shipment{background:#fffaf5;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:18px}.shipment header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.shipment header h3{margin:0}.check{display:flex;align-items:center;gap:9px;font-weight:400}.check input{width:18px;height:18px}details{margin:18px 0}summary{cursor:pointer;color:var(--accent);font-weight:600;margin-bottom:18px}.error{background:#fdecef;color:#9e2638;padding:12px;border-radius:8px;margin:12px 0}.login{max-width:470px;margin:8vh auto;padding:0 20px}.login .brand{justify-content:center;margin-bottom:25px}.login form{display:grid;gap:18px}.login .card{padding:30px}.login h1{font-size:27px}.login p{color:#75685e}.login .notice{font-size:12px}.empty{text-align:center;padding:45px 20px;color:#75685e}.empty h2{color:#302820}.creator{font-size:12px;color:#75685e}.endnote{padding:12px 0;color:#7e7065;font-size:12px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#302820;color:white;padding:15px 24px;border-radius:12px;max-width:90vw;z-index:20;display:none}.modalshade{position:fixed;inset:0;background:#30282070;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(600px,100%);max-height:90vh;overflow:auto;background:white;border-radius:18px;padding:28px}.modal form{display:grid;gap:18px}.driver{max-width:600px;margin:40px auto;padding:20px}.driver .actions{display:grid}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}@media(max-width:850px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 12px;font-size:22px}.side nav{display:flex;overflow:auto}.side nav button{white-space:nowrap}.side .bottom{display:none}.top{padding:15px 20px}.content{padding:22px 18px}.filters{grid-template-columns:1fr 1fr}.pagehead{align-items:flex-start}.pagehead h1{font-size:27px}.formgrid,.detailgrid{grid-template-columns:1fr}.card{padding:20px}.full{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

button[aria-pressed="true"]{background:#fff0df;border-color:#b9470b;color:#a83e08;box-shadow:inset 0 0 0 1px #b9470b}

.vehicle-fields{display:grid;gap:18px}
.shipment .formgrid{align-items:start}

@media(min-width:851px){.shipment .vehicle-fields{display:contents}.shipment .vehicle-fields>label:first-child{grid-column:2;grid-row:3}.shipment .vehicle-fields>label:last-child{grid-column:2;grid-row:4}.shipment .permit-field{grid-column:1;grid-row:4}}

.company-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}@media(max-width:650px){.company-contact{grid-template-columns:1fr}}

.transport-date{white-space:nowrap;font-size:14px;font-weight:600}

.quantity-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.quantity-fields input{min-width:0}

input.invalid-field,textarea.invalid-field{border:2px solid #c62828;background:#fff3f3}input.invalid-field:focus,textarea.invalid-field:focus{outline-color:#efb5b5}.draft-alternative{border:2px solid #b9470b;background:#fff0df;color:#a83e08}

/* Mobile layouts: readable cards and touch-friendly forms. */
@media(max-width:650px){
 .shell,.workspace,.content,.card,.formgrid>*{min-width:0}
 .side{padding:12px}.side nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:4px}.side nav button{white-space:normal;font-size:14px;padding:12px}
 .top{padding:12px;align-items:flex-start;flex-wrap:wrap}.top>div{min-width:0;overflow-wrap:anywhere}.top>.actions{width:100%;justify-content:space-between}.top small{font-size:12px}
 .content{padding:18px 12px 32px}.notice{font-size:12px;margin-bottom:18px}.pagehead{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.pagehead h1{font-size:26px}.pagehead .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .card{padding:16px;border-radius:12px;margin-bottom:16px}.shipment{padding:12px}.shipment header{gap:8px}.formgrid,.detailgrid{gap:14px}.fieldvalue{min-width:0;overflow-wrap:anywhere}
 input,select,textarea{font-size:16px;min-width:0;max-width:100%;min-height:44px}button,a.action{min-height:44px}.check input{min-height:18px}
 .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filters>label:nth-child(-n+2){grid-column:1/-1}
 .actions[aria-label]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.actions[aria-label] button{padding:10px 6px;font-size:13px}
 form>.actions{display:grid;grid-template-columns:1fr;width:100%}.route{white-space:normal;overflow-wrap:anywhere}.modalshade{padding:10px}.modal{padding:18px;max-height:calc(100dvh - 20px)}
 .document-list{overflow:visible}.document-list table,.document-list tbody{display:block;width:100%}.document-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .document-list tr{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:14px;background:#fff}.document-list tr:last-child{margin-bottom:0}
 .document-list td{display:block;border:0!important;padding:5px 0;white-space:normal;overflow-wrap:anywhere}.document-list td::before{content:attr(data-label);display:block;color:#75685e;font-size:11px;font-weight:500;margin-bottom:3px}.document-list td:first-child{font-size:16px}.document-list td:last-child::before{display:none}.document-list td:last-child button{width:100%;margin-top:7px}.document-list td:nth-child(9),.document-list td:nth-child(10){display:inline-block;margin-right:16px}
 .driver{margin:12px auto;padding:12px}.qr{max-width:100%;height:auto}#toast{width:calc(100% - 24px);max-width:none;font-size:14px;padding:12px;bottom:12px}
}

.table-scroll-top{overflow-x:auto;overflow-y:hidden;height:18px;margin-bottom:8px}.table-scroll-track{height:1px}.table-scroll-top[hidden]{display:none}

.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:20px}.pagination:empty{display:none}.pagination span{flex-basis:100%;font-size:13px}.pagination button{min-width:44px;min-height:44px}

/* AKSON: warm orange identity, with dark accents for readable controls. */
.brandmark{background:linear-gradient(115deg,#ef4438,#ff972d)}input[type=checkbox]{accent-color:var(--accent)}

.contact-suggestions{border:1px solid var(--line);background:white;border-radius:10px;padding:6px;max-height:240px;overflow:auto}.contact-suggestions button{display:block;width:100%;text-align:left;border:0;margin:2px 0}.contact-suggestions[hidden]{display:none}

/* Naranja AKSON intenso. */
button.primary{background:#ff5900;border-color:#ff5900;color:#fff}button.primary:hover{background:#e64f00;border-color:#e64f00}.brandmark{background:linear-gradient(115deg,#ff4930,#ff7900)}button[aria-pressed="true"],.draft-alternative{border-color:#ff650a;box-shadow:inset 0 0 0 1px #ff650a;background:#fff0e3}.side nav button.active{background:#ffe8d6;color:#a83e08}

.address-results{display:grid;gap:10px;max-height:50vh;overflow:auto;margin:16px 0}.address-results button{text-align:left;white-space:normal;overflow-wrap:anywhere}[role="tablist"]{margin-bottom:20px}.shipment label>button{margin-top:8px;align-self:start}

.agenda-entry-choice>.actions+button{margin-top:18px}

.document-actions{display:flex;align-items:center;gap:8px}.duplicate-document{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:10px}.duplicate-icon{display:block;position:relative;width:18px;height:18px}.duplicate-icon::before,.duplicate-icon::after{content:"";position:absolute;width:11px;height:11px;border:1.7px solid currentColor;border-radius:2px;background:white}.duplicate-icon::before{top:0;left:0}.duplicate-icon::after{bottom:0;right:0}.document-list td:last-child .duplicate-document{width:42px;flex:0 0 42px}
.assigned-person+.assigned-person{margin-top:7px}.assigned-person small{display:block;color:#75685e}
.unassign-button{font-size:12px;padding:5px 8px;margin-top:5px;min-height:30px;color:#9e2638}.assignment-list{display:grid;gap:8px}.assignment-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.password-wrap{position:relative;display:block;min-width:0}.password-wrap input{padding-right:54px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:38px;min-height:38px;padding:7px;border:0;border-radius:8px;background:transparent;color:#75685e}.password-toggle:hover,.password-toggle[aria-pressed="true"]{background:#fff0e3;color:#a83e08;box-shadow:none;border:0}.password-toggle svg{display:block;pointer-events:none}
.team-search,.account-search{max-width:420px;margin-bottom:12px}
.side nav .account-nav-group{display:grid;gap:6px;min-width:0}.side nav .account-nav-group button{width:100%}.side .account-current{margin:0 4px 10px;padding:9px 11px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:#fff7ef;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.side .account-current span{display:block;color:#75685e}.side .account-current strong{display:block;margin-top:3px;color:#302820;font-size:13px}
@media(max-width:650px){.side nav .account-nav-group{grid-column:1/-1}}

.team-create-fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.team-create-fields{grid-template-columns:1fr}}
.role-legend{font-size:12px;line-height:1.4;color:#5f5851}.role-legend p{margin:0 0 4px}.role-legend span{color:#8a8179}

.document-list th[hidden],.document-list td[hidden]{display:none!important}.column-chooser{margin:0 0 18px}.column-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.column-options label{margin:0}

.lock-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lock-status{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid;border-radius:10px;font-size:13px;font-weight:600;min-height:43px}.lock-status.locked{background:#fbeaed;border-color:#ecc4ca;color:#a02b3b}.lock-status.unlocked{background:#e7f4ee;border-color:#bddfce;color:#186a50}.lock-icon{font-size:19px;line-height:1}

.export-button-wrap{display:inline-block}.export-button-wrap button:disabled{pointer-events:none}
.legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;padding:20px 12px;color:#75685e;font-size:13px}.workspace>.legal-links{justify-content:flex-start;padding:12px 36px 28px}.side .legal-links{justify-content:flex-start;padding:18px 0 0}.legal-page{max-width:850px;margin:38px auto;padding:0 18px 35px}.legal-page>.brand{justify-content:center;margin-bottom:24px}.legal-page .card{padding:34px}.legal-page h2{margin:26px 0 8px}.legal-page h3{margin:19px 0 8px}.legal-page p{overflow-wrap:anywhere}.legal-page td{vertical-align:top;min-width:120px}.legal-meta{color:#75685e;font-size:13px}.legal-draft{background:#fff0df;border:1px solid #e8b17d;color:#7b3b16;padding:12px 14px;border-radius:9px;margin:16px 0 24px;font-weight:700}.legal-checks{display:grid;gap:16px}.legal-checks .check{align-items:flex-start;font-size:14px;line-height:1.5}.legal-checks .check input{flex:none;margin-top:3px}.legal-accept-screen{max-width:580px}@media(max-width:650px){.legal-page{margin:18px auto;padding:0 12px 25px}.legal-page .card{padding:20px}.workspace>.legal-links{padding:10px 16px 28px}.legal-links{gap:10px 15px}}