/* Egoglo Fulfillment / Supplier Drive — purpose-built workspace.
   Scoped to dw-* to preserve the legacy Orders, Missing Cost and Tracking views. */
#drive-workspace[hidden],#overview[hidden],#orders[hidden],.kpi-grid[hidden],#nav-drive[hidden]{display:none!important}
.drive-workspace{display:flex;flex-direction:column;gap:18px;min-width:0;color:#12213b}
.dw-heading{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;overflow:hidden;border-radius:19px;padding:32px 35px;background:linear-gradient(114deg,#102b55 0%,#173d70 75%,#1f4d81 100%);color:#fff;box-shadow:0 14px 32px rgba(16,43,85,.12)}
.dw-heading::after{content:"";position:absolute;right:-85px;bottom:-145px;border:1px solid rgba(255,255,255,.12);height:310px;width:310px;border-radius:50%;pointer-events:none}
.dw-overline{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;color:#168264;text-transform:uppercase}
.dw-heading .dw-overline{color:#9fc9fc}
.dw-heading h1{position:relative;margin:10px 0 10px;font-size:30px;font-weight:800;letter-spacing:-.03em}
.dw-heading p{max-width:610px;margin:0;color:#dde9fc;font-size:13px;line-height:1.75}
.dw-heading p strong{color:#fff}
.dw-button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:41px;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:700;line-height:1.3;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.dw-button:hover:not(:disabled){transform:translateY(-1px)}
.dw-button:disabled{opacity:.52;cursor:not-allowed}
.dw-button.dw-neutral{border:1px solid #dce5f0;background:#fff;color:#23507a}
.dw-heading .dw-neutral{z-index:1;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.13);color:#fff}
.dw-button.dw-primary{border:1px solid #166dd5;background:#2563eb;color:#fff;box-shadow:0 5px 15px rgba(37,99,235,.16)}
.dw-button.dw-primary:hover:not(:disabled){background:#1e55c9}
.dw-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dw-stat{border:1px solid #e0e8f2;border-radius:15px;padding:19px 21px;background:#fff;box-shadow:0 5px 21px rgba(30,62,105,.04);min-width:0}
.dw-stat>span{display:block;color:#708197;font-size:11px;font-weight:650;margin-bottom:10px}
.dw-stat>strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.2;color:#173560;overflow-wrap:anywhere}
.dw-stat>strong.dw-ready{font-size:21px;color:#158365}
.dw-stat>small{display:block;margin-top:8px;color:#8390a3;font-size:10px}
.dw-setup-alert{padding:13px 16px;border-radius:12px;border:1px solid #b7dbd0;background:#effaf5;color:#22564d;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.dw-setup-alert[hidden]{display:none}
.dw-setup-alert.dw-warning{background:#fff8e9;border-color:#efd7a8;color:#85602b}
.dw-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);gap:15px}
.dw-panel{background:#fff;border:1px solid #e1e8f1;border-radius:17px;box-shadow:0 6px 22px rgba(30,62,105,.035);padding:22px 23px;min-width:0}
.dw-panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.dw-panel-heading h2,.dw-list-heading h2{font-size:16px;font-weight:800;line-height:1.4;color:#19375e;margin:0 0 5px}
.dw-panel-heading p,.dw-list-heading p{margin:0;color:#7a8799;font-size:11px;line-height:1.65}
.dw-step{height:32px;width:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#2563eb;font-size:11px;font-weight:800}
#dw-form{display:flex;flex-direction:column;gap:9px}
#dw-form label{font-size:11px;font-weight:700;color:#4c617d;margin-top:5px}
#dw-form input,#dw-form select{display:block;width:100%;height:43px;background:#fff;border:1px solid #d7e0ed;border-radius:9px;color:#243750;font-size:12px;padding:10px 12px;outline-offset:2px;min-width:0}
#dw-form input:focus,#dw-form select:focus{border-color:#669ce9;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
#dw-form input::placeholder{color:#a3aebf}
#dw-form #dw-connect{width:100%;margin-top:10px}
.dw-create{align-self:flex-start;color:#1b67b6;font-weight:700;font-size:11px;line-height:1.6;margin-top:3px}
.dw-create:hover{text-decoration:underline}
.dw-guide{background:linear-gradient(165deg,#fff 0%,#f8fbff 100%)}
.dw-guide-steps{padding:0;margin:18px 0 17px;list-style:none;display:flex;flex-direction:column;gap:18px}
.dw-guide-steps li{display:flex;align-items:flex-start;gap:13px}
.dw-guide-steps li>span{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;background:#e7f7f0;color:#168165;font-size:12px;font-weight:800}
.dw-guide-steps li>div{display:flex;flex-direction:column;gap:4px}
.dw-guide-steps strong{color:#253f5a;font-size:12px}
.dw-guide-steps small{color:#7a889b;font-size:11px;line-height:1.65}
.dw-service-account{border-top:1px solid #e1eaf3;padding-top:14px;color:#65778e;line-height:1.7;font-size:11px;overflow-wrap:anywhere}
.dw-list-panel{padding:23px}
.dw-list-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-bottom:18px}
.dw-list-heading .dw-overline{margin-bottom:8px}
.dw-count-badge{border:1px solid #d9e6fa;background:#f1f6ff;border-radius:99px;color:#2d62a5;padding:7px 12px;font-size:11px;font-weight:700}
.dw-connection-list{display:flex;flex-direction:column;gap:8px}
.dw-empty{border:1px dashed #ccd9e8;background:#f9fbff;padding:24px;border-radius:11px;text-align:center;color:#75869b;font-size:12px;line-height:1.7}
.dw-empty strong{color:#3d5470;display:block;margin-bottom:6px;font-size:13px}
.dw-empty p{margin:0}
.dw-list-divider{margin:15px 0 4px;font-size:10px;letter-spacing:.12em;font-weight:800;color:#99a5b5}
.dw-supplier-row{display:grid;grid-template-columns:36px minmax(120px,1fr) 115px auto;align-items:center;gap:12px;padding:12px 13px;background:#fbfcff;border:1px solid #e7ecf4;border-radius:11px}
.dw-avatar{display:grid;place-items:center;width:35px;height:35px;background:#e8f3ff;border-radius:11px;font-size:14px;font-weight:800;color:#2c69bb}
.dw-supplier-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.dw-supplier-info strong{font-size:12px;color:#233b57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dw-supplier-info small{font-size:11px;color:#8291a2;overflow-wrap:anywhere}
.dw-state{display:inline-block;width:max-content;max-width:100%;padding:5px 9px;border-radius:100px;font-size:10px;font-weight:700;line-height:1.3;white-space:normal}
.dw-state-success{background:#e6f6ed;color:#168160}
.dw-state-neutral{background:#ecf1f7;color:#748297}
.dw-state-error{background:#fff0f1;color:#b83f51}
.dw-state-pending{background:#eaf2ff;color:#3267b6}
.dw-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.dw-mini-button{border:1px solid #d2ddeb;padding:8px 11px;border-radius:9px;background:#fff;font-size:11px;font-weight:700;color:#2b63a5;text-decoration:none;cursor:pointer}
.dw-mini-button:hover{background:#f3f8ff}
.dw-mini-button.dw-mini-danger{border-color:#efcfd3;background:#fffaf9;color:#b54b54}
.dw-mini-button:disabled{opacity:.5;cursor:not-allowed}
.dw-operation{width:min(670px,calc(100vw - 26px));max-width:670px;max-height:86vh;border:1px solid #dfebf5;border-radius:19px;padding:0;background:#fff;color:#203651;overflow:auto;box-shadow:0 30px 110px rgba(14,34,60,.22)}
.dw-operation::backdrop{background:rgba(9,24,48,.58);backdrop-filter:blur(2px)}
.dw-op-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 25px 18px;gap:16px;border-bottom:1px solid #e5ebf2}
.dw-op-head h2{margin:7px 0 5px;font-size:20px;color:#17345b}
.dw-op-head p{color:#77869b;font-size:12px;line-height:1.6;margin:0}
.dw-icon-button{border:0;width:31px;height:31px;background:#f0f4fa;color:#69798b;font-size:24px;border-radius:50%;cursor:pointer}
.dw-op-summary{margin:18px 24px;padding:13px 15px;border-radius:11px;background:#f2f7ff;color:#26538a;font-size:12px;font-weight:600;line-height:1.65}
.dw-op-summary[data-kind=success]{background:#eaf8f0;color:#146e50}
.dw-op-summary[data-kind=warning]{background:#fff5e7;color:#93621d}
.dw-op-summary[data-kind=error]{background:#fff0f1;color:#ae3345}
.dw-op-items{max-height:38vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:0 24px}
.dw-op-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;border:1px solid #e1e9f3;border-radius:10px;padding:11px 12px}
.dw-op-row-copy{min-width:120px;display:flex;flex-direction:column;gap:4px;flex:1}
.dw-op-row-copy strong{font-size:12px;color:#29445f}
.dw-op-row-copy small{font-size:11px;color:#7a899b;line-height:1.5}
.dw-inline-warning{color:#a4772d!important}
.dw-op-link{font-size:11px;font-weight:750;color:#2668b6;text-decoration:none}
.dw-op-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:16px;padding:16px 24px;border-top:1px solid #edf2f7}
.dw-op-footer .dw-button{min-width:115px}
.dw-op-footer .dw-button[hidden]{display:none}
@media(max-width:1020px){.dw-columns{grid-template-columns:1fr 1fr}.dw-supplier-row{grid-template-columns:36px minmax(120px,1fr) auto}.dw-supplier-row .dw-state{grid-column:2}.dw-row-actions{grid-column:3;grid-row:1/3}}
@media(max-width:760px){.dw-heading{flex-direction:column;padding:25px 21px}.dw-heading h1{font-size:25px}.dw-summary{grid-template-columns:1fr}.dw-columns{grid-template-columns:1fr}.dw-panel{padding:18px}.dw-list-panel{padding:18px}.dw-supplier-row{grid-template-columns:34px 1fr;gap:9px}.dw-supplier-row .dw-state{grid-column:2}.dw-row-actions{grid-column:1/-1;justify-content:flex-start}.dw-operation{max-height:90vh}.dw-op-footer{flex-wrap:wrap}.dw-op-footer .dw-button{flex:1}.dw-list-heading{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.dw-button{transition:none}}

/* Google Account OAuth + Picker additions. */
.dw-google-connect{padding:14px 15px;margin:0 0 10px;border:1px solid #dce7f9;border-radius:12px;background:#f5f9ff;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.dw-google-button{width:100%;background:#fff;color:#1e4880;border:1px solid #d2dfee}
.dw-google-button:not(:disabled):hover{background:#edf5ff;box-shadow:0 4px 12px rgba(30,75,130,.08)}
.dw-google-help{margin:0;color:#6b7f97;line-height:1.6;font-size:11px}
.dw-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.dw-picker-row input{min-width:0!important}
.dw-picker-row .dw-picker-button{white-space:nowrap;border:1px solid #b6d8cc;color:#167654;background:#f0faf5;padding:10px 12px}
.dw-picker-row .dw-picker-button:hover:not(:disabled){background:#e4f6ee}
.dw-picked-caption{color:#688098;font-size:11px;line-height:1.65;margin:2px 0 5px;overflow-wrap:anywhere}
@media(max-width:540px){.dw-picker-row{grid-template-columns:1fr}.dw-picker-row .dw-picker-button{width:100%}}


/* Drive UX refinement: three meaningful steps, larger readable controls,
 * clear account/file state, and no invisible hanging Picker action. */
.drive-workspace{gap:16px}
.dw-heading{padding:25px 30px;min-height:130px;align-items:center}
.dw-heading h1{font-size:28px;margin:7px 0}
.dw-heading p{font-size:13px;max-width:700px}
.dw-summary{gap:12px}
.dw-stat{padding:15px 18px;border-radius:13px}
.dw-stat>span{font-size:12px;margin-bottom:6px}
.dw-stat>strong{font-size:22px}
.dw-stat>small{font-size:11px;margin-top:6px}
.dw-columns{grid-template-columns:minmax(0,1.25fr) minmax(305px,.75fr);align-items:start}
.dw-add{padding:24px 27px}
.dw-panel-heading h2,.dw-list-heading h2{font-size:18px}
.dw-panel-heading p,.dw-list-heading p{font-size:12px}
.dw-guide{align-self:start;position:sticky;top:88px}
.dw-guide-steps strong{font-size:13px}
.dw-guide-steps small{font-size:12px}
.dw-step{width:43px;height:31px;flex-basis:43px;font-size:11px}
.dw-connect-step{padding:18px 0 19px;border-top:1px solid #ebf0f6}
.dw-connect-step-last{padding-bottom:3px}
.dw-mini-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px}
.dw-mini-index{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:#eaf2fd;color:#2563eb;font-weight:800;font-size:12px}
.dw-mini-heading h3{font-size:14px;line-height:1.3;font-weight:800;margin:2px 0 3px;color:#1e385b}
.dw-mini-heading p{font-size:11.5px;line-height:1.55;margin:0;color:#77889d}
.dw-account-select{display:flex;align-items:center;min-width:0;gap:12px;padding:9px 12px;border:1px solid #cedbed;border-radius:11px;background:#fff}
.dw-account-select:focus-within{outline:2px solid #b6cef4;outline-offset:1px}
.dw-google-letter{width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;font-size:22px;font-weight:800;font-family:Arial,sans-serif;color:#4285f4;position:relative}
.dw-account-select select{border:0!important;outline:none!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important;color:#233b60!important;padding:0 24px 0 0!important;height:32px!important;background-color:transparent!important;min-width:0;flex:1}
.dw-google-button{width:auto;min-height:36px;margin:10px 0 3px;padding:8px 12px;font-size:12px}
.dw-google-help{font-size:11.5px;line-height:1.65}
.dw-setup-link{display:inline-block;margin-top:4px;font-size:11px;color:#7b8fa8;text-decoration:underline}
.dw-picker-button{width:100%;min-height:47px!important;font-size:13px;justify-content:center;border:1px solid #afced7!important;background:linear-gradient(110deg,#eafaf3,#eaf6ff)!important;color:#136c57!important}
.dw-picker-button:hover:not(:disabled){background:#e1f5ec!important}
.dw-file-selected{display:flex;gap:11px;align-items:flex-start;margin:12px 0 0;padding:11px 13px;border:1px dashed #ccd9e8;background:#f8fafd;border-radius:11px;min-width:0}
.dw-file-icon{font-size:23px;line-height:1.2;color:#71a59a}
.dw-file-copy{min-width:0;flex:1}
.dw-file-copy>label{margin:0 0 5px!important;display:block;font-size:11px!important;color:#667e98!important}
#dw-form .dw-file-copy input{height:29px!important;width:100%;padding:0!important;border:0!important;background:transparent!important;font-size:12px!important;font-weight:650!important;color:#285070!important;overflow:hidden;text-overflow:ellipsis}
.dw-picked-caption{font-size:11.5px;line-height:1.55;margin:5px 0 0}
.dw-create{display:inline-block;margin:11px 0 0;font-size:12px}
.dw-picker-live{position:fixed;top:18px;right:18px;z-index:2147483601;max-width:min(420px,calc(100vw - 36px));display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:0;border:1px solid #b8d4e8;border-radius:12px;background:#f0f8ff;color:#295e82;font-size:11.5px;line-height:1.65;box-shadow:0 14px 38px rgba(21,53,83,.18)}
.dw-picker-live[hidden]{display:none!important}
.dw-picker-live>span:nth-child(2){flex:1;min-width:180px}
.dw-picker-live>button{border:1px solid #bad1e3;border-radius:8px;background:#fff;color:#285c7a;padding:7px 12px;font-size:11px;font-weight:750;cursor:pointer}
.dw-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid #cddded;border-top-color:#2679c8;border-radius:50%;animation:dw-spin .8s linear infinite}
@keyframes dw-spin{to{transform:rotate(360deg)}}
.dw-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start;margin-bottom:15px}
.dw-form-pair>div{display:flex;flex-direction:column;gap:7px;min-width:0}
#dw-form .dw-form-pair label{font-size:12px;margin:0}
#dw-form .dw-form-pair select,#dw-form .dw-form-pair input{min-width:0;height:46px;font-size:13px}
#dw-form #dw-connect{width:100%;margin-top:4px;min-height:47px;font-size:13px}
.dw-setup-alert{font-size:12.5px}
.dw-connection-list .dw-supplier-row{background:#fff}
.dw-supplier-info strong{font-size:13px}
.dw-supplier-info small{font-size:11.5px}
.dw-operation{width:min(720px,calc(100vw - 26px));max-width:720px}
/* Google injects its Picker overlay directly into document.body.
   Raise the documented dialog classes above the app's sticky nav. */
.picker-dialog,.picker-dialog-bg{z-index:2147483000!important}
@media(max-width:1050px){.dw-columns{grid-template-columns:1fr}.dw-guide{position:static}}
@media(max-width:630px){.dw-heading{padding:21px}.dw-heading h1{font-size:25px}.dw-add{padding:17px}.dw-form-pair{grid-template-columns:1fr}.dw-google-button{width:100%}.dw-picker-live>span:nth-child(2){min-width:0}}
@media(prefers-reduced-motion:reduce){.dw-spinner{animation:none}}


/* Supplier reconnect and transparent, read-only tracking change report. */
.drive-workspace .eg-ff-drive-select{position:relative;min-width:0;width:100%;height:46px}
.drive-workspace .eg-ff-drive-select .eg-ff-trigger{height:46px;grid-template-columns:30px minmax(0,1fr) 14px;gap:10px;padding:6px 12px 6px 8px;border-radius:11px}
.drive-workspace .eg-ff-drive-select .eg-ff-icon{width:30px;height:30px;border-radius:9px}
.drive-workspace .eg-ff-drive-select .eg-ff-value{min-width:0;text-align:left;font-size:12px;line-height:17px}
.eg-ff-drive-select .eg-ff-option-copy{gap:1px}
.eg-ff-drive-select .eg-ff-option-title{line-height:16px}
.eg-ff-drive-select .eg-ff-option-detail{font-size:10px;line-height:14px}
.eg-ff-option-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.eg-ff-option-title{display:block;min-width:0;font-size:12px;font-weight:650;line-height:18px}
.eg-ff-option-detail{display:block;font-size:11px;font-weight:400;line-height:16px;color:#7a8ba3}
.eg-ff-drive-select .eg-ff-option-title,.eg-ff-drive-select .eg-ff-option-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eg-ff-drive-menu .eg-ff-heading{padding:9px 10px 10px;font-size:10px}
.eg-ff-drive-menu .eg-ff-option{min-height:48px;padding:8px 9px}
.eg-ff-drive-menu .eg-ff-option-copy{overflow-wrap:anywhere}
.eg-ff-drive-menu .eg-ff-option[aria-selected="true"] .eg-ff-option-detail{color:#6887ba}
.dw-account-select:has(>.eg-ff-drive-select){display:block;padding:0;border:0;border-radius:0;background:transparent}
.dw-account-select:has(>.eg-ff-drive-select):focus-within{outline:none}
.dw-account-select:has(>.eg-ff-drive-select)>.dw-google-letter{display:none}

.dw-mini-button.dw-mini-reconnect{border-color:#a9d5c3;background:#f0f9f5;color:#1c7656}
.dw-mini-button.dw-mini-reconnect:hover:not(:disabled){background:#e4f5ed}
.dw-track-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 24px 17px}
.dw-track-stats[hidden]{display:none!important}
.dw-track-stat{border:1px solid #e0e8f2;border-radius:10px;padding:13px 10px;background:#fcfdff;display:flex;flex-direction:column;gap:6px;min-width:0}
.dw-track-stat strong{font-size:23px;font-weight:800;color:#193d67;line-height:1}
.dw-track-stat span{font-size:11px;color:#657b94;line-height:1.45}
.dw-tracking-conflict{padding:13px 15px;margin:3px 0;border:1px solid #e6d1bc;background:#fffefc;border-radius:12px}
.dw-tracking-conflict-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dw-tracking-conflict-head strong{font-size:12px;line-height:1.5;color:#614429}
.dw-track-rejected{font-size:10px;font-weight:750;color:#a35b2c}
.dw-track-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 10px}
.dw-track-comparison{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;border:1px solid #e7ebf1;border-radius:9px;background:#fff}
.dw-track-comparison>span{font-size:10px;color:#7a889a}
.dw-track-comparison>strong{font-size:13px;color:#1e3b5a;overflow-wrap:anywhere}
.dw-track-comparison>small{font-size:10px;color:#8090a1;overflow-wrap:anywhere}
.dw-track-remedy{margin:0;font-size:11px;color:#7b6655;line-height:1.65}
.dw-state-warning{background:#fff1e0;color:#9b5c1f}
@media(max-width:620px){
  .dw-track-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 15px 15px}
  .dw-track-compare{grid-template-columns:1fr}
}