/* One calm theme. Specificity deliberately wins over legacy presentation layers. */
body.horizon120.horizon118 :is(button,.btn,.small-btn,summary){text-shadow:none!important;box-shadow:none!important;filter:none!important}
body.horizon120.horizon118 :is(.btn,.small-btn,.icon-btn){border-radius:10px!important;background-image:none!important}
body.horizon120.horizon118 #appView :is(.btn,.small-btn,.icon-btn),body.horizon120.horizon118 dialog :is(.btn,.small-btn,.icon-btn){box-shadow:none!important;background-image:none!important;text-shadow:none!important;filter:none!important;border-radius:10px!important}
body.horizon120.horizon118 :is(.btn,.small-btn,.icon-btn)::before,body.horizon120.horizon118 :is(.btn,.small-btn,.icon-btn)::after{background-image:none!important;box-shadow:none!important}
body.horizon120.horizon118 #newOrderBtn{background:var(--green)!important;border:1px solid var(--green)!important;border-radius:10px!important}
body.horizon120.horizon118 #notificationBtn{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:10px!important}
body.horizon120.horizon118 .horizon-icon120{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;filter:none!important;display:block!important}
body.horizon120.horizon118 :is(#recentOrdersV70,#breadcrumbs105,#sideNav .horizon-nested120){display:none!important}
body.horizon120.horizon118 #appView #sideNav .horizon-nested120:not(.hidden):not([hidden]){display:none!important}
body.horizon120.horizon118 #appView #newOrderBtn::before,body.horizon120.horizon118 #appView #newOrderBtn::after,body.horizon120.horizon118 #notificationBtn::before,body.horizon120.horizon118 #notificationBtn::after{display:none!important}
body.horizon120.horizon118 #appView .topbar :is(#newOrderBtn,#notificationBtn,#calmTools92>summary){box-shadow:none!important;filter:none!important;border-radius:10px!important;background-image:none!important}
/* Matched header controls: quiet teal surfaces, rounded artwork and a readable badge. */
body.horizon120.horizon118 #appView .topbar :is(#notificationBtn,#calmTools92>summary){position:relative!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:1px solid #2d555822!important;border-radius:13px!important;background:#eff5f4!important;color:var(--green)!important;line-height:1!important;cursor:pointer;overflow:visible!important;transition:background-color .15s,border-color .15s,color .15s}
body.horizon120.horizon118 #appView #calmTools92>summary{display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;list-style:none!important}
body.horizon120.horizon118 #appView #calmTools92>summary::after{content:none!important;display:none!important}
body.horizon120.horizon118 #appView #calmTools92>summary::-webkit-details-marker{display:none!important}
body.horizon120.horizon118 #appView :is(#notificationBtn,#calmTools92>summary)>.horizon-icon120{width:23px!important;height:23px!important;flex:0 0 23px!important;margin:0!important;padding:0!important;stroke-width:1.8!important;pointer-events:none}
body.horizon120.horizon118 #appView #calmTools92>summary>.horizon-icon120{stroke-width:3.4!important}
body.horizon120.horizon118 #appView .topbar :is(#notificationBtn:hover,#calmTools92>summary:hover,#calmTools92[open]>summary){background:#e2eeeb!important;border-color:#2d555852!important}
body.horizon120.horizon118 #appView :is(#notificationBtn:focus-visible,#calmTools92>summary:focus-visible){outline:2px solid var(--green)!important;outline-offset:3px!important}
body.horizon120.horizon118 #appView #notificationCount{position:absolute!important;inset:auto!important;top:-5px!important;right:-5px!important;box-sizing:border-box!important;min-width:20px!important;height:20px!important;padding:0 4px!important;border:2px solid var(--card)!important;border-radius:999px!important;background:#e9bd55!important;color:#493a17!important;font-size:10px!important;font-weight:750!important;line-height:16px!important;white-space:nowrap!important;box-shadow:none!important;pointer-events:none}
body.horizon120.horizon118 #appView #notificationCount:not(.hidden):not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.horizon120.horizon118[data-theme=dark] #appView .topbar :is(#notificationBtn,#calmTools92>summary){background:#243e42!important;border-color:#b1d1d533!important;color:#c2dddd!important}
body.horizon120.horizon118[data-theme=dark] #appView .topbar :is(#notificationBtn:hover,#calmTools92>summary:hover,#calmTools92[open]>summary){background:#2e4c50!important;border-color:#b1d1d566!important}
body.horizon120.horizon118 #homeView #horizonSummary118{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.horizon120.horizon118 #homeView #horizonSummary118 [data-horizon-metric=delivered]{display:none!important}
body.horizon120.horizon118 .horizon-crumbs120{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:32px;margin:0 auto 12px;max-width:1560px;font-size:.78rem;color:var(--muted)}
.horizon-crumbs120 button{border:0;background:none;color:var(--green);font:inherit;cursor:pointer;padding:5px 1px;text-decoration:underline;text-underline-offset:4px}.horizon-crumbs120 [aria-current=page]{color:var(--ink);font-weight:650}.crumb-separator120{opacity:.55}
body.horizon120.horizon118 #sideNav{margin-bottom:8px!important;padding-bottom:10px!important}
body.horizon120.horizon118 .horizon-order-tabs120{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.horizon-order-tabs120 [aria-current=page]{background:var(--green2)!important;border-color:var(--green)!important}
body.horizon120.horizon118 #groupView>.detail-page-head{padding:10px 0!important;margin:0 0 8px!important;min-height:0!important;background:none!important;border:0!important}
body.horizon120.horizon118 #groupView .detail-page-title{gap:12px!important;align-items:center!important}
body.horizon120.horizon118 #groupView :is(h2,.detail-page-title h2){font-size:1.18rem!important;margin:0!important}
body.horizon120.horizon118 #groupView .orders-page-tools{padding:5px 0!important;margin:0!important;min-height:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;gap:4px!important}
body.horizon120.horizon118 #groupView .orders-page-tools :is(button,select){font-size:.75rem!important;min-height:34px!important;padding:6px 10px!important}
body.horizon120.horizon118 #groupView .next-view-tools110{padding:3px!important;gap:3px!important;margin-inline-start:auto!important;border-radius:10px!important}
body.horizon120.horizon118 #horizonFilters118{padding:10px 0!important;margin:0 0 12px!important;gap:8px!important}
body.horizon120.horizon118 #horizonFilters118 label{gap:3px!important;font-size:.68rem!important}
body.horizon120.horizon118 #horizonFilters118 :is(input,select,button){min-height:36px!important;height:36px!important;padding:6px 10px!important;font-size:.77rem!important}
/* Priority orders: identity, route, and reason are one compact row, not distant columns. */
body.horizon120.horizon118 #homeView #dashboardV46{grid-template-columns:minmax(0,1fr) minmax(300px,.44fr)!important;gap:18px!important}
body.horizon120.horizon118 #homeView #workPriority72{padding:16px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:16px!important;display:block!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .order-card-v2{width:100%!important;margin:0!important;min-height:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;display:block!important;background:none!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .order-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(140px,.7fr)!important;gap:8px 16px!important;padding:14px 4px!important;min-height:0!important;height:auto!important;align-items:center!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .card-title-block{grid-column:1!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;min-width:0!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .card-title-block>div{min-width:0!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .number{width:48px!important;min-width:48px!important;height:36px!important;min-height:36px!important;font-size:.8rem!important;background:var(--green2)!important;color:var(--ink)!important;border-radius:8px!important;display:grid!important;place-items:center!important;padding:4px!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .card-title-main{font-size:.95rem!important;line-height:1.5!important;margin:0!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .card-customer{font-size:.76rem!important;line-height:1.5!important;margin:0!important}
.horizon-route120{font-size:.68rem;color:var(--muted);display:block;line-height:1.5}
body.horizon120.horizon118 #homeView #personalWorkGrid72 :is(.home-card-meta84,.order-actions){display:none!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .priority-reasons72{grid-column:2!important;grid-row:1!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;margin:0!important;border:0!important;min-width:0!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .priority-reasons72>small{display:none!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .priority-reasons72>strong{width:auto!important;min-width:0!important;max-width:none!important;flex:1!important;padding:6px 9px!important;line-height:1.6!important;border-radius:8px!important;font-size:.74rem!important;white-space:normal!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .priority-open72{position:static!important;min-width:36px!important;width:36px!important;min-height:36px!important;padding:5px!important;flex:0 0 36px!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .horizon-material-action118{grid-column:2!important;justify-self:start;font-size:.7rem!important;min-height:32px!important;padding:4px 8px!important}
body.horizon120.horizon118 #homeView #personalWorkGrid72 .home-snooze-trigger100{inset-inline-end:3px!important;top:2px!important}
body.horizon120.horizon118 #horizonFocus118{gap:4px!important;margin:8px 0!important;padding:0 0 6px!important}
body.horizon120.horizon118 #horizonFocus118 button{font-size:.7rem!important;min-height:34px!important;padding:4px 9px!important}
/* Quote card is full width; text never forced into letter-width columns. */
body.horizon120.horizon118 #homeView #quotePriority72{padding:14px!important}
body.horizon120.horizon118 #homeView #quotePriority72 .dashboard-section-head{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
body.horizon120.horizon118 #homeView #quotePriority72 h2{font-size:1rem!important}
body.horizon120.horizon118 #homeView #quotePriority72 .priority-quotes-grid72{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.horizon120.horizon118 #homeView #quotePriority72 .quote-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:start!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;padding:12px 2px!important;gap:5px!important;grid-column:auto!important}
body.horizon120.horizon118 #homeView #quotePriority72 .quote-card>*{position:static!important;width:auto!important;max-width:100%!important;min-width:0!important;word-break:normal!important;overflow-wrap:break-word!important}
body.horizon120.horizon118 #homeView #quotePriority72 .quote-card-top{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important}
body.horizon120.horizon118 #homeView #quotePriority72 :is(.quote-state,.quote-number){white-space:nowrap!important;width:auto!important;min-width:max-content!important;font-size:.7rem!important;padding:3px 8px!important;border-radius:7px!important}
body.horizon120.horizon118 #homeView #quotePriority72 .quote-card-bottom{display:flex!important;flex-wrap:wrap!important;gap:6px 12px!important;font-size:.7rem!important}
/* Overview is a compact label/count list, without protruding icons. */
body.horizon120.horizon118 #homeOverview84{padding:14px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:16px!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:12px 0!important;padding:0!important;overflow:visible!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-kpi{display:flex!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;min-height:40px!important;padding:8px 10px!important;min-width:0!important;border-radius:9px!important;background:var(--paper)!important;border:1px solid var(--line)!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-kpi svg{display:none!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-kpi span{font-size:.75rem!important;white-space:normal!important}.horizon120 #homeOverview84 .dashboard-kpi strong{font-size:1rem!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-section{padding:0!important;border:0!important;background:none!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-section-title{font-size:.96rem!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-stages{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;overflow:visible!important;padding:8px 0!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-stage{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;min-height:42px!important;padding:7px 10px!important;gap:8px!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:9px!important;min-width:0!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-stage .stage-icon{width:24px!important;height:24px!important;background:none!important}.horizon120 #homeOverview84 .dashboard-stage .stage-icon svg{width:20px!important;height:20px!important}
body.horizon120.horizon118 #homeOverview84 .dashboard-stage span:nth-child(2){font-size:.76rem!important;line-height:1.5!important;font-weight:600!important}.horizon120 #homeOverview84 .dashboard-stage strong{font-size:.9rem!important}
/* Notification cards stay readable at small sizes and support sequential processing. */
body.horizon120.horizon118 #notificationPanel .alert{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:12px!important;margin:0 0 8px!important;min-height:0!important;border-radius:12px!important}
body.horizon120.horizon118 #notificationPanel .alert:is([hidden],.hidden){display:none!important}
body.horizon120.horizon118 #notificationPanel .alert strong{font-size:.87rem!important;line-height:1.5!important}
body.horizon120.horizon118 #notificationPanel .alert small{font-size:.74rem!important;line-height:1.5!important}
body.horizon120.horizon118 #notificationPanel .alert :is(.alert-actions,.swipe-alert-actions,.work-actions71){gap:6px!important;margin:0!important;padding:0!important;min-height:0!important;justify-content:flex-start!important}
body.horizon120.horizon118 #notificationPanel .alert :is(button,.badge){min-height:32px!important;padding:5px 8px!important;font-size:.7rem!important;line-height:1.5!important;width:auto!important;flex:0 1 auto!important}
body.horizon120.horizon118 #notificationPanel .floating-panel-head{padding:10px 0!important;margin-bottom:10px!important}
body.horizon120.horizon118 .notification-confirm120{padding:10px!important;border:1px solid var(--gold)!important;border-radius:9px!important;background:var(--gold2)!important;color:var(--ink)!important;display:grid;gap:8px}
.notification-confirm120 p{margin:0!important;font-size:.78rem}.notification-confirm120>div{display:flex;gap:7px;flex-wrap:wrap}
/* Soft, consistent icon tiles; SVG remains the original control's decorative child. */
body.horizon120.horizon118 #appView #calmTools92 .account-menu-icon111.horizon-icon120{width:34px!important;height:34px!important;min-width:34px!important;box-sizing:border-box!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;color:var(--green)!important;background:#2d555810!important;border:0!important;border-radius:10px!important;box-shadow:none!important;filter:none!important;padding:6px!important;margin:0!important;transform:none!important;pointer-events:none}
body.horizon120.horizon118[data-theme=dark] #appView #calmTools92 .account-menu-icon111.horizon-icon120{color:#c2dddd!important;background:#b1d1d512!important}
body.horizon120.horizon118 #appView #calmTools92 #barcodeSecondary120{grid-template-columns:26px minmax(0,1fr)!important;min-height:44px!important;padding:8px 12px!important;gap:10px!important;background:transparent!important;border:1px solid transparent!important;color:var(--ink)!important}
body.horizon120.horizon118 #appView #calmTools92 #barcodeSecondary120 .calm-tool-label92{white-space:nowrap!important;line-height:1.5!important}
body.horizon120.horizon118 #appView #calmTools92 #barcodeSecondary120:hover{background:var(--paper)!important;border-color:var(--line)!important}
body.horizon120.horizon118 #appView #calmTools92 #barcodeSecondary120:focus-visible{outline:2px solid var(--green)!important;outline-offset:-2px!important;background:var(--paper)!important}
body.horizon120.horizon118 #appView #calmTools92 :is(#barcodeSecondary120,.account-menu-row111){grid-template-columns:34px minmax(0,1fr) auto!important;gap:12px!important;min-height:48px!important;padding:6px 10px!important;font-weight:600!important}
body.horizon120.horizon118 #appView #calmTools92 .account-menu-row111>:is(.calm-tool-label92,span:not(.account-menu-icon111):not(.liquid-tool-count96)),body.horizon120.horizon118 #appView #calmTools92 #themeBtn:after{font-weight:600!important}
@media(max-width:760px), (max-width:960px) and (max-height:500px){body.horizon120.horizon118 #appView #calmTools92 #barcodeSecondary120{display:none!important}}
@media(min-width:761px){body.horizon120.horizon118 #appView #sideNav #navBarcode,body.horizon120.horizon118 #groupView :is(.barcode-open,[data-scan-barcode],#groupBarcodeBtn){display:none!important}}
@media(max-width:1000px){body.horizon120.horizon118 #homeView #dashboardV46{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){
 body.horizon120.horizon118 #barcodeSecondary120{display:none!important}
 body.horizon120.horizon118 #groupView .orders-page-tools :is(button,select){min-height:40px!important}
 body.horizon120.horizon118 #horizonFilters118 :is(input,select,button){min-height:42px!important;height:42px!important;font-size:16px!important}
 body.horizon120.horizon118 #homeView #workPriority72{padding:12px!important}
 body.horizon120.horizon118 #homeView #personalWorkGrid72 .order-head{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:12px 2px!important}
 body.horizon120.horizon118 #homeView #personalWorkGrid72 .priority-reasons72{grid-column:1!important;grid-row:auto!important;margin-inline-start:58px!important}
 body.horizon120.horizon118 #homeView #personalWorkGrid72 .horizon-material-action118{grid-column:1!important;margin-inline-start:58px!important}
 body.horizon120.horizon118 #notificationPanel .alert button{min-height:40px!important}
 body.horizon120.horizon118 #homeOverview84 .dashboard-stage{min-height:44px!important}
 body.horizon120.horizon118 .horizon-crumbs120{font-size:.73rem;gap:7px;line-height:1.6}
}
body.horizon120.horizon118 :is([hidden],.hidden){display:none!important}
.cnc-handoff120{padding:12px;border:1px solid var(--gold);background:var(--gold2);border-radius:12px;margin-bottom:14px}.cnc-handoff120 p{font-size:.8rem;margin:5px 0 10px}.cnc-handoff120>div{display:flex;gap:8px;flex-wrap:wrap}
body.horizon120 .staff-dialog120{width:min(900px,94vw)!important}.staff-tools120{display:flex;gap:8px;flex-wrap:wrap}.staff-tools120 input{flex:1;min-width:150px}.staff-list120{display:grid;gap:10px}.staff-card120{padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px}.staff-card120>div:first-child{display:grid;gap:4px}.staff-card120 small{color:var(--muted)}.staff-email120{direction:ltr;text-align:right;font-size:.8rem;overflow-wrap:anywhere}.staff-actions120{display:flex;gap:6px;flex-wrap:wrap}.staff-actions120 button{font-size:.75rem!important}.staff-form120{display:grid;gap:14px;max-width:580px;margin:auto}.staff-form120>label{display:grid;gap:6px}.staff-form120 input,.staff-form120 select,.staff-form120 textarea{width:100%;box-sizing:border-box}.staff-form120 .staff-confirm120{display:flex;align-items:center;gap:10px}.staff-confirm120 input{width:20px;min-height:20px}.staff-warning120{padding:12px;border:1px solid var(--gold);border-radius:10px;background:var(--gold2);font-size:.85rem}.staff-error120{color:var(--red);white-space:normal;overflow-wrap:anywhere}.staff-body120{max-height:72dvh!important;overflow:auto!important}#staffSettings120,#staffActivity120{margin-block:8px}
@media print{#horizonCrumbs120,.horizon-order-tabs120{display:none!important}}