/* ACCS visual system: the warehouse illustration and warm grid belong to every page. */
:root{font-family:Manrope,Arial,sans-serif;color:#132947;background:#f7ecd9;--ink:#132947;--muted:#61758b;--blue:#1175ed;--line:#dce4e9;--paper:#fffdfa;--cream:#f7ecd9}
body{color:var(--ink);background:var(--cream)}
button,input,select,textarea{font-family:inherit}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #64aaf7;outline-offset:2px}
.app{display:block;min-height:100vh;background:#f7ecd9}
.app .sidebar{position:relative;inset:auto;width:100%;height:72px;padding:0 clamp(20px,2.5vw,42px);display:flex;flex-direction:row;align-items:center;gap:clamp(12px,2vw,28px);background:#fffdfa;color:var(--ink);border-bottom:1px solid #e6d9ca;box-shadow:0 3px 18px #65462612;z-index:10}
.app .brand{padding:0 25px 0 0;margin:0;white-space:nowrap;border-right:1px solid #e0e6eb;gap:10px}
.app .brand-mark,.login-card .brand-mark{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#66bfff,#0871ee);color:#fff;font-size:22px;box-shadow:inset 0 -4px 6px #065cb82d}
.app .brand strong{font-size:21px;letter-spacing:-.9px;color:#102642}
.app .brand strong span{color:#43bea0}
.app .brand small{color:#93a5b7;font-size:8px;letter-spacing:1.4px;margin-top:4px}
.app .side-label,.app .side-tip{display:none}
.app .sidebar nav{display:flex;align-items:center;gap:4px;min-width:0}
.app .nav-link{width:auto;flex:none;gap:9px;padding:10px 13px;border-radius:9px;color:#49617f;font-size:12px;white-space:nowrap}
.app .nav-link:hover{background:#eef5ff;color:#0a68d7}
.app .nav-link.active{background:#e7f2ff;color:#086dec}
.app .nav-icon{width:18px;font-size:17px}
.app .nav-count{margin-left:1px;background:#d2e8ff;color:#176dcc}
.app .sidebar-bottom{position:relative;margin:0 0 0 auto;flex:none}
.app .user-button{width:auto;min-width:130px;border:0;border-left:1px solid #e2e7ec;padding:0 0 0 18px;color:var(--ink)}
.app .user-button small{color:#7b8da4}
.app .avatar{background:#e6f3ff;color:#156dce;border-radius:50%}
.app .user-menu{left:auto;right:0;top:47px;bottom:auto;border:1px solid #dfe6eb}
.app .main{width:100%;margin:0;min-width:0}
.app.intake-mode .main{width:100%;margin:0}
.app.intake-mode .brand strong{font-size:21px;letter-spacing:-.9px}
.app.intake-mode .brand strong:before,.app.intake-mode .brand strong span:before{content:none}
.app.intake-mode .brand strong span{font-size:21px;color:#43bea0;margin:0}
.app.intake-mode .brand small{display:block}
.app .topbar{display:none}
.page{max-width:none;min-height:calc(100vh - 72px);padding:36px clamp(20px,2.5vw,42px) 60px;background:repeating-linear-gradient(90deg,#bd9b7650 0 1px,transparent 1px 92px),radial-gradient(circle at 52% 0,#fff9ee 0,#f7ecd9 57%,#ecd5ba 100%);background-blend-mode:normal;}
.page>.heading-row{margin-bottom:28px;align-items:flex-start}
.eyebrow{color:#086fed;letter-spacing:2.1px;font-size:10px;margin-bottom:9px}
.heading-row h1{font-size:clamp(32px,3.3vw,50px);line-height:1.08;letter-spacing:-2.1px;color:#102744}
.period{color:#43c8a5}
.page-lead{font-size:14px;line-height:1.5;color:#476386;margin-top:12px}
.button{min-height:42px;border-radius:9px;font-size:12px}
.button.primary{background:linear-gradient(180deg,#2487ff,#0c70ef);color:#fff;box-shadow:0 8px 18px #1478ef2a}
.button.primary:hover{background:#066bdf;color:#fff}
.button.secondary{border:1px solid #bdcfe5;background:#fff;color:#174679}
.button.secondary:hover{background:#ecf5ff}
.button.text-button{color:#60758a}
.content-card,.stat-card,.summary-card,.region-card,.modal,.login-card{background:#fffdfa;border:1px solid #ecdfd0;box-shadow:0 10px 30px #815d3320}
.content-card{border-radius:17px}
.stat-card{border-radius:15px;min-height:140px;padding:20px 22px}
.stat-card span{color:#60758a;font-size:12px}
.stat-card strong{color:#102744;font-size:32px}
.stat-card small{color:#8497a5}
.stat-card .stat-icon{border-radius:10px;width:36px;height:36px;font-size:19px}
.stat-icon.blue{background:#e5f2ff;color:#0d73ee}.stat-icon.green{background:#e7f8e9;color:#2a9d52}.stat-icon.amber{background:#fff2db;color:#bd7e16}.stat-icon.purple{background:#f0eaff;color:#8158c7}
.content-head{padding:23px 25px 18px}.content-head h2{font-size:19px;color:var(--ink)}.content-head p{font-size:12px;color:#71869a}
.head-actions{flex-wrap:wrap;justify-content:flex-end}
.segmented{background:#f2f6fa;border-color:#dae5ef}.segmented button.selected{color:#086fed}
.quick-tabs{padding:0 22px;border-color:#e7e5df}.quick-tabs button{font-size:11px;color:#72869b}.quick-tabs button.selected{color:#086fed;border-bottom-color:#147cff}
.filters{gap:9px;border-color:#e8e9e8}.filters select,.filters input,#group-by,.advanced-filters input,.advanced-filters select{border-color:#d6e1e9;background:#fff;color:#284363;border-radius:8px}
.advanced-toggle button,.table-link{color:#086fed}.advanced-filters{background:#f8fbff}
.bulk-bar{background:#e8f3ff;color:#1768b4}.bulk-bar button{border-color:#a9cdef;color:#1768b4}
.warehouse-empty{position:relative;padding:85px 20px 95px;background:linear-gradient(#fffcf7d9,#fffcf7e8),url('/assets/images/warehouse.webp') center 56%/cover no-repeat}
.warehouse-empty h3{color:var(--ink)}.warehouse-empty p{color:#5b718b}
.empty-illustration:before,.empty-illustration:after{background:#e3b078;border-color:#986335}
.shelf-item{background:#fff9ef;border-color:#e1c7a8;border-bottom-color:#bc8450;box-shadow:0 7px 0 #dfc5a6}.shelf-item:hover{border-color:#1479eb}
.group-title{color:#536984}.data-table th{background:#f9f5ed;color:#5f7390}.data-table td{color:#49627c}.data-table tr:hover td{background:#f2f8ff}
.list-row{border-color:#efe7df;min-height:70px}.list-row small{color:#7d8ea3}.list-row button{border-color:#c7d8e9;color:#1d558d}.list-row button:hover{background:#eaf4ff}
.pagination{color:#73879a}
.modal-backdrop{background:#132947a6;backdrop-filter:blur(4px)}.modal{border-radius:17px}.modal-header{border-color:#ebe4db}.modal-header h2{color:var(--ink)}.modal label{color:#3b526e}.modal input,.modal select,.modal textarea{border-color:#cedce8;color:var(--ink)}.modal-body{color:#344c68}.detail{border-color:#e0e7ed;background:#fafcff}.permission-list label{border-color:#dae4ec}.permission-list input{accent-color:#147cff}.icon-button{background:#edf4fc;color:#1e5a99}
.toast{top:85px;background:#173a62}
.login-screen{min-height:100vh;background:linear-gradient(110deg,#f5e4cbb8,#fff8edc9),url('/assets/images/warehouse.webp') center/cover no-repeat}
.login-card{border-radius:20px;width:min(430px,100%);padding:38px}.login-card h1{font-size:30px;color:var(--ink)}.login-card label{color:#3e5871}.login-card input{border-color:#d1dee9}.muted{color:#61758b;font-size:13px}.copy-box{background:#eef6ff;border-color:#bddbff}.guard-code,.key-secret{color:#126edf}

/* Single account intake: the form and conveyor share one grid cell, without negative offsets. */
#page-intake .heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,430px);gap:20px;align-items:start;margin-bottom:14px}
#page-intake .heading-row>div:first-child .eyebrow,#page-intake .heading-row .page-lead{display:none}
#page-intake .heading-row h1{font-size:clamp(29px,2.65vw,38px);letter-spacing:-1.4px;margin-top:8px}
#page-intake .intake-heading-controls{display:grid;gap:7px;min-width:0}
#page-intake .motion-toggle{justify-self:end}
#page-intake .intake-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}
#page-intake .intake-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;min-width:0}
#page-intake .drop-zone{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:56px;margin:0;padding:8px 12px;background:#fffdfd;border-color:#2383ff;border-radius:13px;box-shadow:0 5px 0 #b7d9fc}
#page-intake .drop-zone .upload-icon{display:inline-flex;width:auto;height:auto;margin:0;background:transparent;color:#0875f1;font-size:25px;vertical-align:middle}
#page-intake .drop-zone h2{display:inline;font-size:15px;color:#076de7}
#page-intake .drop-zone h2:before{content:none}
#page-intake .drop-zone p{color:#4f6583;font-size:11px;margin:0}
#page-intake .drop-zone p span{color:#1fa989}
#page-intake .drop-zone small{display:none}
#page-intake.multi-mode .heading-row .motion-toggle{padding:0}
#page-intake .conveyor-card{grid-row:1;grid-column:1;align-self:stretch;margin:0;background:#fff9f0;border:0;border-radius:15px;box-shadow:0 14px 32px #674a2a25;overflow:hidden}
#page-intake .conveyor-head{height:66px;padding:15px 24px;background:#fff8eddd}
#page-intake .conveyor-head h2{font-size:15px;color:var(--ink)}
#page-intake .progress-badge{background:#e7f8f0;color:#199874}
#page-intake .conveyor-scene{height:clamp(520px,48vw,690px);aspect-ratio:auto;background-position:center bottom;background-size:cover}
#page-intake .queue{min-height:74px;background:#fff9f4;align-items:center}
#page-intake .queue:empty{display:none}
#page-intake .queue select{height:42px;min-width:165px;background:#fff;border:1px solid #c8d4e2;border-radius:8px;color:var(--ink);padding:8px}
#page-intake .queue-item{border-color:#d7e2eb;background:#fff}.queue-item.active{border-color:#147cff;background:#e7f2ff}
#page-intake .intake-form-card{grid-row:1;grid-column:1;justify-self:center;align-self:start;z-index:2;width:min(530px,calc(100% - 40px));margin:78px 0 0!important;padding:24px;border:0;border-radius:19px;background:#fff;box-shadow:0 22px 55px #4b372a38}
#page-intake .form-head{gap:10px;margin-bottom:16px}.intake-form-card .form-head h2{font-size:22px;color:var(--ink);overflow-wrap:anywhere;line-height:1.14}
#page-intake .read-fields{grid-template-columns:1fr;gap:8px}
#page-intake .read-fields>div{background:#f7f9fc;border-color:#dbe5ee;padding:9px 11px}
#page-intake .read-fields span{color:#8296a6}#page-intake .read-fields b{color:var(--ink);font-size:12px}
#page-intake .intake-form-card label{color:#405a70}
#page-intake .intake-form-card input,#page-intake .intake-form-card textarea{border-color:#d3e0e9;color:var(--ink);font-size:12px}
#page-intake .intake-form-card textarea{resize:vertical}
#page-intake .form-footer{border-top:1px solid #edf0f1;padding-top:14px}
#page-intake .intake-side{display:grid;gap:18px}
#page-intake .summary-card,#page-intake .region-card{margin:0;padding:20px;border-radius:16px;background:#fff}
#page-intake .summary-line{color:#647c8c}.summary-line b{color:var(--ink)}
#page-intake .region-card input{min-width:0;flex:0 1 65px}
#page-intake .region-card button{min-width:0;padding-inline:8px}
#page-intake .belt-box{bottom:17%}
#page-intake .warehouse-cat{left:2%;top:31%;width:23%}

/* Batch intake uses the same materials, spacing and type scale. */
#page-intake .multi-toolbar{border:1px solid #eadbc8;border-radius:16px;padding:12px 18px;background:#fffdfa;box-shadow:0 8px 26px #815d331c}
.multi-toolbar-copy{display:none}
.multi-kicker{color:#086fed}.multi-toolbar-copy h2{font-size:23px}.multi-toolbar-copy p{font-size:12px}
.multi-tools{width:100%;justify-content:space-between;flex-wrap:wrap}.multi-tools label{color:#476082}.multi-region-controls input{border-color:#cbdbe8;color:var(--ink)}
#multi-upload{order:-1}
.multi-warehouse{height:245px;margin-top:14px;border-radius:15px 15px 0 0;border-color:#d7b48d;background-position:center 57%}
#page-intake .multi-warehouse .warehouse-cat{width:130px;left:16px;bottom:59px;top:auto}
.multi-cards{gap:14px;padding:16px 0 20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.multi-card{border-color:#ebdcc8;border-radius:15px;box-shadow:0 8px 22px #815d331b;padding:18px;min-height:390px}
.multi-card-head h3{font-size:18px}.multi-card-head small{color:#0d71e6}
.multi-field{font-size:11px;color:#466080}.multi-field input,.multi-read{border-color:#d4e0e8;font-size:11px}.multi-read{background:#f7f9fc}
.multi-file-status{color:#25629c}.multi-comment{color:#4a6687}
.multi-footer{position:static;border-color:#eadbc8;border-radius:15px;background:#fffdfa}.multi-progress{color:var(--ink)}.multi-progress small{color:#74889c}

@media(max-width:1160px){
 .app .sidebar{gap:10px}.app .brand{padding-right:13px}.app .brand small{display:none}.app .nav-link{padding:9px 10px}.app .nav-icon{display:none}
 .app.intake-mode .brand small{display:none}
 #page-intake .intake-grid{grid-template-columns:minmax(0,1fr) 225px}
}
@media(max-width:900px){
 .app .sidebar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 18px;gap:8px 14px}
 .app .brand{border:0}.app .sidebar nav{order:3;width:100%;overflow-x:auto;scrollbar-width:thin}
 .app .nav-link{font-size:12px}.app .nav-icon{display:inline}
 .app .sidebar-bottom{margin-left:auto}.app .user-button{min-width:auto}
 .page{min-height:calc(100vh - 110px);padding:26px 18px 40px}
 #page-intake .intake-grid{grid-template-columns:1fr}
 #page-intake .heading-row{grid-template-columns:minmax(0,1fr) minmax(260px,350px)}
 #page-intake .intake-side{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-intake .conveyor-scene{height:clamp(460px,65vw,640px)}
 .head-actions{justify-content:flex-start}.stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .app .sidebar{padding:9px 13px;gap:6px}.app .brand-mark{width:30px;height:30px;font-size:18px}.app .brand strong{font-size:17px}.app .nav-link{font-size:11px;padding:8px 9px}.app .user-button{padding-left:8px}.app .user-button small{display:none}
 .app.intake-mode .brand strong,.app.intake-mode .brand strong span{font-size:17px}
 .page{padding:23px 14px 35px;background-size:72px auto,auto}
 .page>.heading-row{gap:13px;align-items:flex-start;flex-direction:column;margin-bottom:20px}
 .heading-row h1{font-size:clamp(29px,8vw,38px);letter-spacing:-1.4px}.page-lead{font-size:13px;margin-top:7px}
 .page>.heading-row>.button{width:100%}
 .stats{gap:9px}.stat-card{padding:15px;min-height:128px}.stat-card strong{font-size:27px}
 .content-head{padding:18px;flex-direction:column;align-items:stretch}.head-actions{width:100%;justify-content:flex-start}.filters{padding:14px;flex-wrap:wrap}.filters .search-wrap{flex-basis:100%}.filters select{flex:1;max-width:none;min-width:135px}
 .quick-tabs{padding:0 10px}.quick-tabs button{padding:12px 8px}.shelf-groups{padding:15px}
 #page-intake .heading-row{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-bottom:12px}#page-intake .heading-row h1{font-size:29px;margin:0}#page-intake .intake-title-tail{display:none}#page-intake .intake-heading-controls{width:100%;gap:5px}#page-intake .motion-toggle{padding:0;font-size:10px}
 #page-intake .intake-main{display:flex;flex-direction:column;gap:13px}
 #page-intake .drop-zone{width:100%;min-height:54px;padding:8px 10px}
 #page-intake .drop-zone h2{font-size:14px}#page-intake .drop-zone p{display:none}
 #page-intake .queue{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:14px}
 #page-intake .queue-intro{grid-column:1/-1;display:flex;align-items:baseline;gap:8px}
 #page-intake .queue-intro b{font-size:13px}#page-intake .queue-intro small{font-size:10px;color:#6b8095}
 #page-intake .queue select,#page-intake .queue-item{min-width:0;width:100%;max-width:none}
 #page-intake .intake-form-card{order:1;width:100%;margin:0!important;padding:19px;align-self:auto}
 #page-intake .conveyor-card{order:2;width:100%}
 #page-intake .conveyor-scene{height:310px;background-size:cover}
 #page-intake .warehouse-cat{top:25%;width:30%}
 #page-intake .belt-box{width:100px;height:75px;left:calc(50% - 50px);bottom:17%}
 #page-intake .box-body{height:60px}.box-flap{width:55px;height:22px}
 #page-intake .intake-side{grid-template-columns:1fr;gap:12px}
 #page-intake .form-grid{grid-template-columns:1fr}
 #page-intake .summary-card,#page-intake .region-card{padding:17px}
 .multi-toolbar{flex-direction:column;align-items:stretch}.multi-tools{align-items:stretch;flex-direction:column;width:100%}.multi-tools label{width:100%}.multi-region-controls input{flex:1}.multi-tools>.button{width:100%}
 .multi-cards{grid-template-columns:1fr}.multi-card{min-height:350px}.multi-warehouse{height:185px}#page-intake .multi-warehouse .warehouse-cat{width:90px;left:8px;bottom:56px}
 .multi-footer{position:static;align-items:stretch;flex-direction:column}.multi-footer .button{width:100%}
 .modal-backdrop{padding:8px}.modal{max-height:96vh}.modal-grid,.permission-list{grid-template-columns:1fr}
 .list-row{align-items:flex-start;flex-direction:column}.list-row-actions{flex-wrap:wrap}
}

/* The desktop intake scene starts directly below the navigation, as in the concept. */
@media(min-width:1250px){
 #page-intake:not(.multi-mode){position:relative;min-height:max(790px,calc(100vh - 72px));padding:0;overflow:hidden;background:#f4dfc3}
 #page-intake:not(.multi-mode)>.heading-row{position:absolute;z-index:5;top:32px;left:4.7%;right:2.1%;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;margin:0}
 #page-intake:not(.multi-mode)>.heading-row>div:first-child{max-width:440px}
 #page-intake:not(.multi-mode)>.heading-row h1{font-size:clamp(36px,3vw,44px);line-height:1.06;letter-spacing:-1.9px;margin:10px 0 0}
 #page-intake:not(.multi-mode)>.heading-row .page-lead{display:block;color:#405a79;font-size:16px;margin-top:10px}
 #page-intake:not(.multi-mode) .intake-heading-controls{position:relative;display:block}
 #page-intake:not(.multi-mode) .motion-toggle{position:absolute;right:3px;top:87px;color:#3d5877}
 #page-intake:not(.multi-mode) .drop-zone{min-height:78px;border-width:2px;border-radius:14px;background:#fffdfdf7;box-shadow:0 5px 0 #b7d9fc}
 #page-intake:not(.multi-mode) .drop-zone h2{font-size:18px}
 #page-intake:not(.multi-mode) .drop-zone p{display:none}
 #page-intake:not(.multi-mode) .intake-grid{position:relative;display:block;min-height:max(790px,calc(100vh - 72px));padding:0}
 #page-intake:not(.multi-mode) .intake-main{display:block}
 #page-intake:not(.multi-mode) #conveyor-card{display:contents}
 #page-intake:not(.multi-mode) .conveyor-scene{position:absolute;inset:0;z-index:0;width:100%;height:100%;background-position:center center;background-size:cover}
 #page-intake:not(.multi-mode) .conveyor-head{position:absolute;z-index:4;top:149px;left:4.7%;width:440px;height:auto;padding:0;background:none;display:block}
 #page-intake:not(.multi-mode) .conveyor-head .eyebrow,#page-intake:not(.multi-mode) .progress-badge{display:none}
 #page-intake:not(.multi-mode) .conveyor-head h2{font-size:17px;line-height:1.35;color:#102744}
 #page-intake:not(.multi-mode) .intake-form-card{position:absolute;z-index:6;top:32px;left:calc(50% + 15px);width:min(440px,calc(100% - 40px));margin:0!important;transform:translateX(-50%);padding:25px 25px 23px;border-radius:19px;box-shadow:0 16px 48px #55402e37}
 #page-intake:not(.multi-mode) .intake-form-card .form-head h2{font-size:24px}
 #page-intake:not(.multi-mode) .intake-side{display:none}
 #page-intake:not(.multi-mode) .warehouse-cat{left:-3%;top:26%;width:24%;max-width:310px}
 #page-intake:not(.multi-mode) .belt-box{width:245px;height:170px;left:calc(50% - 122px);bottom:17%;z-index:3}
 #page-intake:not(.multi-mode) .box-body{height:132px}
 #page-intake:not(.multi-mode) .box-flap{width:125px;height:43px}
 #page-intake:not(.multi-mode) .box-label{max-width:170px;top:57px;left:25px;font-size:15px}
 #page-intake:not(.multi-mode) .queue{position:absolute;z-index:5;left:2.4%;right:2.4%;bottom:22px;display:flex;align-items:center;gap:12px;min-height:105px;padding:16px 20px;overflow-x:auto;background:#fffdfaf6;border-radius:18px;box-shadow:0 12px 32px #5a40232e}
 #page-intake:not(.multi-mode) .queue:empty{display:none}
 #page-intake:not(.multi-mode) .queue-intro{flex:0 0 185px;display:grid;gap:5px;color:#102744}
 #page-intake:not(.multi-mode) .queue-intro b{font-size:17px}
 #page-intake:not(.multi-mode) .queue-intro small{font-size:12px;color:#647c98}
 #page-intake:not(.multi-mode) .queue select{min-width:165px;height:48px}
 #page-intake:not(.multi-mode) .queue-item{min-width:145px;max-width:180px;min-height:48px;padding:10px 12px}
 #page-intake:not(.multi-mode) .queue-item b{font-size:12px}
 #page-intake:not(.multi-mode) .queue-item small{font-size:10px}
}

/* Intake stages and readable surfaces over the warehouse illustration. */
#page-intake .intake-stage-progress{display:flex;align-items:center;gap:13px;margin-top:17px;color:#102744}
#page-intake .intake-stage-progress:empty{display:none}
#page-intake .intake-stage-progress strong{font-size:14px;white-space:nowrap}
#page-intake .stage-bars{display:flex;align-items:center;gap:5px;width:min(210px,100%);height:14px}
#page-intake .stage-bars span{flex:1;height:11px;border-radius:8px;background:#dbe0e5}
#page-intake .stage-bars span.saved{background:#39a956}
#page-intake .stage-bars span.active{background:linear-gradient(90deg,#1c7cff 50%,#dbe8f7 50%)}
#page-intake .queue-item{display:flex;align-items:center;gap:10px;min-height:65px;min-width:154px;max-width:none;padding:10px 12px;opacity:1;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}
#page-intake .queue-item:hover{transform:translateY(-2px)}
#page-intake .queue-item.saved{background:#eff9f0;border-color:#d9ecdc}
#page-intake .queue-item.active{background:#eaf3ff;border:2px solid #1678f5;color:#075cc9}
#page-intake .queue-item.waiting{background:#f5f6f8;border-color:#e5e8ed;color:#536078}
#page-intake .queue-item.problem{background:#fff5ec;border-color:#f1d5bf;color:#a3502e}
#page-intake .queue-stage-icon{flex:none;width:31px;height:31px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:21px;font-weight:900;line-height:1;color:#8996a8;background:#fff}
#page-intake .queue-stage-icon.saved{color:#fff;background:#33a457;border-color:#33a457;font-size:19px}
#page-intake .queue-stage-icon.active{color:#177cf8;border-color:#91beff;font-size:27px}
#page-intake .queue-stage-icon.problem{color:#b96238;border-color:#e8b99d}
#page-intake .queue-stage-copy{display:grid;gap:1px;min-width:0}
#page-intake .queue-stage-copy b{font-size:16px;line-height:1.1;color:#152a49;overflow:visible}
#page-intake .queue-stage-copy small{font-size:11px;line-height:1.2;font-weight:800;color:#738099;white-space:nowrap}
#page-intake .queue-item.saved .queue-stage-copy small{color:#279047}
#page-intake .queue-item.active .queue-stage-copy small{color:#0a70ed}
#page-intake .queue-item.problem .queue-stage-copy small{color:#ac5b31}
#page-intake .queue-steam{display:grid;place-items:center;flex:none;width:17px;height:17px;margin-left:auto;align-self:flex-start;border-radius:50%;background:#9aa7b9;color:#fff;font-size:10px;line-height:1;font-weight:900}
#page-intake .queue-item.active .queue-steam{background:#167cf8}
#page-intake .queue:not(.has-overflow) select{display:none}
#page-intake .multi-stage-strip{display:flex;align-items:stretch;gap:9px;overflow-x:auto;margin:-1px 0 0;padding:16px 18px;border:1px solid #eadbc8;border-radius:0 0 16px 16px;background:#fffdfa;box-shadow:0 9px 25px #815d3317;scrollbar-width:thin}
#page-intake .multi-stage-intro{display:grid;align-content:center;gap:5px;flex:0 0 160px;color:#102744}
#page-intake .multi-stage-intro b{font-size:15px}
#page-intake .multi-stage-intro small{font-size:11px;color:#657b95}
#page-intake .multi-stage-strip .queue-item{flex:0 0 164px}
#page-intake.multi-mode .heading-row>div:first-child{padding:14px 18px;border:1px solid #fff9;border-radius:16px;background:#fffaf2ea;box-shadow:0 8px 24px #704c2815}
#page-intake.multi-mode .heading-row .page-lead{display:block}
#page-intake.multi-mode .intake-stage-progress{margin-top:13px}
@media(min-width:1250px){
 #page-intake:not(.multi-mode)>.heading-row>div:first-child{max-width:470px;margin:-15px 0 0 -20px;padding:15px 20px 20px;border:1px solid #fff9;border-radius:16px;background:linear-gradient(105deg,#fffbf3f5,#fff7e9e0);box-shadow:0 9px 28px #74522e1a}
 #page-intake:not(.multi-mode)>.heading-row .eyebrow{display:block;color:#0878ef}
 #page-intake:not(.multi-mode) .intake-stage-progress{margin-top:23px}
 #page-intake:not(.multi-mode) .conveyor-head{display:none}
 #page-intake:not(.multi-mode) .motion-toggle{right:0;top:88px;padding:6px 9px;border-radius:7px;background:#fffdfaed;box-shadow:0 2px 8px #7f5c2a1a}
 #page-intake:not(.multi-mode) .queue{background:#fffdfa;box-shadow:0 14px 35px #513b2940}
 #page-intake:not(.multi-mode) .queue-item{flex:1 0 145px;min-height:70px;max-width:none}
 #page-intake:not(.multi-mode) .queue-item:only-of-type{flex:0 0 210px}
 #page-intake:not(.multi-mode) .queue-item b{font-size:16px}
 #page-intake:not(.multi-mode) .queue-item small{font-size:11px}
 #page-intake:not(.multi-mode) .queue.has-overflow .queue-item{flex:0 0 160px}
}
@media(max-width:650px){
 #page-intake .intake-stage-progress{margin-top:9px;gap:9px;flex-wrap:wrap}
 #page-intake .intake-stage-progress strong{font-size:12px}
 #page-intake .stage-bars{width:min(190px,100%)}
 #page-intake .queue:not(.has-overflow) .queue-item{grid-column:1/-1}
 #page-intake .queue-item{min-height:55px}
 #page-intake .multi-stage-strip{padding:12px;gap:7px}
 #page-intake .multi-stage-intro{flex-basis:118px}
 #page-intake .multi-stage-intro b{font-size:12px}
 #page-intake .multi-stage-intro small{font-size:9px}
 #page-intake .multi-stage-strip .queue-item{flex-basis:146px}
 #page-intake.multi-mode .heading-row>div:first-child{padding:12px}
}