/* Small visual refinements; the existing application layout and label previews stay intact. */
#campaignView[data-simple-active=false]>:not(#simpleStart){display:none!important}#campaignView[data-simple-active=true]>#simpleStart{display:none!important}#simpleCampaignBar[hidden]{display:none!important}
.simple-start{width:calc(100% - 48px);max-width:560px;margin:42px auto!important;padding:0!important}.simple-kicker{font-size:9px;letter-spacing:1.5px;color:#8b91a0;font-weight:600}.simple-start h1{font-size:25px;letter-spacing:-.7px;font-weight:600;color:#29313f;margin:9px 0}.simple-start-heading>p{font-size:12px;color:#7a8492;line-height:1.7;margin:0 0 25px}.simple-form{border:1px solid #e2e5ed;border-radius:9px;background:#fff;padding:25px;box-shadow:0 2px 8px #24304d03}.simple-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;color:#596577;margin-bottom:19px}.simple-form label>span{color:#a4abb6;font-size:10px;font-weight:400}.simple-form input,.simple-form select{width:100%;background:#fff;border:1px solid #dfe3eb;border-radius:6px;padding:9px 11px;font:inherit;font-size:12px;color:#445063;min-height:36px;box-sizing:border-box}.simple-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.simple-form-actions{display:flex;gap:9px;align-items:center}.simple-form>small{display:block;font-size:10px;line-height:1.7;color:#919baa;margin-top:18px}#simpleError{font-size:11px;color:#a44654;line-height:1.6}.simple-campaign-bar{max-width:1320px;width:calc(100% - 48px);margin:20px auto;display:flex;gap:12px;align-items:center;padding:13px 16px;border:1px solid #e2e5ec;background:#fff;border-radius:7px;box-sizing:border-box}.simple-campaign-bar>div{flex:1}.simple-campaign-bar strong{display:block;font-size:13px;font-weight:600;color:#344054}.simple-campaign-bar div>span{display:block;font-size:10px;color:#8591a3;margin-top:5px}#simpleSaveStatus{font-size:10px;color:#8993a3}.simple-output{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:12px;font-size:10px;color:#687486;max-width:440px}.simple-output>span{overflow-wrap:anywhere}.simple-output small{display:block;margin-top:4px;color:#98a1af}.simple-output button{white-space:nowrap}
html body #appShell .primary-button{background:#303641!important;background-image:none!important;border:1px solid #303641!important;color:white!important;box-shadow:0 1px 2px #22304d0a!important}html body #appShell .secondary-button{background:#fff!important;background-image:none!important;border:1px solid #e1e5ed!important;color:#677387!important;box-shadow:none!important}html body #appShell .primary-button,html body #appShell .secondary-button{font-size:12px!important;font-weight:500!important;border-radius:6px!important;min-height:34px!important;padding:8px 12px!important;letter-spacing:0!important;transform:none!important}html body #appShell .app-view .locations-header h2{font-size:25px!important;letter-spacing:-.6px!important;font-weight:600!important}html body #appShell .app-view .locations-header p:not(.eyebrow){font-size:12px!important;color:#7a8494!important;line-height:1.6!important}html body #appShell #settingsView h3{font-size:14px!important;font-weight:600!important;letter-spacing:-.2px!important}html body #appShell #settingsView .settings-card{padding:20px!important;border-radius:9px!important;box-shadow:none!important}html body #appShell #settingsView .settings-card p,html body #appShell #settingsView .settings-card small{font-size:11px!important;line-height:1.7!important}html body #appShell #settingsView input:not([type=checkbox]),html body #appShell #settingsView select{font-size:12px!important;min-height:36px!important;padding:9px 11px!important;border-radius:6px!important}html body #appShell .data-table th{font-size:10px!important;letter-spacing:.3px!important}html body #appShell .data-table td{font-size:12px!important}html body #appShell .history-actions button,html body #appShell .simple-output button{font-size:11px!important;font-weight:500!important;background:#fff!important;color:#667386!important;border:1px solid #e0e5ed!important;border-radius:5px!important;padding:6px 9px!important;box-shadow:none!important}
/* Reset conflicting legacy header breakpoints without changing its navigation. */
html body #appShell .app-header{position:sticky!important;top:0!important;z-index:40!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;height:68px!important;min-height:68px!important;flex:0 0 auto!important;padding:0 25px!important;gap:18px!important}html body #appShell .header-left{position:static!important;width:auto!important;min-width:145px!important;flex:0 0 auto!important;margin:0!important;padding:0!important}html body #appShell .header-right{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:15px!important}html body #appShell .top-tabs{position:static!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;order:0!important;height:68px!important;min-height:0!important;width:auto!important;margin:0!important;padding:0!important;transform:none!important;gap:3px!important}html body #appShell .top-tabs .top-tab{font-size:11px!important;padding:9px!important;position:static!important;height:auto!important;margin:0!important;border-radius:6px!important}html body #appShell .user-controls{position:static!important;display:flex!important;order:1!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:8px!important}html body #appShell .header-indicators{display:none!important}html body #appShell .brand-wordmark{width:auto!important}html body #appShell .brand-wordmark strong{font-size:29px!important}html body #appShell .brand-wordmark small{font-size:6px!important;letter-spacing:3px!important;margin-top:6px!important}html body #appShell .user-menu-button{font-size:11px!important;padding:8px 10px!important}html body #appShell .top-tabs .nav-icon{width:14px!important;height:14px!important}
#campaignView>.premium-intent-grid{width:calc(100% - 48px)!important;max-width:1320px!important;margin:18px auto!important;height:auto!important;min-width:0!important;gap:12px!important}#campaignView .premium-intent-card{padding:15px!important;min-height:80px!important;border-radius:8px!important;box-shadow:none!important}#campaignView .premium-intent-card b{font-size:13px!important}#campaignView .premium-intent-card small{font-size:10px!important}#campaignView>.workspace{width:calc(100% - 48px)!important;max-width:1320px!important;grid-template-columns:325px minmax(0,1fr)!important;margin:0 auto!important;padding:0!important;gap:18px!important}#campaignView .flow-intro h1{font-size:22px!important}#campaignView .step-card h2{font-size:13px!important}#campaignView .control-panel,#campaignView .preview-panel{min-width:0!important}
@media(max-width:760px){html body #appShell .app-header{flex-wrap:wrap!important;height:auto!important;padding:14px 18px 0!important}html body #appShell .header-right{flex:1 1 100%!important;justify-content:space-between!important}html body #appShell .top-tabs{height:47px!important;gap:0!important}html body #appShell .top-tabs .nav-icon{display:none!important}html body #appShell .top-tabs .top-tab{font-size:10px!important;padding:8px 7px!important}#campaignView>.premium-intent-grid{grid-template-columns:1fr!important}#campaignView>.workspace{grid-template-columns:1fr!important}.simple-campaign-bar{flex-wrap:wrap}.simple-campaign-bar>div{flex:1 1 100%}.simple-fields{grid-template-columns:1fr;gap:0}.simple-start{margin-top:28px!important}}
@media(min-width:1250px){html body #appShell .header-indicators{display:flex!important;gap:8px!important;font-size:9px!important}}
/* Focused campaign entry and a tidy, filterable archive. */
#packflowHome{background:transparent!important;border:0!important;padding:0!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;line-height:1!important}#packflowHome:hover{opacity:.88}#packflowHome:focus-visible{outline:2px solid #9eafc1;outline-offset:7px;border-radius:3px}
.simple-start{max-width:620px!important;margin-top:36px!important}.simple-start-heading{padding:0 2px}.simple-start h1{font-size:24px!important;margin:8px 0 9px!important}.simple-start-heading>p{margin-bottom:23px!important;font-size:12px!important}.simple-form{padding:25px 27px!important;border-color:#e2e6ee!important;box-shadow:0 3px 12px #22314d03!important}.simple-form label{position:relative;margin-bottom:19px!important}.simple-form label>span{position:absolute;right:0;top:0}.simple-form input:focus,.simple-form select:focus,.simple-history-filters input:focus,.simple-history-filters select:focus{outline:0;border-color:#9ba6c1;box-shadow:0 0 0 3px #c8cfe31c}.simple-output-picker{border:0;padding:0;margin:0 0 14px}.simple-output-picker legend{font-size:11px;font-weight:500;color:#596577;margin-bottom:10px}.simple-output-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.simple-form .simple-output-choices label{display:flex;flex-direction:row;align-items:center;gap:10px;position:relative;border:1px solid #e3e7ee;border-radius:7px;padding:13px 12px;margin:0!important;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.simple-output-choices label:has(input:checked){border-color:#aab6cc;background:#f5f7fb}.simple-output-choices input{width:13px!important;min-height:0!important;height:13px!important;margin:0!important;flex:0 0 13px;accent-color:#596a87;box-shadow:none!important}.simple-form .simple-output-choices label>span{position:static;display:block;color:inherit}.simple-output-choices b{font-size:11px;font-weight:600;color:#445167;display:block}.simple-output-choices small{font-size:10px;font-weight:400;color:#8a94a5;display:block;margin-top:5px;line-height:1.5}.simple-output-picker>p{font-size:10px;color:#929cab;margin:11px 0 0;line-height:1.6}.simple-form-actions{border-top:1px solid #edf0f4;padding-top:18px}.simple-form>small{margin-top:14px}
#historyView .locations-shell{max-width:1440px!important;width:100%!important;margin:0 auto!important;padding:28px 26px!important}#historyView .locations-header{margin:0 0 22px!important}#historyView .locations-header h2{font-size:25px!important}#historyView .locations-header .locations-actions{display:none!important}.simple-history-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:17px 18px;background:#fff;border:1px solid #e1e6ed;border-radius:9px;margin-bottom:14px}.simple-history-filters label{display:flex;flex-direction:column;gap:7px;flex:1 1 130px;min-width:110px;color:#8590a1;font-size:10px;font-weight:500}.simple-history-filters .simple-history-search{flex:2 1 240px}.simple-history-filters input,.simple-history-filters select{height:34px;min-height:34px;padding:7px 10px;width:100%;box-sizing:border-box;border:1px solid #e0e5ed;background:#fff;color:#5e6c80;border-radius:5px;font-family:inherit;font-size:11px;max-width:none}.simple-history-filters label:has(input[type=date]){flex:0 1 135px}.simple-history-filters button{height:34px!important;min-height:34px!important;font-size:11px!important;white-space:nowrap}.simple-history-summary{display:flex;justify-content:space-between;font-size:10px;color:#95a0af;margin:13px 1px}.simple-history-summary span:first-child{color:#6d7a8d}.simple-history-table{border:1px solid #e1e6ed!important;border-radius:8px!important;overflow:auto!important;max-height:65vh!important;background:#fff!important;box-shadow:none!important}.simple-history-table table{width:100%;min-width:870px;table-layout:fixed}.simple-history-table th:nth-child(1){width:29%}.simple-history-table th:nth-child(2){width:10%}.simple-history-table th:nth-child(3){width:17%}.simple-history-table th:nth-child(4){width:6%}.simple-history-table th:nth-child(5){width:13%}.simple-history-table th:nth-child(6){width:25%}html body #appShell .simple-history-table th{position:sticky;top:0;z-index:2;background:#f9fafc!important;color:#8a96a8!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important;padding:13px 15px!important;border-bottom:1px solid #e7ebf1!important}html body #appShell .simple-history-table td{padding:17px 15px!important;color:#637187!important;font-size:11px!important;vertical-align:middle!important;border-bottom:1px solid #eff2f6!important;line-height:1.5}.simple-history-table tr:last-child td{border-bottom:0!important}.simple-history-table tbody tr:hover{background:#fafbfd}.simple-history-table td>b{display:block;font-size:12px;font-weight:550;color:#364458;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-history-table td small{display:block;font-size:10px;color:#96a1b1;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-history-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:5px;white-space:nowrap}.simple-history-status::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.simple-history-status.is-draft{background:#f0f2f6;color:#8b96a7}.simple-history-status.is-generated{background:#edf4f1;color:#7c9e92}.simple-history-mode{font-size:10px;color:#8290a3}.simple-history-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;white-space:nowrap}.simple-history-actions button{font-size:10px!important;background:white!important;border:1px solid #e0e6ef!important;color:#6d7d94!important;border-radius:5px!important;padding:6px 9px!important;box-shadow:none!important;font-weight:450!important}.simple-history-actions button:hover{background:#f4f6fa!important}.simple-history-actions button span{font-size:9px;color:#9aa7b9;margin-left:4px}.simple-no-files{font-size:10px;color:#a4adba;white-space:nowrap}.simple-history-more{position:relative}.simple-history-more summary{list-style:none;color:#a0aabb;cursor:pointer;font-size:17px;line-height:25px;width:20px;text-align:center}.simple-history-more summary::-webkit-details-marker{display:none}.simple-history-more button{position:absolute;right:0;top:28px;z-index:3;padding:9px 15px!important;background:#fff!important;box-shadow:0 3px 12px #24365615!important;color:#af7d89!important}
.simple-files-dialog{max-width:760px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #dce3ed;border-radius:11px;padding:25px 27px;box-shadow:0 20px 80px #21354a25;color:#42526a}.simple-files-dialog::backdrop{background:#17263855;backdrop-filter:blur(2px)}.simple-files-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.simple-files-heading h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:6px 0 0;color:#35455b}.simple-files-heading>button{background:transparent;border:0;color:#a5afbd;font-size:23px;cursor:pointer}.simple-files-dialog>p{font-size:11px;color:#909dad;margin:12px 0 22px;line-height:1.7}.simple-saved-file{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #edf0f5}.simple-file-icon{display:grid;place-items:center;flex:0 0 33px;height:38px;border:1px solid #e1e7ef;border-radius:5px;font-size:8px;color:#9ba9bd;background:#fafbfd}.simple-saved-file>div{flex:1;min-width:0}.simple-saved-file strong{display:block;font-size:11px;font-weight:500;color:#6d7f98;overflow-wrap:anywhere}.simple-saved-file small{display:block;font-size:10px;color:#a2afc0;margin-top:6px;line-height:1.6}.simple-saved-file p{font-size:10px;color:#a8a4aa}.simple-saved-file button{font-size:10px!important;min-height:31px!important;padding:7px 10px!important;background:#fff!important;color:#6d7d94!important;border:1px solid #e1e6ee!important;border-radius:5px!important;box-shadow:none!important;white-space:nowrap}
/* The header keeps the original brand and navigation, with fewer competing controls. */
html body #appShell .app-header{background:linear-gradient(110deg,#0c1c27,#112633)!important;border-bottom:1px solid #203744!important;box-shadow:0 1px 0 #ffffff04!important;padding:0 28px!important}html body #appShell .top-tabs{gap:5px!important}html body #appShell .top-tabs .top-tab{font-size:11px!important;font-weight:500!important;padding:9px 12px!important;color:#aebfcb!important;border:1px solid transparent!important;background:transparent!important;gap:7px!important}html body #appShell .top-tabs .top-tab.is-active{background:#203541!important;border:1px solid #304550!important;color:#edf4f9!important}html body #appShell .top-tabs .top-tab:hover{background:#1b303d!important;color:#eef5fa!important}html body #appShell .top-tabs .top-tab::before,html body #appShell .top-tabs .top-tab::after{display:none!important}html body #appShell .brand-wordmark strong{font-size:29px!important;font-weight:750!important;letter-spacing:-1.3px!important}html body #appShell .brand-wordmark small{color:#8fa6b5!important;letter-spacing:3.2px!important}html body #appShell .user-menu-button{background:#1b303d!important;color:#c5d2dc!important;border:1px solid #314854!important;border-radius:6px!important;font-size:10px!important;padding:8px 11px!important;font-weight:500!important;box-shadow:none!important}html body #appShell .header-right{gap:23px!important}.user-dropdown{border-radius:8px!important;box-shadow:0 8px 28px #13283c1a!important}.user-dropdown button{font-size:12px!important}
@media(max-width:760px){.simple-output-choices{grid-template-columns:1fr 1fr}.simple-form{padding:22px!important}.simple-history-filters{padding:14px}.simple-history-filters label{flex:1 1 140px}.simple-history-filters .simple-history-search{flex:1 1 100%}#historyView .locations-shell{padding:24px 17px!important}html body #appShell .app-header{padding:14px 18px 0!important}html body #appShell .top-tabs .top-tab{font-size:10px!important;padding:8px!important}html body #appShell .header-right{gap:8px!important}.simple-history-summary>span:last-child{display:none}}
@media(max-width:480px){.simple-output-choices{grid-template-columns:1fr}.simple-start{width:calc(100% - 34px)!important}.simple-start h1{font-size:22px!important}.simple-files-dialog{padding:20px}.simple-saved-file{flex-wrap:wrap}.simple-saved-file>div{flex:1 1 calc(100% - 50px)}.simple-saved-file button{margin-left:46px}html body #appShell .top-tabs{width:100%!important;justify-content:space-between!important}html body #appShell .header-right{flex-wrap:wrap!important}html body #appShell .user-controls{position:absolute!important;right:18px!important;top:18px!important}html body #appShell .top-tabs .top-tab{padding:8px 7px!important}}
#historyView .locations-header .locations-actions{display:flex!important}.simple-history-archive-actions{position:relative}.simple-history-archive-actions summary{list-style:none;font-size:11px;color:#91a0b3;cursor:pointer;padding:8px}.simple-history-archive-actions summary::-webkit-details-marker{display:none}.simple-history-archive-actions button{position:absolute;right:0;top:33px;z-index:4;white-space:nowrap;box-shadow:0 4px 15px #22384d12!important}
#historyView .locations-shell{display:block!important;height:auto!important;min-height:0!important;align-self:stretch!important}#historyView .locations-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important}#historyView .simple-history-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;height:27px!important;margin:9px 2px 12px!important}html body #appShell #historyView #historyReset{background:transparent!important;border:0!important;box-shadow:none!important;font-size:10px!important;padding:4px 0!important;min-height:0!important;height:auto!important;color:#8b9bb1!important}.simple-history-summary>button:hover{text-decoration:underline}#historyView .simple-history-table{margin:0!important;width:100%!important;box-sizing:border-box!important}
@media(max-width:760px){html,body{min-width:0!important;width:100%!important}#appShell{min-width:0!important;width:100%!important}#appShell main,#appShell .app-view{min-width:0!important;width:100%!important}html body #appShell .header-left{min-width:0!important}#historyView .simple-history-filters{box-sizing:border-box;width:100%}#historyView .simple-history-summary{width:100%;box-sizing:border-box}.simple-history-table{max-width:100%}}
/* Use Shipments' existing page rhythm on the other directories. */
:is(#locationsView,#historyView)>.locations-shell{display:flex!important;flex-direction:column!important;gap:14px!important;max-width:none!important;width:100%!important;margin:0 auto!important;padding:24px!important;height:100%!important;min-height:0!important;box-sizing:border-box!important}
:is(#locationsView,#historyView) .locations-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:14px!important;margin:0!important;padding:0!important}
:is(#locationsView,#historyView) .locations-header>.locations-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:min(420px,100%)!important;min-width:0!important;margin:0!important}
:is(#locationsView,#historyView) .locations-actions>input,:is(#locationsView,#historyView) .simple-history-search{width:100%!important;flex:1 1 100%!important;margin:0!important}
:is(#locationsView,#historyView) .locations-actions input:not([type=file]){display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;font-family:inherit!important;font-size:16px!important;padding:10px 11px!important;border:1px solid #cdd9d1!important;border-radius:10px!important;background:#fbfdfb!important;color:#152016!important;min-height:40px!important}
#historyView .simple-history-search>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#historyView .simple-history-filters{display:flex!important;flex-wrap:wrap!important;align-items:end!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:auto!important;max-width:710px!important}
#historyView .simple-history-filters label{flex:1 1 145px!important;min-width:100px!important;font-size:10px!important;color:#718077!important}#historyView .simple-history-filters label[hidden]{display:none!important}
#historyView .simple-history-filters input,#historyView .simple-history-filters select{border-color:#d4e0d8!important;border-radius:7px!important;color:#52695b!important;height:34px!important;min-height:34px!important}
#historyView .simple-history-summary,.directory-stats{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;height:auto!important;min-height:18px!important;gap:12px!important}
#historyView #historyCount,#locationsView #locationStats{font-size:13px!important;font-weight:650!important;color:#577063!important;margin:0!important}
.directory-stats #openRouteReview{font-size:11px!important;font-weight:500!important;color:#887a56!important;background:transparent!important;border:0!important;padding:0!important;cursor:pointer!important;text-decoration:underline!important}
:is(#historyView,#locationsView)>.locations-shell>.table-wrap{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;width:100%!important;margin:0!important;overflow:auto!important;border:1px solid #dce5df!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}
html body #appShell :is(#historyView,#locationsView) .data-table th{position:sticky!important;top:0!important;z-index:2!important;background:#fafcfb!important;color:#5f6963!important;font-size:10px!important;font-weight:700!important;letter-spacing:.3px!important;padding:12px 13px!important;border-bottom:1px solid #e2e9e4!important}
html body #appShell :is(#historyView,#locationsView) .data-table td{font-size:12px!important;font-weight:400!important;line-height:1.35!important;color:#13201a!important;padding:12px 13px!important;vertical-align:middle!important;border-bottom:1px solid #e7ece9!important}
html body #appShell :is(#historyView,#locationsView) .data-table td>b{font-size:12px!important;font-weight:650!important;color:#24332a!important}html body #appShell :is(#historyView,#locationsView) .data-table td small{font-size:10px!important;color:#7f8e85!important;margin-top:5px!important}
#historyView .simple-history-mode{font-size:11px!important;color:#44574b!important}.simple-history-status{border:1px solid #d8e4db!important;border-radius:999px!important;font-size:10px!important;font-weight:650!important;padding:4px 8px!important}.simple-history-status.is-generated{background:#eaf5ee!important;color:#3d7650!important}.simple-history-status.is-draft{background:#f5f7f6!important;color:#6b7c71!important}.simple-history-status::before{display:none!important}
html body #appShell .simple-history-actions .history-reopen,html body #appShell #locationsView .row-buttons button{font:500 11px/16px inherit!important;color:#41594a!important;background:#fff!important;border:1px solid #d6e1d9!important;border-radius:7px!important;padding:6px 10px!important;box-shadow:none!important}
.wc-route-code{font-family:ui-monospace,monospace;font-size:11px;font-weight:600;color:#426d50}.directory-dialog{width:calc(100% - 40px);max-width:960px;box-sizing:border-box;border:1px solid #d7e1da;border-radius:12px;padding:25px;background:white;color:#34483b;box-shadow:0 20px 70px #17372525}.directory-dialog::backdrop{background:#132b4055;backdrop-filter:blur(2px)}.directory-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.directory-dialog-heading h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}.directory-dialog-heading button{font-size:24px;color:#91a195;background:transparent;border:0;cursor:pointer}.directory-dialog p,.directory-dialog span{font-size:12px;line-height:1.7;color:#718477}.directory-dialog .settings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.directory-dialog .table-wrap{max-height:50vh;overflow:auto}.directory-dialog [hidden]{display:none!important}.directory-dialog .secondary-button,.directory-dialog .primary-button{font-size:12px!important;border-radius:6px!important;padding:8px 12px!important;box-shadow:none!important}
/* Settings: grouped controls, one focused section at a time. */
#settingsView>.locations-shell{display:block!important;max-width:1140px!important;width:100%!important;margin:0 auto!important;padding:24px!important;height:auto!important;min-height:0!important;box-sizing:border-box!important}#settingsView .locations-header{margin:0 0 20px!important;padding:0 0 18px!important}#settingsView .settings-sections{margin:0 0 20px!important}#settingsView .settings-grid{display:flex!important;flex-direction:column!important;gap:18px!important;max-width:1000px!important}
#settingsView[data-settings-group=general] .settings-card:not([data-settings-group=general]),#settingsView[data-settings-group=carriers] .settings-card:not([data-settings-group=carriers]),#settingsView[data-settings-group=templates] .settings-card:not([data-settings-group=templates]),#settingsView[data-settings-group=users] .settings-card:not([data-settings-group=users]){display:none!important}
html body #appShell #settingsView .settings-card{width:100%!important;box-sizing:border-box!important;display:block!important;background:#fff!important;border:1px solid #dde6e0!important;border-radius:11px!important;padding:23px!important;box-shadow:none!important;margin:0!important}
html body #appShell #settingsView .settings-card h3{font-size:15px!important;color:#263d2e!important;margin:0 0 10px!important}html body #appShell #settingsView .settings-card>p{margin:0 0 16px!important;font-size:12px!important;line-height:1.6!important;color:#7a8e80!important}#settingsView .settings-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;align-items:center!important;margin:18px 0 0!important}#settingsView .template-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:15px!important}
#settingsView .carrier-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:18px 0!important}#settingsView label{min-width:0!important}#settingsView label>span{font-size:11px!important;color:#607865!important;line-height:1.5!important}#settingsView .carrier-form-grid label input:not([type=checkbox]),#settingsView .carrier-form-grid select{width:100%!important;box-sizing:border-box!important;max-width:none!important;background:#fbfdfb!important;border:1px solid #d7e2da!important;font-size:12px!important;padding:9px 11px!important;border-radius:6px!important;min-height:36px!important}
html body #appShell #settingsView .settings-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:0!important;padding:12px 0!important;border-bottom:1px solid #eef2ef!important}html body #appShell #settingsView .settings-toggle input{position:static!important;display:block!important;width:15px!important;height:15px!important;min-height:15px!important;min-width:15px!important;flex:0 0 15px!important;margin:0!important}html body #appShell #settingsView .settings-toggle span{flex:1!important;font-size:12px!important;font-weight:400!important;color:#62786a!important}
.settings-advanced{border-top:1px solid #e7ede9;margin-top:18px;padding-top:15px}.settings-advanced summary{font-size:12px;font-weight:500;color:#6b8373;cursor:pointer}.settings-advanced:not([open])>:not(summary){display:none!important}.settings-advanced:not([open]){height:18px!important;overflow:hidden!important}.settings-advanced>small{display:block;margin-top:14px}.settings-advanced>button{margin-top:14px}.settings-advanced .mapping-form{margin-top:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.settings-advanced .mapping-form .mapping-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}#settingsView .settings-card small{display:block!important;font-size:11px!important;line-height:1.7!important;margin-top:12px!important;color:#8a9c8f!important}#settingsView #dxdTestResult{display:block!important;margin-top:15px!important}
@media(max-width:760px){:is(#locationsView,#historyView)>.locations-shell{height:auto!important;min-height:100%!important;padding:22px 17px!important}:is(#locationsView,#historyView) .locations-header>.locations-actions{width:100%!important}:is(#locationsView,#historyView)>.locations-shell>.table-wrap{flex:none!important;max-height:65vh!important;min-height:240px!important}#settingsView>.locations-shell{padding:22px 17px!important}#settingsView .carrier-form-grid,.settings-advanced .mapping-form{grid-template-columns:1fr!important}#settingsView .settings-card{padding:20px!important}}
html body #appShell #settingsView[data-settings-group=general] .settings-card:not([data-settings-group=general]),html body #appShell #settingsView[data-settings-group=carriers] .settings-card:not([data-settings-group=carriers]),html body #appShell #settingsView[data-settings-group=templates] .settings-card:not([data-settings-group=templates]),html body #appShell #settingsView[data-settings-group=users] .settings-card:not([data-settings-group=users]),html body #appShell #settingsView .settings-card[hidden]{display:none!important}
.settings-advanced:not([open]){height:36px!important;min-height:36px!important;overflow:hidden!important}
:is(#locationsView,#historyView) .locations-actions input[hidden]{display:none!important}#locationsView>.locations-shell>.table-wrap>.data-table{width:100%!important;min-width:900px!important;table-layout:fixed!important}#locationsView .data-table th:nth-child(1){width:12%}#locationsView .data-table th:nth-child(2){width:30%}#locationsView .data-table th:nth-child(3){width:14%}#locationsView .data-table th:nth-child(4){width:12%}#locationsView .data-table th:nth-child(5){width:10%}#locationsView .data-table th:nth-child(6){width:6%}#locationsView .data-table th:nth-child(7){width:16%}#locationsView .data-table td{overflow-wrap:anywhere}#locationsView .row-buttons{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}

/* Campaign creation */
#simpleStart { max-width: 760px !important; margin-top: 54px !important; }
#simpleStart h1 { font-size: clamp(24px, 4vw, 34px) !important; letter-spacing: -.045em; font-weight: 700; color: #152623; }
#simpleStart .simple-start-heading > p { font-size: 14px !important; color: #526662; }
#simpleCampaignForm { padding: clamp(20px, 5vw, 34px) !important; border-radius: 16px; border-color: #d9e6e1 !important; box-shadow: 0 12px 34px #162e2410 !important; }
#simpleCampaignForm label, #simpleCampaignForm legend { font-size: 13px; color: #263b34; font-weight: 600; }
#simpleCampaignForm label > span { color: #596e66; }
#simpleCampaignForm input:not([type=radio]) { min-height: 43px; font-size: 13px; border-color: #d5e1dd; }
#simpleCampaignForm input:focus-visible, #simpleCampaignForm button:focus-visible { outline: 2px solid #13775c; outline-offset: 3px; }
#simpleCampaignForm .simple-output-picker { margin-top: 10px; }
#simpleCampaignForm .simple-output-choices { gap: 12px; }
#simpleCampaignForm .simple-output-choices label { min-height: 74px; border-radius: 10px; padding: 14px; }
#simpleCampaignForm .simple-output-choices label:hover { border-color: #8cae9f; }
#simpleCampaignForm .simple-output-choices label:has(input:checked) { border-color: #71a993; background: #eff8f3; }
#simpleCampaignForm .simple-output-choices input { accent-color: #176a50; }
#simpleCampaignForm .simple-output-choices b { font-size: 13px; color: #173a2f; }
#simpleCampaignForm .simple-output-choices small { font-size: 12px; color: #526662; }
#simpleCampaignForm .simple-form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
@media (max-width: 480px) {
  #simpleStart { margin-top: 28px !important; }
  #simpleCampaignForm .simple-fields { grid-template-columns: 1fr; }
}

#simpleStart { max-width: 940px !important; }
#simpleCampaignForm .simple-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr); gap: 32px; align-items: start; }
#simpleCampaignForm .simple-campaign-details { min-width: 0; }
#simpleCampaignForm .simple-campaign-details h2,
#simpleCampaignForm legend { margin: 0 0 15px; padding: 0; font-size: 15px; font-weight: 700; color: #173a2f; }
#simpleCampaignForm .simple-fields { grid-template-columns: 1fr; }
#simpleCampaignForm .simple-output-picker { min-width: 0; margin: 0; }
#simpleCampaignForm .simple-output-choices label { min-height: 94px; }
#simpleCampaignForm .simple-form-actions { align-items: center; }
html body #appShell #simpleCampaignForm #simpleSubmit:not(:disabled) { background: #156549 !important; color: #fff !important; }
@media (max-width: 760px) {
  #simpleCampaignForm .simple-form-grid { grid-template-columns: 1fr; gap: 8px; }
  #simpleCampaignForm .simple-output-choices label { min-height: 74px; }
}

#simpleStart { max-width: 1000px !important; }
#simpleStart .simple-start-heading {
  position: relative; isolation: isolate; overflow: hidden; padding: 32px clamp(22px, 5vw, 38px);
  border-radius: 20px 20px 0 0; background: linear-gradient(115deg, #102821 40%, #174738); color: white;
}
#simpleStart .simple-start-heading h1 { color: #fff; font-size: clamp(27px, 5vw, 38px) !important; }
#simpleStart .simple-start-heading > p { color: #c2ded2; margin: 0 !important; }
#simpleStart .campaign-motif {
  position: absolute; z-index: -1; right: -28px; top: -32px; width: 260px; height: 240px;
  transform: rotate(-22deg); opacity: .25;
  background: repeating-linear-gradient(90deg, transparent 0 8px, #8ed7b5 8px 10px, transparent 10px 17px, #8ed7b5 17px 23px);
  mask-image: linear-gradient(90deg, transparent, black 65%);
}
#simpleCampaignForm { border-radius: 0 0 20px 20px; border-top: 0; }
#simpleCampaignForm .simple-campaign-details { padding-right: 25px; border-right: 1px solid #e1eae6; }
#simpleCampaignForm .simple-output-choices label:has(input:checked) { box-shadow: inset 3px 0 #238161; }
@media (max-width: 760px) {
  #simpleCampaignForm .simple-campaign-details { padding-right: 0; border-right: 0; }
  #simpleStart .campaign-motif { opacity: .12; }
}

/* Give the active campaign the full area below the app header. */
#campaignView[data-simple-active="true"] > #simpleCampaignBar {
  flex: 0 0 auto;
  width: auto !important;
  max-width: none !important;
  margin: 8px 14px 0 !important;
  padding: 5px 10px !important;
  gap: 8px;
}
#simpleCampaignBar > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 9px; min-width: 0; }
#simpleCampaignBar #simpleActiveDetails { margin: 0; }
#simpleCampaignBar button { min-height: 28px !important; padding: 4px 9px !important; }
#campaignView[data-simple-active="true"] > .premium-intent-grid {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 6px 14px 8px !important;
  padding: 0 !important;
  gap: 8px !important;
  border-bottom: 0;
}
#campaignView[data-simple-active="true"] .premium-intent-card {
  height: auto !important;
  min-height: 39px !important;
  padding: 6px 10px !important;
}
#campaignView[data-simple-active="true"] .premium-intent-card small { display: none; }
#campaignView[data-simple-active="true"] .premium-intent-card .intent-svg { width: 22px; height: 22px; }
#campaignView[data-simple-active="true"] > #campaignWorkspace {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 14px 10px !important;
  grid-template-columns: clamp(285px, 25vw, 430px) minmax(0, 1fr) !important;
  gap: 12px !important;
}
#campaignWorkspace .output-options { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#campaignWorkspace .output-option:nth-child(n) { grid-column: auto !important; }
#campaignWorkspace .preview-stage { padding: 8px 12px !important; }
@media (max-width: 760px) {
  #campaignView[data-simple-active="true"].app-view.is-active { overflow-y: auto !important; }
  #campaignView[data-simple-active="true"] > #campaignWorkspace {
    flex: 0 0 auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #campaignWorkspace .preview-panel { height: min(70vh, 650px) !important; }
}

@media (min-width: 761px) {
  #campaignWorkspace .step-card { padding-bottom: 5px !important; margin-bottom: 5px !important; }
  #campaignWorkspace .step-card + .step-card { padding-top: 4px !important; margin-top: 4px !important; }
  #campaignWorkspace .output-option { min-height: 46px !important; }
  #campaignWorkspace .drop-zone { min-height: 64px !important; }
}

/* PackFlow navigation */
html body #appShell .app-header {
  isolation: isolate;
  background: linear-gradient(115deg, #102821 40%, #174738) !important;
  border-bottom: 1px solid #28604c !important;
}
#appShell .app-header::before {
  content: "";
  position: absolute;
  inset: 0 0 0 54%;
  z-index: -1;
  pointer-events: none;
  opacity: .23;
  background: repeating-linear-gradient(112deg, transparent 0 8px, #8ed7b5 8px 10px, transparent 10px 17px, #8ed7b5 17px 23px);
  mask-image: linear-gradient(90deg, transparent, #000 85%);
}
html body #appShell .app-header .top-tab {
  color: #d3e6dc !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
}
html body #appShell .app-header #userMenuButton {
  color: #deeee6 !important;
  background: #10282180 !important;
  border: 1px solid #a0c5b34d !important;
  border-radius: 8px !important;
}
html body #appShell .app-header .top-tab:hover,
html body #appShell .app-header #userMenuButton:hover {
  color: #fff !important;
  background: #b6ebd21a !important;
}
html body #appShell .app-header .top-tab.is-active,
html body #appShell .app-header .top-tab[aria-selected="true"] {
  color: #fff !important;
  background: #b6ebd221 !important;
  box-shadow: inset 0 -2px #9be6bf !important;
}
#appShell .app-header button:focus-visible {
  outline: 2px solid #a6ebc7 !important;
  outline-offset: 2px;
}