/* R53 industrial workspace. Functional stock and save controls remain intact. */
@font-face{font-family:Anton;src:url('/fonts/Anton-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
.industrial-workspace{--ink:#111;--green:#65005d;--paper:#fff;--line:#e2dfe3;--soft:#f3f1f4;background:#fafafa;color:#18151a;font-family:Arial,Helvetica,system-ui,sans-serif;isolation:isolate}
#industrial-backdrop{position:fixed;top:85px;bottom:0;right:0;width:440px;z-index:-1;pointer-events:none;background-image:url('/assets/industrial-r53/ugarit-watermark.jpg');background-repeat:no-repeat;background-size:600px auto;background-position:left -100px top 50px;opacity:.15}
.industrial-workspace[data-industry-page=inventory] #industrial-backdrop{background-image:url('/assets/industrial-r53/ugarit-container.jpg');background-size:800px auto;background-position:left -40px bottom 70px;opacity:.07}
.industrial-workspace[data-industry-page=control] #industrial-backdrop{background-image:url('/assets/industrial-r53/dock-01.jpg');background-position:right -60px top 180px;background-size:520px auto;opacity:.065}
.industrial-workspace[data-industry-page=count] #industrial-backdrop{top:auto;bottom:40px;height:210px;background-image:url('/assets/industrial-r53/manifest-carton.jpg');background-position:center bottom -28px;background-size:480px auto;opacity:.065}
.industrial-workspace>header{position:relative;z-index:5;background:#fff;border-bottom:1px solid #111;padding:20px max(30px,calc((100vw - 1240px)/2));min-height:92px;gap:24px}
.industrial-workspace>header img{width:166px;height:auto}
.industrial-workspace .workspace-label{font-size:13px;letter-spacing:.3px;font-weight:700;text-transform:uppercase;padding-left:24px;border-left:1px solid #c7c2c9}
.industrial-workspace .workspace-label small{font-family:'Courier New',monospace;font-size:9px;letter-spacing:1.5px;font-weight:400;margin-top:7px;color:#68606c}
.industrial-workspace #utility summary{border:1px solid #cfc8d2;border-radius:0;min-width:43px;text-align:center}
.industrial-workspace #utility details>div{border-radius:0}
#industrial-hero{max-width:1240px;margin:24px auto 0;border:1px solid #242025;background:#fff;position:relative}
.industrial-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 21px;border-bottom:1px solid #b9b1bd;font:10px 'Courier New',monospace;letter-spacing:1.8px;color:#3e3544}
.industrial-topline>span:first-child{font-weight:700;color:#65005d}
.industrial-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:272px}
.industrial-hero-copy{padding:23px 30px 23px;position:relative}
.industrial-kicker{font:9px 'Courier New',monospace;letter-spacing:1.6px;margin:0 0 13px;color:#766c7d;text-transform:uppercase}
.industrial-display{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:68px;line-height:1;letter-spacing:.1px;margin:0;color:#080808;overflow-wrap:normal}
.industrial-display>span{display:block;transform:scaleX(1.5);transform-origin:left center}
.industrial-instruction{font:10px 'Courier New',monospace;letter-spacing:2px;color:#65005d;margin:16px 0 0;border-top:1px solid #111;padding-top:12px;max-width:420px}
.industrial-description{font-size:11px;color:#746a7b;line-height:1.6;margin:8px 0 0;max-width:430px}
.industrial-hero-media{min-width:0;display:flex;flex-direction:column;border-left:1px solid #b9b1bd;position:relative;overflow:hidden;background:#f7f6f7}
.industrial-photo-window{position:relative;flex:1;min-height:220px;overflow:hidden;background:#fff}
.industrial-photo-window>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom}
#industrial-hero[data-page=inventory] .industrial-photo-window>img{width:140%;object-position:left center}
#industrial-hero[data-page=control] .industrial-photo-window>img{object-position:center 68%}
#industrial-hero[data-page=count] .industrial-photo-window>img{height:auto;top:auto;bottom:-10px;object-fit:initial}
#industrial-hero[data-page=summary] .industrial-photo-window>img{object-position:center 47%;opacity:.8}
.industrial-photo-caption{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;font:8px 'Courier New',monospace;letter-spacing:1px;background:#fff;border-top:1px solid #b9b1bd;position:relative;z-index:1;color:#5c5064}
.industrial-workspace #nav:not([hidden]){max-width:1240px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:14px auto 26px;border:1px solid #151017;background:#fff}
.industrial-workspace #nav>button{justify-content:flex-start;text-align:left;gap:17px;border:0;border-right:1px solid #242025;border-radius:0;padding:15px 21px;color:#151017;background:#fff;min-height:78px;position:relative}
.industrial-workspace #nav>button:last-child{border-right:0}
.industrial-workspace #nav>button:hover{background:#f6f1f6}
.industrial-workspace #nav>button.active{background:#171218;color:#fff}
.industrial-nav-number{font:10px 'Courier New',monospace;color:#8e7792;align-self:flex-start;margin-top:4px}
.industrial-workspace #nav>button.active .industrial-nav-number{color:#ffd000}
.industrial-nav-label{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:22px;letter-spacing:.4px;line-height:1.15}
.industrial-nav-label>small{font:8px 'Courier New',monospace;letter-spacing:1px;color:#8b7a90;text-transform:uppercase;margin-top:7px}
.industrial-workspace #nav>button.active .industrial-nav-label>small{color:#d6c9d9}
.industrial-workspace #nav>button>img{margin-left:auto;opacity:.8;filter:none;width:21px;height:21px}
.industrial-workspace #nav>button.active>img{filter:brightness(0) invert(1)}
.industrial-workspace main{margin:0 auto 0;max-width:1240px;padding:0 0 60px;position:relative}
.industrial-workspace main>.heading{align-items:center;margin:0 0 17px;padding:0 0 14px;border-bottom:1px solid #d9d1de}
.industrial-workspace main>.heading h1{font-size:21px;font-weight:750;letter-spacing:-.6px;margin:0;color:#19111d}
.industrial-workspace main>.heading p{font-size:11px;line-height:1.6;color:#807088;margin-bottom:0}
.industrial-workspace button,.industrial-workspace .button,.industrial-workspace input,.industrial-workspace select,.industrial-workspace textarea{border-radius:3px}
.industrial-workspace button.primary,.industrial-workspace .primary{background:#65005d;border-color:#65005d;color:white}
.industrial-workspace button.primary:hover{background:#4d0048;border-color:#4d0048}
.industrial-workspace button.text{color:#65005d}
.industrial-workspace input[type=checkbox]{accent-color:#65005d}
.industrial-workspace .filters{margin:17px 0;gap:9px}
.industrial-workspace input:focus-visible,.industrial-workspace select:focus-visible,.industrial-workspace button:focus-visible,.industrial-workspace a:focus-visible{outline:3px solid #f2c400;outline-offset:3px}
.industrial-workspace .tablewrap{border:1px solid #ded5e3;border-radius:0;background:#fff}
.industrial-workspace .inventory-grid th{font:10px 'Courier New',monospace;color:#66526e;text-transform:uppercase;letter-spacing:.7px;background:#f7f4f8;border-bottom:1px solid #bcb0c3;padding:12px 14px}
.industrial-workspace .inventory-grid td{padding:12px 14px;font-size:12px;border-bottom:1px solid #ebe5ee}
.industrial-workspace .name-cell .text{font-size:12px;color:#29132f;font-weight:600}
.industrial-workspace .name-cell small{font:9px 'Courier New',monospace;color:#95829d;margin-top:5px}
.industrial-workspace .badge{border-radius:2px;font:9px 'Courier New',monospace;background:#f1e9f4;color:#785a85;letter-spacing:.2px}
.industrial-workspace .badge.matched{background:#eaf4ed;color:#366b43}.industrial-workspace .badge.warning{background:#fff1dc;color:#98611c}
.industrial-workspace .cards{gap:13px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}
.industrial-workspace .card{border:1px solid #cabdd0;border-top:4px solid #65005d;border-radius:0;padding:23px;text-align:left;background:#fff;box-shadow:none;gap:12px}
.industrial-workspace .card:before{content:'PHYSICAL COUNT / AJMAN';font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#9b81a6}
.industrial-workspace .card strong{font-size:20px;letter-spacing:-.5px;color:#211326}
.industrial-workspace .card span{font-size:12px}.industrial-workspace .card small{font:9px 'Courier New',monospace;color:#9a859f;padding-top:11px}
.industrial-workspace .stock-summary>.sum-eyebrow,.industrial-workspace .stock-summary>.sum-heading>div:first-child{display:none}
.industrial-workspace .sum-heading{justify-content:flex-end;margin:0 0 16px}
.industrial-workspace .sum-meta{background:#fff;padding:15px 16px;margin-bottom:18px;border:1px solid #dbd0e2}
.industrial-workspace .sum-meta span,.industrial-workspace .sum-stat>span{font-family:'Courier New',monospace;letter-spacing:1px}
.industrial-workspace .sum-stats{gap:10px;margin-bottom:18px}
.industrial-workspace .sum-stat{border-radius:0;padding:17px 20px;border-color:#d8cadd;background:white}
.industrial-workspace .sum-stat.sum-featured{background:#65005d;border-color:#65005d}
.industrial-workspace .sum-stat>strong{font-family:Anton,Impact,sans-serif;font-size:44px;letter-spacing:.3px;font-weight:400}
.industrial-workspace .sum-filters{margin-bottom:22px}
.industrial-workspace .sum-table,.industrial-workspace .sum-bottom aside,.industrial-workspace .sum-actions button{border-radius:0}
.industrial-workspace .sum-bottom aside{border:1px solid #d8cadd;background:#f4eff6}
.industrial-workspace .compare-tools,.industrial-workspace .steps>div,.industrial-workspace .view-switch{border-radius:3px;background:#f6f2f8;border-color:#e4d8e9}
.industrial-workspace .steps small{color:#65005d}
.industrial-workspace .view-switch button.active{color:#65005d;background:white}
.industrial-workspace.ugarit-stocktake>header{max-width:none}
.industrial-workspace.ugarit-stocktake #industrial-hero{margin-bottom:24px}
.industrial-workspace.ugarit-stocktake main{padding-top:0}
.industrial-workspace.ugarit-stocktake .panel,.industrial-workspace.ugarit-stocktake .compact-count{border-radius:4px!important;border-color:#e3d9e8!important;background:#fff;box-shadow:none!important}
.industrial-workspace.ugarit-stocktake .compact-count[open]{border-color:#a576ad!important}
.industrial-workspace.ugarit-stocktake .savebar{background:#fff;border-top:1px solid #d6c5df}
.industrial-workspace.ugarit-stocktake .brand-context{font-size:13px;color:#3f2546}
.industrial-workspace.ugarit-stocktake .industrial-display{font-weight:400;color:#080808}
.industrial-workspace.ugarit-stocktake .ub-scan-button,.industrial-workspace.ugarit-stocktake .ub-add-button{background:#65005d!important;border-color:#65005d!important;color:white!important}
.industrial-workspace.ugarit-stocktake input[type=checkbox]{accent-color:#65005d!important}
.industrial-workspace.ugarit-stocktake .topbar>span:last-child:not(.brand){font:9px 'Courier New',monospace;letter-spacing:1.2px;color:#8d7697}
.industrial-workspace .progress-label{color:#65005d}.industrial-workspace progress{accent-color:#65005d}
@media(min-width:701px) and (max-width:1300px){#industrial-hero,.industrial-workspace #nav:not([hidden]),.industrial-workspace main{margin-left:26px;margin-right:26px}.industrial-display{font-size:60px}.industrial-display>span{transform:scaleX(1.28)}.industrial-hero-copy{padding:23px}.industrial-topline{padding:11px 18px}}
@media(min-width:701px) and (max-width:900px){.industrial-display{font-size:48px}.industrial-display>span{transform:scaleX(1.1)}.industrial-hero-copy{padding:20px}.industrial-workspace #nav>button{padding:14px;gap:10px}.industrial-nav-label{font-size:18px}}
@media screen and (max-width:700px){
 .industrial-workspace>header{padding:14px 16px;min-height:74px;gap:13px}.industrial-workspace>header img{width:112px}.industrial-workspace .workspace-label{font-size:9px;padding-left:13px;letter-spacing:.3px}.industrial-workspace .workspace-label small{font-size:7px;letter-spacing:.7px;margin-top:5px}
 #industrial-backdrop{width:280px;background-size:480px auto;background-position:left -90px top 70px;opacity:.07}
 #industrial-hero{margin:16px 14px 18px;border-color:#242025}
 .industrial-topline{font-size:7px;padding:9px 11px;letter-spacing:.8px}.industrial-topline>span:nth-child(2){font-size:6px;letter-spacing:.5px}
 .industrial-hero-grid{grid-template-columns:1fr;min-height:0}.industrial-hero-copy{padding:15px 17px 14px}.industrial-kicker{font-size:7px;letter-spacing:1px;margin-bottom:9px}.industrial-display{font-size:41px;line-height:1.03;letter-spacing:0}.industrial-display>span{display:inline;transform:none}.industrial-display>span+span:before{content:' ';white-space:pre}
 #industrial-hero[data-page=count] .industrial-display{font-size:35px;letter-spacing:0}#industrial-hero[data-page=count] .industrial-display>span{display:block}#industrial-hero[data-page=count] .industrial-display>span+span:before{content:none}
 .industrial-instruction{font-size:7px;letter-spacing:1.4px;margin-top:11px;padding-top:9px}.industrial-description{font-size:10px;line-height:1.5;margin-top:7px;max-width:100%}
 .industrial-hero-media{border-left:0;border-top:1px solid #b9b1bd}.industrial-photo-window{min-height:94px;flex:none;height:94px}.industrial-photo-caption{font-size:6px;padding:8px 10px;letter-spacing:.5px}
 #industrial-hero[data-page=inventory] .industrial-photo-window>img{width:130%;object-position:left center}#industrial-hero[data-page=control] .industrial-photo-window>img{object-position:center 58%}#industrial-hero[data-page=count] .industrial-photo-window>img{height:auto;bottom:-26px;object-fit:initial}#industrial-hero[data-page=summary] .industrial-photo-window>img{object-position:center 35%;opacity:.75}
 .industrial-workspace #nav:not([hidden]){position:fixed;bottom:0;left:0;right:0;z-index:25;margin:0;max-width:none;border:0;border-top:1px solid #171218;padding:0 0 env(safe-area-inset-bottom);background:white;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
 .industrial-workspace #nav>button{padding:11px 8px;min-height:62px;gap:7px;border-right:1px solid #e1d5e8;justify-content:center}
 .industrial-nav-label{font-family:Arial,system-ui,sans-serif;font-size:10px;letter-spacing:0;font-weight:700;text-transform:none;white-space:nowrap}.industrial-nav-label>small{display:none}.industrial-nav-number{font-size:7px;margin-top:2px;align-self:center}.industrial-workspace #nav>button>img{display:none}.industrial-workspace #nav>button.active{background:#19131c;color:#fff}
 .industrial-workspace main{margin:0 14px;padding:0 0 100px;max-width:none}.industrial-workspace main>.heading{align-items:flex-start;margin-bottom:13px;padding-bottom:13px;flex-direction:row;gap:10px}.industrial-workspace main>.heading h1{font-size:18px}.industrial-workspace main>.heading p{font-size:10px;margin-top:6px}.industrial-workspace main>.heading>.primary{font-size:10px;padding:10px 11px;min-height:39px;white-space:nowrap;flex:none}
 .industrial-workspace .filters{gap:8px;margin:14px 0}.industrial-workspace #search{background:#fff;border:1px solid #e0d6e5;font-size:16px;min-height:44px}.industrial-workspace .filters select{font-size:11px;padding:10px;background:white;min-height:42px;border-color:#dfd4e5}
 .industrial-workspace .inventory-grid{border:0;background:transparent}.industrial-workspace .inventory-grid tbody>tr{border-radius:3px;border-color:#e0d5e6;padding:12px 11px;background:#fff;margin-bottom:8px}.industrial-workspace .inventory-grid.selectable tbody>tr{padding-left:44px}.industrial-workspace .inventory-grid td{padding:0;border:0;font-size:12px}.industrial-workspace .name-cell .text{font-size:12px;line-height:1.4}.industrial-workspace .name-cell small{font-size:8px;margin-top:4px}.industrial-workspace .inventory-grid .brand-cell{font-size:9px}.industrial-workspace .inventory-grid .metric{padding:6px 8px;font-size:16px;background:#f6f1f8;border-radius:2px}.industrial-workspace .inventory-grid .metric:before{font-size:8px}.industrial-workspace .inventory-grid th.select-heading{border:0;background:transparent;padding:0 0 11px}.industrial-workspace .pager{font-size:10px}
 .industrial-workspace .cards{grid-template-columns:1fr;gap:10px}.industrial-workspace .card{padding:18px;gap:9px}.industrial-workspace .card strong{font-size:19px}.industrial-workspace .card:before{font-size:7px}.industrial-workspace .card small{font-size:8px}
 .industrial-workspace .sum-actions{margin-top:0;gap:8px;width:100%}.industrial-workspace .sum-actions button{min-height:41px;font-size:10px}.industrial-workspace .sum-heading{margin-bottom:14px}.industrial-workspace .sum-meta{padding:12px;margin-bottom:14px;gap:13px 10px}.industrial-workspace .sum-meta strong{font-size:9px}.industrial-workspace .sum-meta span{font-size:7px}
 .industrial-workspace .sum-stat{padding:12px 14px}.industrial-workspace .sum-stat>strong{font-size:32px}.industrial-workspace .sum-stat>span{font-size:7px}.industrial-workspace .sum-stat>small{font-size:8px}.industrial-workspace .sum-stats{gap:8px;margin-bottom:14px}.industrial-workspace .sum-filters{margin-bottom:18px}.industrial-workspace .sum-table{border:0;background:transparent}.industrial-workspace .sum-table tbody>tr{border-radius:3px}.industrial-workspace .sum-pagination button{padding:7px}.industrial-workspace .sum-bottom{gap:15px}
 .industrial-workspace.ugarit-stocktake #industrial-hero{margin:14px 14px 18px}.industrial-workspace.ugarit-stocktake main{padding:0 0 130px;margin:0 14px}.industrial-workspace.ugarit-stocktake .topbar{min-height:70px;padding:13px 16px}.industrial-workspace.ugarit-stocktake .topbar .brand img{width:110px!important}.industrial-workspace.ugarit-stocktake .brand-context{font-size:11px}.industrial-workspace.ugarit-stocktake .brand-context small{font-size:8px}.industrial-workspace.ugarit-stocktake .savebar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
 .industrial-workspace.ugarit-stocktake .industrial-hero-grid{grid-template-columns:1.1fr 1fr;min-height:170px}.industrial-workspace.ugarit-stocktake .industrial-hero-copy{padding:14px 12px}.industrial-workspace.ugarit-stocktake .industrial-display{font-size:28px!important;line-height:1.05!important}.industrial-workspace.ugarit-stocktake .industrial-kicker{font-size:6px;letter-spacing:.6px}.industrial-workspace.ugarit-stocktake .industrial-instruction{font-size:6px;letter-spacing:.5px;margin-top:10px;padding-top:8px}.industrial-workspace.ugarit-stocktake .industrial-description{font-size:8px;line-height:1.5}.industrial-workspace.ugarit-stocktake .industrial-hero-media{border-left:1px solid #b9b1bd;border-top:0}.industrial-workspace.ugarit-stocktake .industrial-photo-window{height:auto;flex:1;min-height:155px}.industrial-workspace.ugarit-stocktake .industrial-photo-window>img{width:180%;height:auto;left:-30%;bottom:-18px}.industrial-workspace.ugarit-stocktake .industrial-photo-caption{font-size:5px;line-height:1.5;padding:6px}.industrial-workspace.ugarit-stocktake .industrial-photo-caption>span:last-child{display:none}
}
@media print{#industrial-hero,#industrial-backdrop,.industrial-workspace #nav,.industrial-workspace>header{display:none!important}.industrial-workspace{background:white!important}.industrial-workspace main{margin:0!important;padding:0!important}body:has(#summary-print-target)>*:not(#summary-print-target){display:none!important}}