.doc-page { max-width: 1460px; }
.doc-intro,.doc-workspace-head,.doc-next-work,.doc-template-explainer,.doc-connection-note,.doc-review-hero,.doc-approval-panel { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.doc-intro { margin-bottom:18px; }
.doc-intro h1 { margin:7px 0 6px; }
.doc-intro p { max-width:720px; margin:0; }
.doc-intro-actions { display:flex; align-items:center; gap:10px; }
.doc-live { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #bae5ce; border-radius:999px; background:#eefaf3; color:#176a48; font-size:11px; font-weight:900; white-space:nowrap; }
.doc-live i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(57,217,138,.12); }
.intelligence-nav { display:flex; gap:4px; margin-bottom:10px; padding:5px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.72); overflow-x:auto; scrollbar-width:none; }
.intelligence-nav::-webkit-scrollbar,.documentation-subnav>div::-webkit-scrollbar,.doc-workspace-tabs::-webkit-scrollbar { display:none; }
.intelligence-nav button { border:0; border-radius:10px; padding:10px 13px; background:transparent; color:#65766d; font-size:11px; font-weight:900; white-space:nowrap; }
.intelligence-nav button.active { background:#0b1f15; color:#59e9a5; box-shadow:0 7px 18px rgba(7,32,20,.16); }
.documentation-subnav { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; padding:0 5px; border-bottom:1px solid var(--line); }
.documentation-subnav>span { color:#61746a; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; }
.documentation-subnav>div { display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; }
.documentation-subnav button { position:relative; padding:12px 10px 13px; border:0; background:transparent; color:#708078; font-size:10px; font-weight:900; white-space:nowrap; }
.documentation-subnav button.active { color:#0d5f3f; }
.documentation-subnav button.active:after { content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:var(--green); }
.doc-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.doc-stat-grid.compact { margin-top:2px; }
.doc-stat { position:relative; overflow:hidden; min-height:128px; padding:18px; }
.doc-stat:after { content:""; position:absolute; width:100px; height:100px; right:-47px; top:-47px; border-radius:50%; background:#e7f8ef; }
.doc-stat>span,.doc-stat>small,.doc-stat>strong { position:relative; z-index:1; display:block; }
.doc-stat>span { color:#687b71; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.065em; }
.doc-stat>strong { margin:9px 0 5px; color:#102019; font:800 31px "Manrope"; }
.doc-stat>small { color:#7c8d84; }
.doc-stat.attention { border-color:#c8e6d6; }.doc-stat.attention:after { background:#dff7eb; }
.doc-stat.urgent { border-color:#ebc87e; }.doc-stat.urgent:after { background:#fff1d1; }
.doc-stat.risk { border-color:#eab0a8; }.doc-stat.risk:after { background:#ffe4e0; }
.doc-table-card,.doc-create-panel,.doc-detail-panel { padding:20px; }
.doc-toolbar { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:18px; }
.doc-toolbar h2,.doc-toolbar p { margin:0; }.doc-toolbar p { margin-top:4px; font-size:12px; }
.doc-filters { display:flex; gap:7px; }
.doc-filters input,.doc-filters select { min-height:39px; padding:0 12px; border:1px solid #cfdad4; border-radius:10px; background:white; color:var(--ink); font-size:11px; }
.doc-filters input { width:min(270px,30vw); }
.doc-table { width:100%; border-collapse:collapse; }
.doc-table th { padding:9px 11px; color:#7a8a82; font-size:9px; text-align:left; text-transform:uppercase; letter-spacing:.055em; }
.doc-table td { padding:14px 11px; border-top:1px solid #e6ece8; color:#273a30; font-size:11px; vertical-align:middle; }
.doc-table tbody tr { cursor:pointer; transition:.15s; }
.doc-table tbody tr:hover { background:#f2faf5; }
.doc-table td strong,.doc-table td small,.doc-table td i { display:block; }
.doc-table td>strong { color:#14281e; font-size:12px; }
.doc-table td small { margin-top:3px; color:#77877f; }
.doc-complete { margin-top:5px; color:#138056; font-size:9px; font-style:normal; font-weight:800; }
.doc-status { display:inline-flex; max-width:230px; padding:6px 8px; border-radius:8px; background:#e7f6ee; color:#146e4c; font-size:9px; font-weight:900; line-height:1.3; }
.doc-status.large { max-width:none; padding:8px 11px; }
.mini-progress { width:100%; min-width:90px; height:5px; margin-top:8px; border-radius:99px; background:#dfe8e3; overflow:hidden; }
.mini-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#25c97a,#60e7a5); }
.doc-next-action { max-width:230px; color:#233a2e; font-weight:800; line-height:1.35; }
.doc-row-open { width:30px; height:30px; border:1px solid #bee2cf; border-radius:9px; background:#eaf8f1; color:#117149; font-weight:900; }
.doc-badge { display:inline-flex; padding:6px 9px; border-radius:999px; background:#e7eee9; color:#52665b; font-size:9px; font-weight:900; white-space:nowrap; }
.doc-badge.low,.doc-badge.resolved { background:#e3f7ec; color:#147149; }
.doc-badge.medium,.doc-badge.attention { background:#fff2d8; color:#99610d; }
.doc-badge.high,.doc-badge.urgent { background:#ffe4d5; color:#a54e1d; }
.doc-badge.critical { background:#ffe1df; color:#b23d35; }
.doc-shipment-mobile { display:none; }
.doc-empty { min-height:180px; display:grid; place-items:center; align-content:center; gap:6px; padding:24px; color:#77877f; text-align:center; }
.doc-empty>span { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:#e7f8ef; color:#15734e; font-size:21px; }
.doc-empty strong { color:#1b3025; }.doc-empty p { max-width:520px; margin:0; font-size:12px; }
.doc-create-panel { margin-bottom:18px; scroll-margin-top:18px; }
.doc-create-panel .panel-head { margin-bottom:18px; }
.doc-shipment-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.doc-shipment-form fieldset { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0; padding:15px; border:1px solid #dfe8e2; border-radius:14px; }
.doc-shipment-form legend { padding:0 6px; color:#176f4d; font-size:10px; font-weight:900; text-transform:uppercase; }
.doc-shipment-form label,.doc-edit-form label,.doc-template-form label,.doc-upload label { display:grid; gap:6px; }
.doc-shipment-form label>span,.doc-edit-form label>span,.doc-template-form label>span,.doc-upload label>span { color:#667970; font-size:9px; font-weight:900; text-transform:uppercase; }
.doc-shipment-form input,.doc-edit-form input,.doc-edit-form select,.doc-template-form input,.doc-template-form select,.doc-template-form textarea,.doc-upload select,.doc-upload input { width:100%; min-height:40px; padding:9px 11px; border:1px solid #cfdad4; border-radius:10px; background:white; color:var(--ink); outline:none; }
.doc-shipment-form input:focus,.doc-edit-form input:focus,.doc-edit-form select:focus,.doc-template-form input:focus,.doc-template-form textarea:focus,.doc-upload input:focus { border-color:#21ad6c; box-shadow:0 0 0 3px rgba(57,217,138,.12); }
.doc-form-actions { display:flex; align-items:end; justify-content:flex-end; gap:8px; grid-column:1/-1; }
.doc-home-card { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px; }
.doc-home-card span,.doc-home-card strong,.doc-home-card small { display:block; }
.doc-home-card span { color:#118057; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
.doc-home-card strong { margin-top:5px; color:#153125; font-size:12px; }.doc-home-card small { margin-top:3px; color:#76887e; font-size:9px; }
.doc-home-card button { border:0; background:transparent; color:#0e734d; font-size:10px; font-weight:900; white-space:nowrap; }
.doc-action-list { display:grid; gap:9px; }
.doc-action-list article { display:grid; grid-template-columns:82px minmax(0,1fr) auto; align-items:center; gap:15px; padding:14px; border:1px solid #e1e8e4; border-radius:14px; }
.doc-priority { padding:7px 9px; border-radius:9px; background:#eaf1ed; color:#586a61; font-size:9px; font-weight:900; text-align:center; text-transform:uppercase; }
.doc-priority.critical { background:#ffe3df; color:#af3c33; }.doc-priority.urgent { background:#ffeadc; color:#a55324; }.doc-priority.attention { background:#fff2d4; color:#96600f; }
.doc-action-list article>div:nth-child(2)>button { padding:0; border:0; background:transparent; color:#15734e; font-size:9px; font-weight:900; text-transform:uppercase; }
.doc-action-list strong,.doc-action-list small { display:block; }.doc-action-list strong { margin-top:4px; color:#1b3025; }.doc-action-list small { margin-top:3px; color:#788981; font-size:10px; }
.doc-action-list article>div:last-child { display:grid; justify-items:end; gap:3px; }.doc-action-list .btn { margin-top:5px; min-height:31px; padding:6px 10px; font-size:9px; }
.doc-calendar-legend { display:flex; gap:8px; margin-bottom:12px; overflow-x:auto; }
.doc-calendar-legend span { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid #dce5df; border-radius:999px; background:white; color:#65776d; font-size:9px; font-weight:900; white-space:nowrap; }
.doc-calendar-legend i { width:7px; height:7px; border-radius:50%; background:#8fa097; }.doc-calendar-legend .missed i,.doc-calendar-legend .critical i { background:#e75a52; }.doc-calendar-legend .urgent i { background:#f18a44; }.doc-calendar-legend .attention i { background:#f5bc3c; }.doc-calendar-legend .informational i { background:#42cf8b; }
.doc-calendar-grid { display:grid; grid-template-columns:repeat(5,minmax(190px,1fr)); gap:10px; align-items:start; overflow-x:auto; padding-bottom:8px; }
.doc-calendar-column { min-width:190px; padding:9px; border:1px solid #dfe7e2; border-radius:16px; background:#eef3f0; }
.doc-calendar-column>header { display:flex; justify-content:space-between; padding:7px 5px 11px; color:#53665b; font-size:10px; font-weight:900; text-transform:uppercase; }
.doc-calendar-column article { display:grid; gap:5px; margin-bottom:8px; padding:13px; box-shadow:none; }
.doc-calendar-column article>button:first-child { justify-self:start; padding:0; border:0; background:transparent; color:#148058; font-size:9px; font-weight:900; }
.doc-calendar-column strong,.doc-calendar-column time,.doc-calendar-column small { display:block; }
.doc-calendar-column time { margin-top:5px; color:#22392d; font-size:11px; font-weight:900; }.doc-calendar-column small { color:#788981; font-size:9px; line-height:1.4; }.doc-calendar-column .btn { min-height:30px; margin-top:6px; padding:5px 8px; font-size:8px; }
.doc-calendar-empty { padding:20px 8px; color:#82928a; font-size:10px; text-align:center; }
.doc-review-hero,.doc-connection-note { margin-bottom:14px; padding:23px; border-radius:18px; background:linear-gradient(115deg,#0a1e14,#0e3d29); color:white; }
.doc-review-hero span,.doc-connection-note span { color:#51e9a2; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }.doc-review-hero h2,.doc-connection-note h2 { margin-top:6px; color:white; }.doc-review-hero p,.doc-connection-note p { max-width:760px; margin:5px 0 0; color:#b7c9bf; font-size:12px; }
.doc-review-hero>b { font:800 36px "Manrope"; color:#4be59d; text-align:center; }.doc-review-hero>b small { display:block; color:#b3c8bc; font:800 9px "DM Sans"; text-transform:uppercase; }
.doc-review-grid,.doc-connection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.doc-review-card { padding:17px; text-align:left; color:var(--ink); transition:.15s; }.doc-review-card:hover { transform:translateY(-2px); border-color:#8bd6b0; box-shadow:var(--shadow); }
.doc-review-card>div { display:flex; justify-content:space-between; align-items:center; }.doc-review-card>div>span:last-child { color:#76877e; font-size:9px; font-weight:900; }.doc-review-card h3 { margin-top:14px; }.doc-review-card p { margin:3px 0 12px; font-size:11px; }.doc-review-card>strong,.doc-review-card>small { display:block; }.doc-review-card>strong { color:#2b4035; font-size:11px; }.doc-review-card>small { margin-top:10px; color:#158057; font-size:10px; font-weight:900; }
.doc-history-list { display:grid; }
.doc-history-list>button { display:grid; grid-template-columns:145px 90px 160px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 5px; border:0; border-top:1px solid #e4ebe7; background:transparent; color:var(--ink); text-align:left; }.doc-history-list>button:hover { background:#f3faf6; }
.doc-history-list time,.doc-history-list span,.doc-history-list b { color:#71827a; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-history-list strong { color:#183023; }.doc-history-list p { margin:0; font-size:11px; }.doc-history-list b { color:#15764f; text-align:right; }
.doc-template-explainer { margin-bottom:13px; padding:20px 22px; border:1px solid #bfe4d0; border-radius:17px; background:linear-gradient(135deg,#f8fcfa,#e5f8ee); }
.doc-template-explainer span { color:#168057; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-template-explainer strong { display:block; margin-top:6px; color:#193226; }.doc-template-explainer p { margin:5px 0 0; font-size:11px; }
.doc-template-grid { display:grid; grid-template-columns:repeat(6,minmax(190px,1fr)); gap:9px; overflow-x:auto; padding-bottom:8px; }
.doc-template-column { min-width:190px; padding:9px; border:1px solid #dfe7e2; border-radius:16px; background:#eef3f0; }
.doc-template-column>header { display:flex; align-items:center; gap:8px; padding:3px 3px 10px; color:#50665a; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-template-column>header i { width:22px; height:22px; display:grid; place-items:center; border-radius:8px; background:#d9f5e6; color:#14754f; font-style:normal; }
.doc-template-column article { padding:13px; box-shadow:none; }.doc-template-column article>span { color:#158057; font-size:8px; font-weight:900; text-transform:uppercase; }.doc-template-column h3 { margin-top:7px; font-size:13px; }.doc-template-column p { margin:4px 0 10px; font-size:10px; }.doc-template-column article>div { display:grid; gap:3px; }.doc-template-column small { color:#76887e; font-size:9px; }
.doc-template-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:13px; padding:19px; }.doc-template-form>div:first-child { grid-column:1/-1; }.doc-template-form .wide { grid-column:1/-1; }
.doc-role-panel { margin-top:12px; padding:19px; }.doc-role-panel>.panel-head { margin-bottom:10px; }.doc-role-panel>.panel-head p { margin:4px 0 0; font-size:11px; }.doc-role-panel>div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.doc-role-panel article { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid #dfe7e2; border-radius:12px; }.doc-role-panel strong,.doc-role-panel small { display:block; }.doc-role-panel strong { color:#22382d; font-size:11px; }.doc-role-panel small { margin-top:3px; color:#77887f; font-size:9px; }.doc-role-panel select { max-width:210px; min-height:36px; padding:0 8px; border:1px solid #cfdad4; border-radius:9px; background:white; color:var(--ink); font-size:9px; font-weight:800; }
.doc-connection-note { align-items:center; }.doc-connection-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.doc-connection-card { display:flex; flex-direction:column; padding:17px; }.doc-connection-card>div:first-child { display:flex; align-items:center; justify-content:space-between; }.doc-provider-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:#dff7ea; color:#146e4b; font-weight:900; }.doc-connection-state { display:inline-flex; align-items:center; gap:5px; padding:6px 8px; border-radius:99px; background:#eff2f0; color:#76877e; font-size:8px; font-weight:900; text-transform:uppercase; }.doc-connection-state i { width:6px; height:6px; border-radius:50%; background:#96a39c; }.doc-connection-state.connected { background:#e0f8eb; color:#14734d; }.doc-connection-state.connected i { background:#29cd7c; }.doc-connection-card h3 { margin-top:15px; font-size:15px; }.doc-connection-card p { margin:3px 0 9px; font-size:10px; }.doc-connection-card ul { flex:1; margin:0 0 10px; padding:0; list-style:none; }.doc-connection-card li { margin:5px 0; color:#54685d; font-size:9px; }.doc-connection-card>small { color:#7b8b83; font-size:8px; }.doc-connection-card>div:last-child { display:flex; gap:6px; margin-top:13px; }.doc-connection-card .btn { flex:1; min-height:33px; padding:6px 7px; font-size:8px; }
.doc-back { margin:14px 0 12px; padding:0; border:0; background:transparent; color:#177650; font-size:10px; font-weight:900; }
.doc-workspace-head { align-items:center; margin-bottom:12px; }.doc-workspace-head>div:first-child>span { color:#158057; font-size:10px; font-weight:900; text-transform:uppercase; }.doc-workspace-head h1 { margin:5px 0 3px; }.doc-workspace-head p { margin:0; font-size:12px; }.doc-workspace-head>div:last-child { display:flex; align-items:center; gap:8px; }
.doc-next-work { align-items:center; margin-bottom:12px; padding:18px 20px; border-radius:17px; background:linear-gradient(120deg,#0a1d13,#103d29); color:white; }.doc-next-work span,.doc-next-work strong,.doc-next-work small { display:block; }.doc-next-work>div:first-child>span { color:#4ee6a0; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-next-work>div:first-child>strong { margin-top:5px; font-size:16px; }.doc-next-work small { margin-top:4px; color:#b2c7bb; font-size:9px; }.doc-next-work>div:last-child { width:min(280px,35%); }.doc-next-work>div:last-child>span { color:#55e9a4; font-size:12px; font-weight:900; text-align:right; }.doc-next-work .mini-progress { height:7px; background:#284939; }
.doc-timeline { display:grid; grid-template-columns:repeat(7,1fr); margin:0 2px 14px; padding:14px 10px 9px; border:1px solid #dfe7e2; border-radius:15px; background:white; }.doc-timeline>div { position:relative; display:grid; justify-items:center; gap:5px; color:#819088; font-size:8px; font-weight:900; text-align:center; }.doc-timeline>div:before { content:""; position:absolute; z-index:0; top:10px; right:50%; width:100%; height:2px; background:#dfe7e2; }.doc-timeline>div:first-child:before { display:none; }.doc-timeline i { position:relative; z-index:1; width:21px; height:21px; display:grid; place-items:center; border:2px solid #d7e1dc; border-radius:50%; background:white; color:#829087; font-style:normal; }.doc-timeline .done:before { background:#49d892; }.doc-timeline .done i { border-color:#39d98a; background:#daf8e8; color:#0c764c; }.doc-timeline .current i { box-shadow:0 0 0 5px rgba(57,217,138,.13); }
.doc-workspace-tabs { display:flex; gap:3px; margin-bottom:10px; padding:5px; border:1px solid #dbe5df; border-radius:14px; background:white; overflow-x:auto; scrollbar-width:none; }.doc-workspace-tabs button { padding:9px 10px; border:0; border-radius:9px; background:transparent; color:#687970; font-size:9px; font-weight:900; white-space:nowrap; }.doc-workspace-tabs button.active { background:#ddf7e9; color:#0e724a; }
.doc-workspace-grid,.doc-communication-layout,.doc-audit-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr); gap:12px; align-items:start; }.doc-workspace-grid>aside,.doc-audit-layout>aside { display:grid; gap:12px; }
.doc-detail-panel .panel-head { margin-bottom:16px; }.doc-detail-panel .panel-head p { margin:4px 0 0; font-size:11px; }
.doc-side-panel { padding:17px; }.doc-side-panel>h3 { margin-top:7px; }.doc-side-panel>p { margin:4px 0 10px; font-size:11px; }.doc-side-panel>strong,.doc-side-panel>small { display:block; }.doc-side-panel>small { margin-top:3px; color:#798a81; font-size:9px; }.doc-side-panel article { padding:11px 0; border-top:1px solid #e3eae6; }.doc-side-panel article:first-of-type { margin-top:8px; }.doc-side-panel article strong,.doc-side-panel article small { display:block; }.doc-side-panel article strong { color:#22382d; font-size:11px; }.doc-side-panel article small { margin-top:3px; color:#77887f; font-size:9px; }.doc-side-panel article p { margin:5px 0 0; font-size:9px; }.doc-side-panel.success { border-color:#a8dfc0; background:#effaf4; }.doc-side-panel.success>span { color:#11794f; font-weight:900; }.doc-side-panel.validation { border-color:#e9b2aa; }.doc-side-panel.validation>.surface-label { color:#a63e34; }
.doc-fact-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.doc-fact-grid article { min-height:74px; padding:11px; border:1px solid #e0e8e3; border-radius:11px; background:#fbfcfb; }.doc-fact-grid article>span,.doc-fact-grid article>strong,.doc-fact-grid article>small { display:block; }.doc-fact-grid article>span { color:#74857c; font-size:8px; font-weight:900; text-transform:uppercase; }.doc-fact-grid article>strong { margin-top:6px; color:#24392e; font-size:10px; overflow-wrap:anywhere; }.doc-fact-grid article.missing { border-color:#edc586; background:#fff9ed; }.doc-fact-grid article.missing>strong { color:#99600f; }.doc-fact-grid article>small { margin-top:4px; color:#aa6b0e; font-size:8px; }
.doc-edit-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:15px; padding:14px; border:1px solid #c8e6d6; border-radius:14px; background:#f2fbf6; }.doc-edit-form.booking,.doc-edit-form.bol { margin-bottom:0; }.doc-edit-form .wide { grid-column:1/-1; }
.doc-deadline-list { display:grid; gap:8px; }.doc-deadline-list article { display:grid; grid-template-columns:90px minmax(0,1fr) 150px auto; align-items:center; gap:12px; padding:13px; border:1px solid #dfe7e2; border-radius:13px; }.doc-deadline-list article>span { display:flex; align-items:center; gap:6px; color:#65776d; font-size:9px; font-weight:900; }.doc-deadline-list article>span i { width:7px; height:7px; border-radius:50%; background:#4bd28f; }.doc-deadline-list article.missed>span i,.doc-deadline-list article.critical>span i { background:#e65750; }.doc-deadline-list article.urgent>span i { background:#ed8a43; }.doc-deadline-list article.attention>span i { background:#eab436; }.doc-deadline-list strong,.doc-deadline-list small { display:block; }.doc-deadline-list small { margin-top:3px; color:#788981; font-size:9px; }.doc-deadline-list time { color:#24382e; font-size:10px; font-weight:900; }.doc-deadline-list .btn { min-height:32px; padding:6px 9px; font-size:8px; }
.doc-container-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.doc-container-grid article { padding:15px; border:1px solid #dfe8e2; border-radius:13px; }.doc-container-grid article>span,.doc-container-grid article>strong,.doc-container-grid article>small,.doc-container-grid article>b { display:block; }.doc-container-grid article>span { color:#158057; font-size:9px; font-weight:900; }.doc-container-grid article>strong { margin-top:7px; }.doc-container-grid article>small { margin-top:3px; color:#77887f; font-size:9px; }.doc-container-grid article>b { margin-top:9px; color:#a34f22; font-size:9px; }.doc-container-grid article>b.ok { color:#12774d; }
.doc-status-action { width:100%; display:flex; justify-content:space-between; padding:9px 0; border:0; border-top:1px solid #e2eae5; background:transparent; color:#4a5e53; font-size:9px; font-weight:900; text-align:left; }.doc-status-action b { color:#138057; }
.doc-bol-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); gap:12px; align-items:start; margin-bottom:12px; }.doc-review-placeholder { min-height:420px; display:grid; place-items:center; align-content:center; padding:30px; text-align:center; }.doc-review-placeholder>span { width:54px; height:54px; display:grid; place-items:center; border-radius:17px; background:#e2f8ec; color:#13774f; font-size:25px; }.doc-review-placeholder p { max-width:420px; font-size:11px; }
.doc-bol-comparison { overflow:hidden; }.doc-bol-comparison>header { display:grid; grid-template-columns:1fr 1fr; gap:35px; padding:13px 15px; background:#0c2116; color:#58e6a1; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-bol-comparison article { display:grid; grid-template-columns:1fr 24px 1fr; gap:8px; align-items:center; padding:11px 13px; border-top:1px solid #e2e9e5; }.doc-bol-comparison article>div { min-width:0; }.doc-bol-comparison small,.doc-bol-comparison strong,.doc-bol-comparison em { display:block; overflow-wrap:anywhere; }.doc-bol-comparison small { color:#73847b; font-size:8px; text-transform:uppercase; }.doc-bol-comparison strong { margin-top:4px; color:#21362a; font-size:10px; }.doc-bol-comparison em { margin-top:4px; color:#819088; font-size:8px; font-style:normal; }.doc-bol-comparison article>i { color:#49cb8b; font-style:normal; text-align:center; }
.doc-classification { display:inline-flex; padding:4px 6px; border-radius:6px; background:#e8efeb; color:#5d7065; font-size:7px; font-weight:900; text-transform:uppercase; }.doc-classification.exact-match,.doc-classification.acceptable-formatting-difference { background:#ddf6e9; color:#14764e; }.doc-classification.needs-review { background:#fff1cf; color:#98600b; }.doc-classification.definite-error { background:#ffe7d7; color:#a44e1c; }.doc-classification.critical-compliance-issue { background:#ffe0dd; color:#ad392f; }
.doc-discrepancy-list { display:grid; gap:8px; }.doc-discrepancy-list article { display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid #dfe7e2; border-radius:12px; }.doc-discrepancy-list strong,.doc-discrepancy-list small { display:block; }.doc-discrepancy-list small { margin-top:3px; color:#77887f; font-size:9px; }.doc-discrepancy-list p { margin:5px 0 0; font-size:9px; }.doc-discrepancy-list article>div:last-child { display:grid; justify-items:end; gap:6px; font-size:9px; }.doc-discrepancy-list .btn { min-height:30px; padding:5px 8px; font-size:8px; }
.doc-approval-panel { align-items:center; margin-top:12px; padding:20px; border-radius:18px; background:#091c12; color:white; }.doc-approval-panel span { color:#4be39a; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-approval-panel h2 { margin-top:4px; color:white; }.doc-approval-panel p { margin:4px 0 0; color:#b4c7bc; font-size:10px; }.doc-approval-panel>div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.doc-approval-panel button { padding:8px 10px; border:1px solid #315542; border-radius:9px; background:#153526; color:#d9efe3; font-size:8px; font-weight:900; }.doc-approval-panel button:first-child { background:#45db91; border-color:#45db91; color:#082116; }.doc-approval-panel>strong { color:#ffd99c; font-size:10px; }
.doc-upload { display:grid; grid-template-columns:220px minmax(0,1fr) auto; align-items:end; gap:9px; margin-bottom:15px; padding:14px; border:1px dashed #99cdb1; border-radius:13px; background:#f3fbf7; }.doc-upload .btn { min-height:40px; }
.doc-file-list { display:grid; gap:8px; }.doc-file-list article { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid #dfe7e2; border-radius:12px; }.doc-file-list article>span { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:#e2f5eb; color:#15764f; font-size:9px; font-weight:900; }.doc-file-list strong,.doc-file-list small,.doc-file-list code { display:block; }.doc-file-list strong { font-size:11px; }.doc-file-list small { margin-top:3px; color:#75867d; font-size:9px; }.doc-file-list code { margin-top:4px; color:#839189; font-size:8px; }.doc-file-list article>div:last-child { display:flex; align-items:center; gap:7px; }.doc-file-list article>div:last-child>b { padding:5px 7px; border-radius:8px; background:#edf1ef; color:#78877f; font-size:8px; }.doc-file-list article>div:last-child>b.current { background:#ddf7e9; color:#14774f; }.doc-file-list .btn { min-height:31px; padding:5px 8px; font-size:8px; text-decoration:none; }
.doc-communication-layout { grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr); }.doc-exception-list { display:grid; gap:8px; }.doc-exception-list article { display:grid; grid-template-columns:100px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid #dfe7e2; border-radius:13px; }.doc-exception-list p { margin:4px 0; font-size:10px; }.doc-exception-list small { color:#788981; font-size:9px; }.doc-exception-list article>div:last-child { text-align:right; }.doc-exception-list article>div:last-child b,.doc-exception-list article>div:last-child small { display:block; }
.doc-audit-list { display:grid; }.doc-audit-list article { position:relative; display:grid; grid-template-columns:15px 145px minmax(0,1fr); gap:10px; padding:12px 0; border-top:1px solid #e1e9e4; }.doc-audit-list article>i { width:9px; height:9px; margin-top:4px; border-radius:50%; background:#45d88f; box-shadow:0 0 0 4px #ddf7e9; }.doc-audit-list time { color:#788981; font-size:9px; }.doc-audit-list span,.doc-audit-list strong,.doc-audit-list code { display:block; }.doc-audit-list span { color:#14774f; font-size:9px; font-weight:900; text-transform:uppercase; }.doc-audit-list strong { margin-top:3px; color:#243a2e; font-size:10px; }.doc-audit-list code { max-width:100%; margin-top:5px; padding:7px; border-radius:7px; background:#eef3f0; color:#61736a; font-size:8px; white-space:pre-wrap; overflow-wrap:anywhere; }
.doc-error { max-width:650px; margin:80px auto; padding:34px; }.doc-error>span { color:#ba443c; font-size:10px; font-weight:900; text-transform:uppercase; }.doc-error h1 { margin-top:8px; }
.doc-skeleton { position:relative; overflow:hidden; height:34px; margin-bottom:14px; border-radius:13px; background:#e3e9e5; }.doc-skeleton:after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); animation:doc-shimmer 1.25s infinite; }.doc-skeleton.wide { width:68%; height:58px; }.doc-skeleton.short { width:90%; height:42px; }.doc-skeleton.card { height:125px; }.doc-skeleton.table { height:330px; }.doc-skeleton.card { margin:0; }
@keyframes doc-shimmer { to { transform:translateX(100%); } }

[data-theme="dark"] .intelligence-nav,[data-theme="dark"] .documentation-subnav,[data-theme="dark"] .doc-table-card,[data-theme="dark"] .doc-create-panel,[data-theme="dark"] .doc-detail-panel,[data-theme="dark"] .doc-workspace-tabs,[data-theme="dark"] .doc-timeline,[data-theme="dark"] .doc-calendar-legend span { background:#0e1b14; border-color:#2b3d33; }
[data-theme="dark"] .doc-stat>strong,[data-theme="dark"] .doc-table td>strong,[data-theme="dark"] .doc-empty strong,[data-theme="dark"] .doc-review-card,[data-theme="dark"] .doc-review-card>strong,[data-theme="dark"] .doc-history-list strong,[data-theme="dark"] .doc-template-column h3,[data-theme="dark"] .doc-fact-grid article>strong,[data-theme="dark"] .doc-side-panel article strong,[data-theme="dark"] .doc-bol-comparison strong,[data-theme="dark"] .doc-file-list strong,[data-theme="dark"] .doc-audit-list strong { color:#edf8f1; }
[data-theme="dark"] .doc-template-explainer strong,[data-theme="dark"] .doc-shipment-card>strong,[data-theme="dark"] .doc-shipment-card>b { color:#edf8f1; }
[data-theme="dark"] .doc-stat:after { opacity:.12; }
[data-theme="dark"] .doc-filters input,[data-theme="dark"] .doc-filters select,[data-theme="dark"] .doc-shipment-form input,[data-theme="dark"] .doc-edit-form input,[data-theme="dark"] .doc-edit-form select,[data-theme="dark"] .doc-template-form input,[data-theme="dark"] .doc-template-form select,[data-theme="dark"] .doc-template-form textarea,[data-theme="dark"] .doc-upload input,[data-theme="dark"] .doc-upload select { background:#14251b; border-color:#33483c; color:#edf8f1; }
[data-theme="dark"] .doc-role-panel article { border-color:#2b3d33; } [data-theme="dark"] .doc-role-panel strong { color:#edf8f1; } [data-theme="dark"] .doc-role-panel select { background:#14251b; border-color:#33483c; color:#edf8f1; }
[data-theme="dark"] .doc-table td,[data-theme="dark"] .doc-action-list article,[data-theme="dark"] .doc-deadline-list article,[data-theme="dark"] .doc-discrepancy-list article,[data-theme="dark"] .doc-file-list article,[data-theme="dark"] .doc-exception-list article,[data-theme="dark"] .doc-audit-list article,[data-theme="dark"] .doc-bol-comparison article { border-color:#2b3d33; }
[data-theme="dark"] .doc-table tbody tr:hover,[data-theme="dark"] .doc-history-list>button:hover { background:#14251b; }
[data-theme="dark"] .doc-calendar-column,[data-theme="dark"] .doc-template-column { background:#101e16; border-color:#2b3d33; }
[data-theme="dark"] .doc-template-explainer,[data-theme="dark"] .doc-edit-form,[data-theme="dark"] .doc-upload { background:#10241a; border-color:#315c45; }
[data-theme="dark"] .doc-fact-grid article,[data-theme="dark"] .doc-container-grid article { background:#101e16; border-color:#2b3d33; }
[data-theme="dark"] .doc-fact-grid article.missing { background:#2b2414; border-color:#71552a; }
[data-theme="dark"] .doc-bol-comparison>header,[data-theme="dark"] .doc-approval-panel,[data-theme="dark"] .doc-next-work { background:#07140d; }
[data-theme="dark"] .doc-audit-list code { background:#14251b; color:#a9bdb1; }

@media (max-width:1120px) {
  .doc-shipment-form { grid-template-columns:1fr 1fr; }
  .doc-connection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .doc-fact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .doc-bol-layout { grid-template-columns:1fr; }
}
@media (max-width:850px) {
  .doc-stat-grid { grid-template-columns:1fr 1fr; }
  .doc-intro,.doc-workspace-head,.doc-template-explainer { align-items:flex-start; }
  .documentation-subnav { align-items:flex-start; flex-direction:column; gap:2px; }
  .documentation-subnav>div { width:100%; }
  .doc-shipment-desktop { display:none; }.doc-shipment-mobile { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
  .doc-shipment-card { padding:15px; color:var(--ink); text-align:left; }.doc-shipment-card>div { display:flex; justify-content:space-between; align-items:center; }.doc-shipment-card>div>span:first-child { color:#148057; font-size:9px; font-weight:900; }.doc-shipment-card>strong { display:block; margin-top:11px; font:800 16px "Manrope"; }.doc-shipment-card>p { margin:2px 0; font-size:10px; }.doc-shipment-card>small { display:block; margin-top:6px; color:#76877e; font-size:9px; }.doc-shipment-card>b { display:flex; justify-content:space-between; gap:9px; margin-top:11px; padding-top:9px; border-top:1px solid #e1e9e4; color:#244034; font-size:10px; }.doc-shipment-card>b i { color:#148057; font-style:normal; }
  .doc-shipment-form { grid-template-columns:1fr; }.doc-shipment-form fieldset { grid-template-columns:1fr 1fr; }
  .doc-toolbar { align-items:stretch; flex-direction:column; }.doc-filters { display:grid; grid-template-columns:1fr 1fr; }.doc-filters input { width:100%; grid-column:1/-1; }
  .doc-review-grid,.doc-connection-grid { grid-template-columns:1fr 1fr; }
  .doc-template-form { grid-template-columns:1fr 1fr; }
  .doc-role-panel>div:last-child { grid-template-columns:1fr; }
  .doc-workspace-grid,.doc-communication-layout,.doc-audit-layout { grid-template-columns:1fr; }
  .doc-fact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .doc-deadline-list article { grid-template-columns:80px minmax(0,1fr) auto; }.doc-deadline-list article>.btn { grid-column:2/-1; justify-self:start; }.doc-deadline-list time { text-align:right; }
  .doc-edit-form { grid-template-columns:1fr 1fr; }
  .doc-approval-panel { align-items:flex-start; flex-direction:column; }.doc-approval-panel>div:last-child { justify-content:flex-start; }
}
@media (max-width:600px) {
  .doc-page { padding:18px 13px 90px; }
  .doc-intro { align-items:stretch; flex-direction:column; gap:14px; }.doc-intro h1 { font-size:27px; }.doc-intro-actions { display:grid; grid-template-columns:1fr; }.doc-intro-actions .btn,.doc-live { width:100%; justify-content:center; }
  .intelligence-nav { margin:0 -2px 9px; padding:4px; }.intelligence-nav button { padding:9px 10px; }
  .documentation-subnav { margin:0 -13px 14px; padding-left:13px; }.documentation-subnav>span { padding:0 0 4px; }.documentation-subnav button { padding:10px 9px 11px; }
  .doc-stat-grid { display:flex; gap:9px; margin:0 -13px 14px; padding:0 13px 4px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.doc-stat { flex:0 0 66vw; min-height:110px; padding:15px; scroll-snap-align:start; }.doc-stat>strong { font-size:27px; }
  .doc-table-card,.doc-create-panel,.doc-detail-panel { padding:15px; border-radius:16px; }.doc-toolbar { margin-bottom:13px; }.doc-filters { grid-template-columns:1fr; }.doc-filters input { grid-column:auto; }
  .doc-shipment-mobile { grid-template-columns:1fr; }.doc-shipment-card { min-height:188px; }
  .doc-shipment-form fieldset { grid-template-columns:1fr; padding:12px; }.doc-form-actions { flex-direction:column-reverse; }.doc-form-actions .btn { width:100%; }
  .doc-action-list article { grid-template-columns:70px minmax(0,1fr); align-items:start; }.doc-action-list article>div:last-child { grid-column:2; justify-items:start; }.doc-action-list article>div:last-child .btn { width:100%; }
  .doc-review-hero,.doc-connection-note { align-items:flex-start; flex-direction:column; padding:19px; }.doc-review-grid,.doc-connection-grid { grid-template-columns:1fr; }
  .doc-history-list>button { grid-template-columns:100px minmax(0,1fr); gap:6px 10px; }.doc-history-list>button>span { text-align:right; }.doc-history-list>button>strong,.doc-history-list>button>p,.doc-history-list>button>b { grid-column:1/-1; }.doc-history-list>button>b { text-align:left; }
  .doc-template-explainer { align-items:stretch; flex-direction:column; }.doc-template-form { grid-template-columns:1fr; }.doc-template-form .wide { grid-column:1; }
  .doc-role-panel { padding:15px; }.doc-role-panel article { align-items:stretch; flex-direction:column; }.doc-role-panel select { width:100%; max-width:none; }
  .doc-workspace-head { align-items:flex-start; flex-direction:column; gap:10px; }.doc-workspace-head h1 { font-size:28px; }.doc-workspace-head>div:last-child { flex-wrap:wrap; }
  .doc-next-work { align-items:flex-start; flex-direction:column; padding:16px; }.doc-next-work>div:last-child { width:100%; }.doc-next-work>div:last-child>span { text-align:left; }
  .doc-timeline { display:flex; margin:0 -3px 12px; padding:12px 8px 9px; overflow-x:auto; }.doc-timeline>div { flex:0 0 74px; }.doc-workspace-tabs { margin:0 -3px 9px; }
  .doc-fact-grid { grid-template-columns:1fr 1fr; }.doc-edit-form { grid-template-columns:1fr; }.doc-edit-form .wide { grid-column:1; }
  .doc-deadline-list article { grid-template-columns:1fr auto; }.doc-deadline-list article>span { grid-column:1/-1; }.doc-deadline-list article>.btn { grid-column:1/-1; width:100%; }.doc-container-grid { grid-template-columns:1fr; }
  .doc-bol-layout { gap:9px; }.doc-bol-comparison { overflow-x:auto; }.doc-bol-comparison>header,.doc-bol-comparison article { min-width:520px; }
  .doc-discrepancy-list article { grid-template-columns:1fr; }.doc-discrepancy-list article>div:last-child { justify-items:start; }
  .doc-upload { grid-template-columns:1fr; }.doc-file-list article { grid-template-columns:42px minmax(0,1fr); }.doc-file-list article>div:last-child { grid-column:2; flex-wrap:wrap; }
  .doc-exception-list article { grid-template-columns:1fr; }.doc-exception-list article>div:last-child { text-align:left; }
  .doc-audit-list article { grid-template-columns:15px minmax(0,1fr); }.doc-audit-list time { grid-column:2; }.doc-audit-list article>div { grid-column:2; }
}