:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f7;--navy: #12344d;--teal: #0f766e;--line: #d8e0e7;--panel: #ffffff;--muted: #667085;--soft: #f7fafc;--danger: #b42318;--warning: #b54708;--success: #027a48}*{box-sizing:border-box}body{margin:0;min-width:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px;background:var(--navy);color:#fff}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--navy);font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#c7d7e5;font-size:13px}.nav-list{display:grid;gap:8px}.nav-list a{min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#dce8f2;text-decoration:none}.nav-list a.active,.nav-list a:hover{background:#ffffff24;color:#fff}.content{min-width:0;width:100%;max-width:100vw;padding:18px}.topbar{min-width:0;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:18px}.icon-button,.primary-action,.hero-actions button,.panel-header button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#243247}.icon-button{width:44px;display:none;place-items:center}.search{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.search input{width:100%;border:0;outline:none;color:#172033}.primary-action{display:inline-flex;align-items:center;gap:8px;padding:0 16px;background:var(--teal);color:#fff;border-color:var(--teal);font-weight:700}.topbar-actions{display:inline-flex;align-items:center;gap:10px;min-width:0}.module-tabs{position:sticky;top:0;z-index:12;width:min(100%,calc(100vw - 36px));max-width:100%;min-width:0;display:flex;gap:8px;margin-bottom:14px;padding:8px;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.module-tabs button{min-height:38px;display:inline-flex;align-items:center;flex:0 0 auto;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#475467;font-weight:800;white-space:nowrap}.module-tabs button.active{border-color:#99d6cf;background:#ecfdf3;color:var(--teal)}.view-section:not(.active-view),.hidden-subview{display:none!important}.api-pill{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.api-pill.connected{color:var(--success);background:#ecfdf3;border-color:#abefc6}.api-pill.demo{color:var(--warning);background:#fffaeb;border-color:#fedf89}.hero-panel{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}.eyebrow{margin:0 0 5px;color:var(--teal);font-weight:800;text-transform:uppercase;font-size:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,42px);line-height:1.05;overflow-wrap:anywhere}.hero-subtitle{display:block;max-width:680px;margin-top:8px;color:#475467;line-height:1.4}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-actions button,.panel-header button{display:inline-flex;align-items:center;gap:8px;padding:0 14px}.mobile-action-rail{display:none}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.metric-card{min-height:118px;display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-card svg{color:var(--teal)}.metric-card span{color:var(--muted);font-size:14px}.metric-card strong{font-size:30px}.platform-grid,.maritime-grid,.transport-grid{display:grid;gap:14px;margin-bottom:14px}.platform-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.maritime-grid{grid-template-columns:1fr}.transport-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.master-file-list,.module-list,.maritime-list,.transport-list{display:grid;gap:12px}.master-file-card,.module-card,.maritime-card,.transport-card{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.master-file-head,.module-card-head,.maritime-card-head,.transport-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.master-file-head span:first-child,.module-card-head span,.maritime-card-head span:first-child,.transport-card-head span:first-child{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.master-file-head h3,.module-card-head h3,.maritime-card-head h3,.transport-card-head h3{margin:0;font-size:17px}.module-card-head strong{font-size:28px}.maersk-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.maersk-status-grid article,.maersk-empty-state{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.maersk-status-grid span{display:block;margin-bottom:5px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.maersk-status-grid strong,.maersk-status-grid small{display:block;overflow-wrap:anywhere}.maersk-status-grid strong{font-size:16px}.maersk-status-grid small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.maersk-next-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.maersk-next-steps span{min-height:28px;display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.maersk-empty-state{display:flex;gap:8px;align-items:center;color:var(--warning);font-weight:800}.module-tags{display:flex;gap:7px;flex-wrap:wrap}.module-tags span{min-height:26px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:12px;font-weight:800}.master-file-meta,.maritime-meta{display:flex;gap:10px;flex-wrap:wrap}.master-file-meta span,.maritime-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.master-file-card p,.module-card p,.module-card small,.handoff-box span{margin:0;color:#475467;font-size:13px;line-height:1.35}.module-card small{display:block;padding-top:8px;border-top:1px solid var(--line)}.maritime-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.maritime-route span{color:#344054;font-weight:800;overflow-wrap:anywhere}.maritime-route svg{color:var(--teal)}.handoff-box{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:#ecfdf3;color:#027a48}.transport-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;min-height:54px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.transport-route span,.transport-status-row span,.dispatch-summary span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.transport-route strong,.transport-status-row strong,.dispatch-summary strong{display:block;overflow-wrap:anywhere}.transport-route svg{color:var(--teal)}.transport-assignment{display:flex;gap:10px;flex-wrap:wrap}.transport-assignment span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.transport-status-row,.dispatch-summary{display:grid;gap:10px}.transport-status-row{grid-template-columns:repeat(4,minmax(0,1fr))}.transport-status-row div,.dispatch-summary div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.transport-handoff{background:#eef4ff;color:#3538cd}.transport-doc-tags{display:flex;gap:7px;flex-wrap:wrap}.transport-doc-tags span{min-height:24px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}.transport-doc-tags .ready{color:var(--success);background:#dcfae6}.transport-doc-tags .missing{color:var(--warning);background:#fef0c7}.transport-doc-list,.dispatch-checklist{display:grid;gap:10px}.transport-doc-row,.dispatch-checklist article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.transport-doc-row svg,.dispatch-checklist svg{color:var(--teal)}.transport-doc-row strong,.transport-doc-row span,.dispatch-checklist strong,.dispatch-checklist span{display:block}.transport-doc-row span,.dispatch-checklist span{margin-top:3px;color:var(--muted);font-size:12px}.transport-doc-row b{color:#344054;font-size:12px;overflow-wrap:anywhere}.dispatch-summary{margin-bottom:12px}.dispatch-summary strong{font-size:26px}.dispatch-checklist article{grid-template-columns:auto minmax(0,1fr)}.client-tracking-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:14px;margin-bottom:14px}.client-list{display:grid;gap:10px}.client-card{width:100%;color:inherit;font:inherit;text-align:left;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.client-card:hover{border-color:#99d6cf;background:#f0fdfa}.client-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-card-head span{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.client-card-head h3{margin:0;font-size:17px}.client-card-head strong{font-size:24px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e4e7ec}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.client-kpis{display:flex;gap:8px;flex-wrap:wrap}.client-kpis span{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:800}.process-stage-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.process-stage-card{min-width:0;min-height:160px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.process-stage-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:10px}.process-stage-head span,.process-stage-head b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--teal);font-size:12px;font-weight:800}.process-stage-head strong{font-size:13px}.stage-case-list{display:grid;gap:8px}.stage-case{width:100%;color:inherit;font:inherit;text-align:left;display:grid;gap:5px;padding:10px;border:1px solid transparent;border-radius:8px;background:#fff}.stage-case:hover,.stage-case.selected{border-color:#99d6cf;background:#ecfdf3}.stage-case strong,.stage-case small,.stage-case em{display:block}.case-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;margin-bottom:14px}.case-overview-panel{grid-row:span 2}.panel-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}.case-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.case-overview div,.case-action-box,.case-route-box{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.case-overview span,.case-action-box span,.case-progress span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.case-overview strong,.case-action-box strong{display:block;overflow-wrap:anywhere}.case-progress{display:grid;gap:8px;margin-bottom:14px}.case-progress strong{display:block;font-size:20px}.case-action-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;margin-bottom:14px}.case-route-box{display:grid;gap:8px}.case-route-box span{display:inline-flex;align-items:center;gap:7px;color:#475467;font-size:13px}.timeline-list{position:relative;display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0}.timeline-marker{width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #dff3f0}.timeline-item h3{margin:0 0 5px;font-size:16px}.timeline-item p,.notification-card p{margin:0;color:#475467;font-size:13px;line-height:1.35}.timeline-meta,.notification-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.timeline-meta span,.notification-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.notification-list,.document-list{display:grid;gap:10px}.notification-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.notification-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.notification-head strong{color:var(--teal);font-size:13px}.notification-status{min-height:24px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;color:#475467;background:#eaecf0;font-size:12px;font-weight:800}.notification-status.enviado,.notification-status.leido{color:var(--success);background:#dcfae6}.notification-status.en-cola,.notification-status.programado{color:var(--warning);background:#fef0c7}.compose-notification{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--teal);border-radius:8px;background:#ecfdf3;color:var(--teal);font-weight:800}.document-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:10px 0;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-row svg{color:var(--teal)}.document-row strong,.document-row span,.document-row small{display:block}.document-row span{margin-top:3px;color:var(--muted);font-size:12px}.document-row small{margin-top:3px;color:#344054;font-size:12px;line-height:1.3}.document-row b{max-width:110px;text-align:right;color:#344054;font-size:12px;overflow-wrap:anywhere}.stage-case small,.stage-case em{color:var(--muted);font-size:12px;font-style:normal}.stage-case p{margin:0;color:#344054;font-size:12px;line-height:1.3}.statistics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.stats-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.stats-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.stats-heading h2{margin:0;font-size:18px}.stats-panel.commercial .stats-heading svg{color:#047857}.stats-panel.operational .stats-heading svg{color:#2563eb}.stats-panel.risk .stats-heading svg{color:var(--danger)}.stats-list{display:grid;gap:10px}.stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:54px;padding:10px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:0}.stat-row span,.stat-row small{display:block}.stat-row span{font-weight:800}.stat-row small{margin-top:3px;color:var(--muted);font-size:12px}.stat-row strong{max-width:150px;color:#101828;font-size:17px;text-align:right;overflow-wrap:anywhere}.products-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}.product-source{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#ecfdf3;color:#027a48}.product-source span{color:#475467;font-size:13px;text-align:right}.product-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-class-card{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.product-class-head{display:flex;justify-content:space-between;gap:10px}.product-class-head span{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.product-class-head h3{margin:0;font-size:17px}.product-class-head strong{font-size:28px}.product-tax-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-tax-profile span{min-height:28px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:800}.product-class-card p,.quality-card p{margin:0;color:#475467;font-size:13px;line-height:1.35}.sac-list,.quality-list{display:grid;gap:10px}.sac-list{margin-bottom:14px}.sac-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:54px;padding:10px 0;border-bottom:1px solid var(--line)}.sac-row:last-child{border-bottom:0}.sac-row strong,.sac-row span{display:block}.sac-row span{margin-top:3px;color:var(--muted);font-size:12px}.sac-row b{font-size:20px}.quality-card{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffbf5}.quality-severity{width:fit-content;min-height:22px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.quality-severity.alto{color:var(--danger);background:#fee4e2}.quality-severity.medio{color:var(--warning);background:#fef0c7}.route-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}.customs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customs-card,.route-event{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.customs-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.customs-card-head span:first-child{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.customs-card h3,.route-event h3{margin:0;font-size:16px}.customs-meta,.route-event div{display:grid;gap:7px;margin-top:10px}.customs-meta span,.route-event div span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.customs-card p{margin:10px 0;color:#475467;font-size:13px;line-height:1.35}.issue-tags{display:flex;gap:7px;flex-wrap:wrap}.issue-tags span{min-height:24px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:12px;font-weight:800}.route-event-list{display:grid;gap:10px}.work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.panel{min-width:0;max-width:100%;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.panel.wide{grid-row:span 2}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-header h2{margin:0;font-size:19px}.shipment-list{display:grid;gap:12px}.shipment-card{display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,.7fr) minmax(210px,.9fr) minmax(220px,.9fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.shipment-main h3{margin:6px 0 4px;font-size:17px}.shipment-main p,.shipment-meta span,.shipment-flow span{color:var(--muted);font-size:14px}.shipment-meta,.shipment-flow,.shipment-actions{display:grid;gap:7px;min-width:0}.shipment-flow span,.shipment-actions span,.task-meta span{display:inline-flex;gap:7px;align-items:center}.shipment-actions strong{font-size:13px;line-height:1.25}.shipment-actions div{display:flex;gap:8px;flex-wrap:wrap}.shipment-actions button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#243247;font-weight:700}.risk{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}.risk.alto{color:var(--danger);background:#fee4e2}.risk.medio{color:var(--warning);background:#fef0c7}.risk.bajo{color:var(--success);background:#dcfae6}.location-stack,.alert-stack{display:grid;gap:10px}.location-row{min-height:46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.location-row:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%}.dot.blue{background:#2563eb}.dot.amber{background:#f59e0b}.dot.green{background:#16a34a}.dot.gray{background:#667085}.dot.violet{background:#7c3aed}.wip{cursor:not-allowed;opacity:.85}.sidebar-backdrop{position:fixed;inset:0;z-index:30;background:#08142173}.alert-card{display:grid;gap:4px;padding:12px;border-radius:8px;border:1px solid var(--line)}.alert-card span{color:var(--muted);font-size:14px}.alert-card.danger{background:#fff4f2;border-color:#fecdca}.alert-card.warning{background:#fffaeb;border-color:#fedf89}.alert-card.success{background:#f0fdf4;border-color:#bbf7d0}.people-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-top:14px}.security-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-top:14px}.documents-center-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-top:14px}.odoo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:14px}.opening-workspace-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px}.opening-command-panel,.odoo-available-panel{grid-column:1}.operation-template-panel,.prefile-panel,.opening-queue-panel{grid-column:2}.odoo-principle-panel,.odoo-sync-panel,.odoo-events-panel{grid-column:1}.odoo-opening-panel,.odoo-ownership-panel{grid-column:2}.governance-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr) minmax(300px,.7fr);gap:14px;margin-top:14px}.role-grid,.platform-user-list,.document-rule-list,.notification-rule-list,.audit-list{display:grid;gap:10px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-card,.platform-user-card,.document-rule-card,.notification-rule-card,.audit-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.role-card{display:grid;gap:10px}.role-card-head,.document-rule-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.role-card-head span,.document-rule-head span{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.role-card-head h3,.document-rule-head h3,.platform-user-card h3,.notification-rule-card h3,.audit-card h3{margin:0;font-size:16px}.role-card-head strong,.document-rule-head b{min-width:34px;text-align:right;font-size:24px}.role-card p,.platform-user-card p,.platform-user-card small,.document-rule-card p,.document-rule-card small,.notification-rule-card p,.audit-card p{margin:0;color:#475467;font-size:13px;line-height:1.35}.permission-tags,.document-rule-docs{display:flex;gap:7px;flex-wrap:wrap}.permission-tags span,.document-rule-docs span{min-height:24px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:800}.platform-user-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.user-device{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px}.user-device svg{color:var(--teal)}.user-device span,.user-device small{font-weight:700}.document-rule-card,.notification-rule-card,.audit-card{display:grid;gap:9px}.notification-rule-card div,.audit-card div{display:flex;gap:10px;flex-wrap:wrap}.notification-rule-card div span,.audit-card div span{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:12px;font-weight:700}.document-table{display:grid;gap:10px}.document-table-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,auto);gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.document-table-row svg{color:var(--teal)}.document-table-row h3,.document-table-row p,.document-table-row strong,.document-table-row span{display:block}.document-table-row h3{margin:0 0 3px;font-size:16px}.document-table-row p,.document-table-row span{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.document-table-row div:last-child{text-align:right}.document-table-row strong{color:#344054;font-size:13px}.sync-strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.sync-strip span,.sync-strip small{color:var(--muted);font-size:12px;font-weight:700}.sync-strip strong{color:#3538cd;font-size:12px}.governance-principle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.governance-principle div,.opening-rule-card,.sync-state-card,.sync-event-card,.ownership-row{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.governance-principle div{display:grid;gap:8px}.governance-principle svg{color:var(--teal)}.governance-principle span,.sync-state-card span,.sync-event-head span,.sync-decision-grid span{display:block;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.governance-principle strong{font-size:20px}.governance-principle p,.opening-rule-card p,.sync-state-card p,.sync-event-card p,.opening-rule-card small,.sync-state-card small,.sync-event-card small,.ownership-row span{margin:0;color:#475467;font-size:13px;line-height:1.35}.opening-rule-list,.sync-event-list,.ownership-list{display:grid;gap:10px}.sync-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opening-rule-card,.sync-state-card,.sync-event-card{display:grid;gap:9px}.opening-rule-card h3,.sync-state-card h3,.sync-event-card h3{margin:0;font-size:16px}.sync-event-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sync-event-head b{max-width:140px;color:#3538cd;font-size:12px;text-align:right;overflow-wrap:anywhere}.sync-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sync-decision-grid div{min-width:0;padding:10px;border-radius:8px;background:#fff}.sync-decision-grid strong{display:block;margin-top:4px;font-size:13px;line-height:1.3}.ownership-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto);gap:12px;align-items:center}.ownership-row strong,.ownership-row span{display:block}.ownership-row b{color:#344054;font-size:12px;text-align:right;overflow-wrap:anywhere}.opening-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opening-action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.opening-action-row button,.odoo-file-card button{min-height:40px;display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--teal);border-radius:8px;background:#ecfdf3;color:var(--teal);font-weight:800}.opening-action-row button:disabled,.odoo-file-card button:disabled{cursor:wait;opacity:.66}.opening-result{min-height:34px;display:inline-flex;align-items:center;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800;line-height:1.25}.opening-result.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.opening-result.error{border:1px solid #fecdca;background:#fff4f2;color:#b42318}.opening-path-card,.odoo-file-card,.operation-template-card,.prefile-card,.opening-queue-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.opening-path-card,.odoo-file-card,.operation-template-card,.prefile-card{display:grid;gap:9px}.opening-path-card h3,.odoo-file-card h3,.operation-template-card h3,.prefile-card h3,.opening-queue-card h3{margin:0;font-size:16px}.opening-path-card p,.odoo-file-card p,.operation-template-card p,.prefile-card p,.opening-path-card small,.operation-template-card small,.prefile-card small,.opening-queue-card p,.opening-queue-card small{margin:0;color:#475467;font-size:13px;line-height:1.35}.odoo-file-list,.operation-template-list,.prefile-list,.opening-queue-list{display:grid;gap:10px}.odoo-file-head,.operation-template-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.odoo-file-head span,.operation-template-head span{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.odoo-file-head b{max-width:150px;color:#344054;font-size:12px;text-align:right;overflow-wrap:anywhere}.operation-template-head strong{font-size:24px}.opening-meta{display:flex;gap:10px;flex-wrap:wrap}.opening-meta span{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:12px;font-weight:700}.opening-queue-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start}.opening-queue-card b{max-width:160px;color:#3538cd;font-size:12px;text-align:right;overflow-wrap:anywhere}.opening-queue-card small{grid-column:1 / -1}.team-list,.task-list{display:grid;gap:10px}.team-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dff3f0;color:var(--teal);font-weight:800}.team-card h3,.task-card h3{margin:0 0 3px;font-size:16px}.team-card span,.team-card small,.task-card span{color:var(--muted);font-size:13px}.team-status{display:grid;gap:5px;justify-items:end;text-align:right}.status-pill,.task-status{display:inline-flex;width:fit-content;min-height:24px;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.en-campo,.task-status.en-proceso{color:#175cd3;background:#dbeafe}.status-pill.disponible,.task-status.completa{color:var(--success);background:#dcfae6}.status-pill.revision,.task-status.validar{color:var(--warning);background:#fef0c7}.status-pill.fuera,.task-status.pendiente{color:#475467;background:#eaecf0}.task-card{position:relative;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.task-id{display:block;margin-bottom:4px;color:var(--teal);font-weight:800;text-transform:uppercase}.task-meta{display:flex;gap:12px;flex-wrap:wrap}.task-status{position:absolute;top:12px;right:12px}@media(max-width:1060px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block;position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);height:100vh;z-index:40;overflow-y:auto;box-shadow:0 0 40px #00000059}.icon-button{display:grid}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid,.platform-grid,.maritime-grid,.transport-grid,.opening-workspace-grid,.client-tracking-grid,.case-detail-grid,.statistics-grid,.products-grid,.route-grid,.security-grid,.documents-center-grid,.odoo-grid,.governance-grid,.people-grid{grid-template-columns:1fr}.odoo-principle-panel,.odoo-sync-panel,.odoo-events-panel,.odoo-opening-panel,.odoo-ownership-panel,.opening-command-panel,.odoo-available-panel,.operation-template-panel,.prefile-panel,.opening-queue-panel{grid-column:auto}.product-class-grid,.customs-grid,.role-grid,.opening-path-grid,.maersk-status-grid{grid-template-columns:1fr}.process-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-card{grid-template-columns:minmax(220px,1fr) minmax(190px,.8fr)}}@media(max-width:720px){.module-tabs{width:min(100%,calc(100vw - 24px))}.content{padding:12px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch}.topbar-actions{justify-self:end}.api-pill{display:none}.search{grid-column:1 / -1;grid-row:2;min-width:0}.primary-action span{display:none}.primary-action{width:52px;padding:0;justify-content:center;justify-self:end}.hero-panel{align-items:flex-start;flex-direction:column;padding:18px}.hero-actions{width:100%;flex-direction:column}.hero-actions button{width:100%;flex:0 0 auto;justify-content:center;min-width:0}.mobile-action-rail{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-action-rail button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#243247;font-weight:800;font-size:13px}.metrics-grid,.process-stage-strip,.maritime-route{grid-template-columns:1fr}.maritime-route svg{transform:rotate(90deg)}.transport-route,.transport-status-row{grid-template-columns:1fr}.transport-route svg{transform:rotate(90deg);justify-self:center}.transport-doc-row{grid-template-columns:auto minmax(0,1fr)}.transport-doc-row b{grid-column:2}.case-overview,.case-action-box{grid-template-columns:1fr}.document-row{grid-template-columns:auto minmax(0,1fr)}.document-row b{grid-column:2;max-width:none;text-align:left}.document-table-row{grid-template-columns:auto minmax(0,1fr)}.document-table-row div:last-child{grid-column:2;text-align:left}.governance-principle,.sync-state-grid,.sync-decision-grid,.ownership-row,.opening-queue-card{grid-template-columns:1fr}.sync-event-head{display:grid}.sync-event-head b,.ownership-row b,.odoo-file-head b,.opening-queue-card b{max-width:none;text-align:left}.product-source{display:grid;align-items:start}.product-source span{text-align:left}.metric-card{min-height:90px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden}.metric-card span{overflow-wrap:anywhere}.shipment-card{grid-template-columns:1fr}.shipment-actions div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-actions button{min-height:42px}.team-card{grid-template-columns:auto minmax(0,1fr)}.team-status{grid-column:1 / -1;justify-items:start;text-align:left}.task-card{padding-top:44px}}
