/* Agile Corporation source final UI */
#loginScreen .prime-org-hidden{display:block!important;visibility:visible!important}
#dashboard .agile-blank-dashboard{min-height:calc(100vh - 180px)}
.agile-page,.agile-hanger-page{box-sizing:border-box;width:calc(100% - 24px);max-width:1180px;margin:10px auto 30px;color:#111}
.agile-card,.ahl-shell{background:#f4f8fb;border:1px solid #b8c9d6;border-radius:7px;padding:10px;box-shadow:0 6px 18px rgba(22,63,91,.11)}
.agile-title,.ahl-top{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#1f5f8b;color:#fff;border-bottom:3px solid #ef8b22;border-radius:5px 5px 0 0;font-weight:800}
.agile-title b{font-size:12px;color:#fff4cf}.agile-toolbar{display:flex;gap:6px;justify-content:flex-end;padding:7px 9px;margin-top:8px;background:#1f5f8b;border-radius:5px;overflow:auto}.agile-toolbar button{height:32px;border:1px solid #c97310;border-radius:4px;background:#f39a22;color:#111;font-weight:700;white-space:nowrap}.agile-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;padding:14px 16px;background:#fff;border:1px solid #b9c9d5;margin-top:8px}.agile-fields label{font-size:11.5px;font-weight:700;color:#163750}.agile-fields input,.agile-fields select{width:100%;height:35px;box-sizing:border-box;margin-top:4px;border:1px solid #b3c5d2;border-radius:4px;background:#fff;color:#111;padding:5px 9px}.agile-fields label.check{display:flex;align-items:center;gap:8px;margin-top:18px}.agile-fields label.check input{width:auto}.agile-grid-wrap{margin-top:8px;overflow:auto;background:#fff;border:1px solid #cbd5e1}.agile-grid{width:100%;border-collapse:collapse;font-size:12px}.agile-grid th,.agile-grid td{border:1px solid #dbe3ea;padding:8px;text-align:left}.agile-grid th{background:#eaf2f8;color:#163750}.agile-grid tbody tr{cursor:pointer}.agile-grid tbody tr:hover{background:#f4f9fc}
.ahl-top>div{display:flex;flex-direction:column}.ahl-top>div>b{font-size:21px}.ahl-top>div>span{font-size:12px;font-weight:500}.ahl-top>strong{font-size:18px}.ahl-gate{display:flex;justify-content:space-between;gap:16px;padding:14px;background:#fff;border:1px solid #d5dee6;border-radius:8px;margin-top:10px}.ahl-gate-info{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:7px 22px;flex:1}.ahl-gate-info>div{display:grid;grid-template-columns:115px 1fr;gap:8px}.ahl-gate-info label{font-weight:700}.ahl-gate-actions{display:flex;gap:8px;align-items:center}.ahl-gate-actions button,.ahl-bottom button{border:1px solid #9dc4e4;background:#e9f5ff;color:#0b4f85;border-radius:7px;padding:9px 12px;font-weight:700}.ahl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.ahl-kpis>div{padding:12px;text-align:center;border-radius:7px;background:#dff1ff}.ahl-kpis>div:nth-child(2){background:#daf6e8}.ahl-kpis>div:nth-child(3){background:#e0f4dc}.ahl-kpis>div:nth-child(4){background:#fff1c9}.ahl-kpis span{display:block;font-size:12px}.ahl-kpis b{display:block;font-size:25px;margin-top:2px}.ahl-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px;background:#fff;border-top:1px solid #dbe3ea;border-bottom:1px solid #dbe3ea}.ahl-filter>input{max-width:490px;width:100%;height:37px;border:1px solid #cbd5e1;border-radius:7px;padding:0 12px}.ahl-filter label{font-size:12px;white-space:nowrap}.ahl-table-wrap{overflow:auto;background:#fff}.ahl-table{width:100%;border-collapse:collapse;min-width:760px;font-size:12px}.ahl-table th,.ahl-table td{border:1px solid #dbe3ea;padding:7px;text-align:center}.ahl-table th{background:#e7eef5;color:#111}.ahl-table td:nth-child(2){text-align:left}.ahl-table td:nth-child(2) small{display:block;color:#475569;margin-top:2px}.ahl-table input{width:92px;height:34px;box-sizing:border-box;text-align:center;border:1px solid #aebbc7;border-radius:5px;color:#111;background:#fff}.ahl-hang,.ahl-done{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:105px;height:36px;border-radius:5px;font-weight:800}.ahl-hang{border:0;background:#147bc1;color:#fff}.ahl-done{background:#16a34a;color:#fff}.ahl-empty{padding:22px!important;color:#64748b}.ahl-bottom{display:flex;justify-content:flex-end;gap:8px;padding:10px 0 0}.agile-find-overlay{position:fixed;inset:0;z-index:999999;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:18px}.agile-find{width:min(940px,96vw);max-height:82vh;background:#fff;border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.3);padding:12px;color:#111}.agile-find-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.agile-find-head b{font-size:17px;color:#163750}.agile-find-head button{font-size:22px;border:0;background:transparent;cursor:pointer}.agile-find>input{width:100%;height:36px;box-sizing:border-box;border:1px solid #94a3b8;border-radius:4px;padding:0 10px;margin-bottom:8px}.agile-find-grid{overflow:auto;max-height:60vh}.agile-find table{width:100%;border-collapse:collapse;font-size:12px}.agile-find th,.agile-find td{border:1px solid #dbe3ea;padding:8px;text-align:left}.agile-find th{background:#eaf2f8}.agile-find tbody tr{cursor:pointer}.agile-find tbody tr:hover{background:#f2f8fc}
@media(max-width:760px){.agile-page,.agile-hanger-page{width:100%;margin:0;padding:0}.ahl-shell,.agile-card{border-radius:0;padding:8px}.ahl-top{margin:-8px -8px 0;border-radius:0;padding:9px 12px;min-height:56px}.ahl-top>div>b{font-size:20px}.ahl-top>strong{font-size:16px}.ahl-gate{flex-direction:column;padding:12px 10px}.ahl-gate-info{grid-template-columns:1fr;gap:5px}.ahl-gate-info>div{grid-template-columns:105px 1fr}.ahl-gate-actions{justify-content:flex-end}.ahl-gate-actions button{flex:1}.ahl-kpis{grid-template-columns:repeat(4,1fr);gap:5px}.ahl-kpis>div{padding:9px 3px}.ahl-kpis span{font-size:10px}.ahl-kpis b{font-size:20px}.ahl-filter{padding:8px;align-items:center}.ahl-filter>input{height:36px}.ahl-table{min-width:700px}.ahl-table th,.ahl-table td{padding:6px 5px}.ahl-bottom{padding:8px 0}.agile-fields{grid-template-columns:1fr}.agile-toolbar{justify-content:flex-start}.agile-title{align-items:flex-start;flex-direction:column;justify-content:center;padding:7px 10px}.agile-title b{margin-top:2px}}

/* Agile top-menu alignment final: JS snaps each dropdown directly below its button. */
#primeLeanNav .prime-menu-list{margin:0!important;transform:none!important;}
#primeLeanNav .prime-menu.open .prime-menu-list{display:block!important;}

/* 2026-09-12 Hanger Loading: match Customer PO visual standard */
.ahl-shell{background:#f4f8fb;border:1px solid #aebfcd;border-radius:0;padding:10px;box-shadow:0 6px 18px rgba(22,63,91,.10)}
.ahl-top{min-height:42px;background:#6f7b85;color:#fff;border-bottom:2px solid #f7941d;border-radius:0;padding:0 12px;font-weight:800}
.ahl-top .ahl-caption{display:flex;align-items:center;gap:10px}
.ahl-title-text{font-size:17px;font-weight:800}
.ahl-view-mode{display:inline-flex;align-items:center;height:20px;padding:0 9px;border:1px solid #d8e8f2;border-radius:10px;background:#2f6f9e;color:#fff;font-size:10px;font-weight:800}
.ahl-top>strong{font-size:12px;color:#fff;font-weight:800}
.ahl-gate{border:1px solid #b7c7d4;border-radius:0;margin-top:8px;padding:13px 16px;background:#fff}
.ahl-gate-actions button,.ahl-bottom button,.ahl-hang,.ahl-done{border:1px solid #bc6e13!important;border-radius:2px!important;background:#ff9f1c!important;color:#111!important;box-shadow:0 2px 4px rgba(0,0,0,.18);font-weight:800}
.ahl-gate-actions button{height:34px;padding:0 12px}
.ahl-kpis{gap:8px;margin-top:8px}
.ahl-kpis>div{border:1px solid #b8c8d5;border-left:4px solid #f7941d;border-radius:0!important;background:#fff!important;padding:9px 6px}
.ahl-kpis span{font-size:11px}.ahl-kpis b{font-size:22px;color:#0d4f80}
.ahl-filter{margin-top:8px;padding:8px 10px;background:#fff;border:1px solid #b8c8d5}
.ahl-filter>input{height:34px;border:1px solid #aebfcd;border-radius:2px;padding:0 9px}
.ahl-table-wrap{margin-top:7px;border:1px solid #aebfcd}
.ahl-table th{background:#dce8f1;color:#0c3652;font-weight:800}
.ahl-table th,.ahl-table td{border:1px solid #afc1cf;padding:7px}
.ahl-table input{border-radius:2px}
.ahl-bottom{margin-top:7px;background:#6f7b85;padding:7px;min-height:34px;align-items:center}
.ahl-bottom button{height:34px;padding:0 14px}

/* Hanger Gate Entry selector: same family as Gate Entry Find window */
.agile-find-overlay{background:rgba(20,30,40,.40);padding:18px}
.agile-find.gate-find-style{width:min(1035px,96vw);height:min(555px,82vh);max-height:82vh;padding:0;border:1px solid #8398a8;border-radius:0;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}
.gate-find-style .agile-find-head{height:56px;min-height:56px;margin:0;padding:0 10px;background:#0c4c70;border-bottom:2px solid #f7941d;color:#fff}
.gate-find-style .agile-find-head b{font-size:18px;color:#fff}
.gate-find-style .agile-find-head button{width:32px;height:32px;background:#e8322c;color:#fff;border:0;border-radius:3px;font-size:20px;font-weight:800;line-height:1}
.agile-find-searchbar{display:flex;gap:8px;padding:10px 8px;background:#f7f9fb;border-bottom:1px solid #b9c9d5}
.agile-find-searchbox{flex:1;display:flex;align-items:center;gap:7px;height:36px;border:1px solid #4a98d3;background:#fff;padding:0 10px;box-sizing:border-box}
.agile-find-searchbox i{color:#55758c}.agile-find-searchbox input{flex:1;height:30px;border:0!important;outline:0;padding:0;margin:0!important;background:#fff;color:#111}
.agile-find-search-btn,.agile-find-ok,.agile-find-cancel{height:36px;border:1px solid #b9680a;border-radius:2px;background:#ff9f1c;color:#111;font-weight:800;padding:0 14px}
.gate-find-style .agile-find-grid{flex:1;max-height:none;overflow:auto;background:#fff}
.gate-find-style table{font-size:12px}.gate-find-style th{background:#d9e5ee;color:#17384f;font-weight:800;border-color:#a9bbc8}.gate-find-style td{border-color:#bccbd5;padding:8px}
.gate-find-style tbody tr:hover,.gate-find-style tbody tr:focus{background:#fff2d7}
.gate-find-style tbody tr.agile-selected{background:#ff9f0d;color:#111}
.agile-find-footer{height:48px;min-height:48px;background:#0c4c70;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;font-weight:700}
.agile-find-footer>div{display:flex;gap:8px}
@media(max-width:760px){
  .ahl-shell{border-radius:0}.ahl-top{margin:-8px -8px 0;border-radius:0;min-height:50px;padding:7px 10px}.ahl-top>strong{font-size:11px}.ahl-title-text{font-size:16px}.ahl-view-mode{font-size:9px}
  .ahl-gate{border-radius:0}.ahl-gate-actions button{border-radius:2px!important}.ahl-kpis>div{border-radius:0!important}.ahl-bottom{margin-left:0;margin-right:0}
  .agile-find.gate-find-style{width:98vw;height:82vh}.agile-find-searchbar{flex-wrap:wrap}.agile-find-search-btn{width:100%}.agile-find-footer{height:auto;min-height:48px;gap:8px;flex-wrap:wrap;padding:7px 8px}
}


/* 2026-09-12 FINAL Hanger header + Gate Find correction */
.ahl-top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;height:42px!important;padding:0 12px!important;background:#6f7b85!important;border-bottom:2px solid #f7941d!important;border-radius:0!important;color:#fff!important;box-sizing:border-box!important}
.ahl-top>div.ahl-caption{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:0!important}
.ahl-top .ahl-title-text{font-size:16px!important;line-height:1!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}
.ahl-top .ahl-view-mode{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:20px!important;line-height:18px!important;padding:0 9px!important;border:1px solid #d9e8f1!important;border-radius:10px!important;background:#2f6f9e!important;color:#fff!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
.ahl-top>strong{display:block!important;margin-left:auto!important;font-size:12px!important;line-height:1!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important}

/* Gate Entry Find: force the same light grid treatment and prevent global dark-row rules */
.agile-find-overlay{z-index:2147483000!important}
.agile-find.gate-find-style{box-sizing:border-box!important;width:min(1035px,96vw)!important;height:min(555px,82vh)!important;padding:0!important;background:#fff!important;color:#111!important;border:1px solid #8398a8!important;border-radius:0!important;overflow:hidden!important}
.gate-find-style .agile-find-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;background:#0c4c70!important;color:#fff!important}
.gate-find-style .agile-find-searchbar{display:flex!important;flex-direction:row!important;background:#f7f9fb!important}
.gate-find-style .agile-find-grid{background:#fff!important;color:#111!important}
.gate-find-style table{width:100%!important;border-collapse:collapse!important;background:#fff!important;color:#111!important}
.gate-find-style thead,.gate-find-style thead tr{background:#d9e5ee!important;color:#17384f!important}
.gate-find-style th{background:#d9e5ee!important;color:#17384f!important;border:1px solid #a9bbc8!important;font-weight:800!important}
.gate-find-style tbody{background:#fff!important;color:#111!important}
.gate-find-style tbody tr,.gate-find-style tbody tr:nth-child(odd),.gate-find-style tbody tr:nth-child(even){background:#fff!important;color:#111!important}
.gate-find-style tbody td,.gate-find-style tbody tr td,.gate-find-style tbody tr td b{background:#fff!important;color:#111!important;border:1px solid #bccbd5!important}
.gate-find-style tbody tr:hover td{background:#fff2d7!important;color:#111!important}
.gate-find-style tbody tr.agile-selected,.gate-find-style tbody tr.agile-selected td,.gate-find-style tbody tr.agile-selected td b{background:#ff9f0d!important;color:#111!important}
.gate-find-style tbody tr.agile-no-record td{background:#fff!important;color:#5f6b75!important}
.gate-find-style .agile-find-footer{display:flex!important;background:#0c4c70!important;color:#fff!important}
.gate-find-style .agile-find-search-btn,.gate-find-style .agile-find-ok,.gate-find-style .agile-find-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:2px!important;background:#ff9f1c!important;color:#111!important}

@media(max-width:760px){
  .ahl-top{height:auto!important;min-height:50px!important;flex-wrap:wrap!important;gap:4px 10px!important;padding:7px 10px!important}
  .ahl-top>strong{font-size:10px!important}
  .gate-find-style .agile-find-searchbar{flex-wrap:wrap!important}
  .gate-find-style .agile-find-search-btn{width:100%!important}
}

/* 2026-09-12 Agile Production OK + Material Traceability */
.apo-table{min-width:1120px}
.apo-table input{width:100%;min-width:78px;height:31px;box-sizing:border-box;border:1px solid #aebfcd;border-radius:2px;padding:0 7px;color:#111;background:#fff}
.apo-table input[data-reason]{min-width:150px}
.apo-kpis>div:nth-child(1){border-left-color:#f7941d}
.apo-kpis>div:nth-child(2){border-left-color:#54a85a}
.apo-kpis>div:nth-child(3){border-left-color:#d9534f}
.apo-kpis>div:nth-child(4){border-left-color:#3178a8}
.trace-filter{display:flex;gap:8px;align-items:center;padding:10px;background:#fff;border:1px solid #b8c8d5;border-top:0}
.trace-filter input{height:34px;min-width:220px;border:1px solid #aebfcd;border-radius:2px;padding:0 9px;box-sizing:border-box}
.trace-filter button{height:34px;border:1px solid #bc6e13;border-radius:2px;background:#ff9f1c;color:#111;font-weight:800;padding:0 14px}
.trace-grid-wrap{overflow:auto;max-height:62vh}
.trace-grid{min-width:1220px}
.trace-grid th{background:#dce8f1!important;color:#0c3652!important;white-space:nowrap}
.trace-grid td{vertical-align:middle}
.trace-grid td small,.trace-grid td b{display:block}
.trace-stage{display:inline-block;padding:4px 7px;border:1px solid #9eb3c2;background:#f3f7fa;font-weight:700;white-space:nowrap}
.trace-legend{padding:9px 10px;background:#eef5fa;border:1px solid #b8c8d5;border-top:0;color:#27465c;font-size:12px}

@media(max-width:760px){
  .agile-production-page .ahl-gate-info{grid-template-columns:1fr!important}
  .agile-production-page .ahl-gate-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .agile-production-page .ahl-kpis{grid-template-columns:repeat(2,1fr)!important}
  .agile-production-page .ahl-table-wrap{border:0;overflow:visible}
  .agile-production-page .apo-table{min-width:0!important;display:block;background:transparent}
  .agile-production-page .apo-table thead{display:none}
  .agile-production-page .apo-table tbody{display:block}
  .agile-production-page .apo-table tr[data-part]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;padding:10px;background:#fff;border:1px solid #b8c8d5;border-left:4px solid #f7941d}
  .agile-production-page .apo-table tr[data-part] td{display:block;border:0!important;padding:4px!important;text-align:left!important}
  .agile-production-page .apo-table tr[data-part] td:nth-child(1){display:none}
  .agile-production-page .apo-table tr[data-part] td:nth-child(2){grid-column:1/-1;font-size:15px;border-bottom:1px solid #d7e0e6!important}
  .agile-production-page .apo-table tr[data-part] td:nth-child(2) small{display:block;color:#596b78;font-size:11px}
  .agile-production-page .apo-table tr[data-part] td:nth-child(3)::before{content:'Hanged: ';font-weight:700}
  .agile-production-page .apo-table tr[data-part] td:nth-child(4)::before{content:'OK Done: ';font-weight:700}
  .agile-production-page .apo-table tr[data-part] td:nth-child(5)::before{content:'Rejected: ';font-weight:700}
  .agile-production-page .apo-table tr[data-part] td:nth-child(6)::before{content:'Pending: ';font-weight:700}
  .agile-production-page .apo-table tr[data-part] td:nth-child(7)::before{content:'OK Qty';display:block;font-weight:700;font-size:11px;margin-bottom:3px}
  .agile-production-page .apo-table tr[data-part] td:nth-child(8)::before{content:'Reject Qty';display:block;font-weight:700;font-size:11px;margin-bottom:3px}
  .agile-production-page .apo-table tr[data-part] td:nth-child(9){grid-column:1/-1}
  .agile-production-page .apo-table tr[data-part] td:nth-child(9)::before{content:'Rejection Reason';display:block;font-weight:700;font-size:11px;margin-bottom:3px}
  .agile-production-page .apo-table tr[data-part] td:nth-child(10){grid-column:1/-1}
  .agile-production-page .apo-table tr[data-part] td:nth-child(10) button,.agile-production-page .apo-table tr[data-part] td:nth-child(10) .ahl-done{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center}
  .agile-production-page .apo-table input{height:38px;font-size:15px}
  .trace-filter{flex-direction:column;align-items:stretch}
  .trace-filter input,.trace-filter button{width:100%;min-width:0}
  .trace-grid-wrap{max-height:none}
}

/* 2026-09-12 MOBILE OPERATIONS V3 — Hanger Loading/PWA usability only.
   Desktop layout and ERP logic remain unchanged. */
@media (max-width:760px){
  html,body{max-width:100vw!important;overflow-x:hidden!important}
  body{padding-bottom:0!important}

  /* Mobile top navigation: keep one clean touch row; swipe horizontally if required. */
  #sidebar{width:100%!important;max-width:100vw!important;overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;padding:0!important;-webkit-overflow-scrolling:touch}
  #primeLeanNav{width:max-content!important;min-width:100%!important;height:48px!important;flex-wrap:nowrap!important;overflow:visible!important}
  #primeLeanNav .prime-menu{flex:0 0 auto!important;height:48px!important}
  #primeLeanNav .prime-menu-btn{height:48px!important;padding:0 10px!important;font-size:11px!important;line-height:1!important}
  #primeLeanNav .prime-menu-btn i{font-size:14px!important;margin-right:3px!important}
  #primeLeanNav .prime-menu-list{top:auto!important;max-width:calc(100vw - 12px)!important;min-width:210px!important}

  /* Mobile workspace should use the available screen, not desktop/A4 spacing. */
  .main-content{padding:0!important;overflow-x:hidden!important}
  .agile-hanger-page{width:100%!important;max-width:100%!important;margin:0!important;padding:8px!important;background:#eef2f5!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-shell{width:100%!important;margin:0!important;padding:8px!important;border:1px solid #aebfcd!important;border-radius:4px!important;box-shadow:none!important;box-sizing:border-box!important;background:#f4f8fb!important}

  /* Compact app-style header. */
  .agile-hanger-page .ahl-top{height:auto!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:5px 8px!important;align-items:center!important}
  .agile-hanger-page .ahl-top>div.ahl-caption{min-width:0!important;gap:7px!important}
  .agile-hanger-page .ahl-top .ahl-title-text{font-size:18px!important;white-space:nowrap!important}
  .agile-hanger-page .ahl-top .ahl-view-mode{height:19px!important;padding:0 7px!important;font-size:9px!important}
  .agile-hanger-page .ahl-top>strong{grid-column:1/-1!important;margin:0!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important}

  /* Gate header: two compact columns instead of a tall desktop block. */
  .agile-hanger-page .ahl-gate{display:block!important;margin-top:8px!important;padding:10px!important;border-radius:0!important}
  .agile-hanger-page .ahl-gate-info{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important}
  .agile-hanger-page .ahl-gate-info>div{display:block!important;min-width:0!important}
  .agile-hanger-page .ahl-gate-info label{display:block!important;margin-bottom:2px!important;font-size:10px!important;color:#546474!important}
  .agile-hanger-page .ahl-gate-info b{display:block!important;font-size:15px!important;color:#111!important;overflow-wrap:anywhere!important}
  .agile-hanger-page .ahl-gate-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;margin-top:10px!important}
  .agile-hanger-page .ahl-gate-actions button{width:100%!important;height:40px!important;padding:0 7px!important;font-size:12px!important;line-height:1.1!important}

  /* KPIs in a clean 2 x 2 mobile grid. */
  .agile-hanger-page .ahl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}
  .agile-hanger-page .ahl-kpis>div{min-height:64px!important;padding:7px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
  .agile-hanger-page .ahl-kpis span{font-size:10px!important;line-height:1.15!important}
  .agile-hanger-page .ahl-kpis b{font-size:24px!important;line-height:1.05!important;margin-top:4px!important}

  /* Search and pending filter get full touch-friendly rows. */
  .agile-hanger-page .ahl-filter{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:8px!important;margin-top:8px!important}
  .agile-hanger-page .ahl-filter>input{width:100%!important;max-width:none!important;height:40px!important;box-sizing:border-box!important;font-size:13px!important}
  .agile-hanger-page .ahl-filter label{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;font-size:12px!important;white-space:normal!important}
  .agile-hanger-page .ahl-filter label input{width:22px!important;height:22px!important;margin:0!important}

  /* Hanger item table becomes mobile cards — no horizontal scrolling. */
  .agile-hanger-page .ahl-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;margin-top:8px!important}
  .agile-hanger-page .ahl-table{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}
  .agile-hanger-page .ahl-table thead{display:none!important}
  .agile-hanger-page .ahl-table tbody{display:block!important;width:100%!important}
  .agile-hanger-page .ahl-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important;width:100%!important;margin:0 0 8px!important;padding:10px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #b8c8d5!important;border-left:4px solid #f7941d!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}
  .agile-hanger-page .ahl-table tbody td{display:block!important;min-width:0!important;padding:3px!important;border:0!important;text-align:left!important;background:transparent!important;color:#111!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(1){display:none!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(2){grid-column:1/-1!important;padding-bottom:7px!important;border-bottom:1px solid #d9e1e7!important;font-size:15px!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(2) b{font-size:16px!important;color:#0d4f80!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(2) small{display:block!important;margin-top:2px!important;color:#566775!important;font-size:11px!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(3)::before{content:'Received Qty';display:block;font-size:9px;font-weight:800;color:#5b6a76;text-transform:uppercase;margin-bottom:2px}
  .agile-hanger-page .ahl-table tbody td:nth-child(4)::before{content:'Hanged Qty';display:block;font-size:9px;font-weight:800;color:#5b6a76;text-transform:uppercase;margin-bottom:2px}
  .agile-hanger-page .ahl-table tbody td:nth-child(5)::before{content:'Balance Qty';display:block;font-size:9px;font-weight:800;color:#5b6a76;text-transform:uppercase;margin-bottom:2px}
  .agile-hanger-page .ahl-table tbody td:nth-child(6)::before{content:'Hanger Qty';display:block;font-size:9px;font-weight:800;color:#5b6a76;text-transform:uppercase;margin-bottom:3px}
  .agile-hanger-page .ahl-table tbody td:nth-child(3),
  .agile-hanger-page .ahl-table tbody td:nth-child(4),
  .agile-hanger-page .ahl-table tbody td:nth-child(5){font-size:16px!important;font-weight:800!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(6) input{width:100%!important;max-width:none!important;height:40px!important;font-size:16px!important;text-align:center!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(7){grid-column:1/-1!important;padding-top:5px!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(7) .ahl-hang,
  .agile-hanger-page .ahl-table tbody td:nth-child(7) .ahl-done{width:100%!important;min-width:0!important;height:42px!important;display:flex!important;font-size:13px!important}
  .agile-hanger-page .ahl-table tbody tr:has(.ahl-empty){display:block!important;border-left:1px solid #b8c8d5!important}
  .agile-hanger-page .ahl-empty{display:block!important;text-align:center!important;padding:18px!important}

  /* Bottom actions become full-width touch buttons. */
  .agile-hanger-page .ahl-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:7px!important;padding:7px!important}
  .agile-hanger-page .ahl-bottom button{width:100%!important;height:42px!important;padding:0 7px!important;font-size:12px!important}

  /* Desktop status/footer and assistant launcher are not useful on the operator screen. */
  #ae50DesktopStatusBar{display:none!important}
  .ask-inoviq-launch,.ask-inoviq-panel{display:none!important}
}

/* 2026-09-12 MOBILE OPERATIONS V4 — reference-style Hanger Loading.
   Desktop remains unchanged. */
@media (max-width:760px){
  :root{--agile-mobile-blue:#1176b6;--agile-soft-blue:#eaf6ff;--agile-line:#d5dee6;--agile-text:#132333}
  html,body{max-width:100vw!important;overflow-x:hidden!important;background:#f4f6f8!important}
  body{padding-bottom:74px!important}

  /* App header like the approved mobile reference. */
  .topbar{position:sticky!important;top:0!important;z-index:2147482000!important;height:70px!important;min-height:70px!important;padding:0 12px!important;display:grid!important;grid-template-columns:42px 1fr auto!important;align-items:center!important;gap:9px!important;background:var(--agile-mobile-blue)!important;border:0!important;box-shadow:none!important;color:#fff!important}
  .topbar .menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:25px!important}
  .topbar .brand-title{display:block!important;min-width:0!important;color:#fff!important}
  .topbar .brand-title h2{margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.05!important;font-weight:800!important;white-space:nowrap!important}
  .topbar .brand-title span{display:block!important;margin-top:3px!important;color:#fff!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #agileMobilePageTitle{display:block!important;color:#fff!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important;text-align:right!important}
  .topbar #logoutBtn,.topbar #loggedUserBox,.topbar #themeToggleBtn,.topbar #companyLogo{display:none!important}

  /* Hide desktop orange menu row on mobile; hamburger opens the mobile drawer. */
  #sidebar{display:none!important}
  #appShell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  main.main-content,.main-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}

  /* Mobile menu drawer. */
  #agileMobileMenu{display:none;position:fixed;left:0;top:70px;bottom:64px;width:min(82vw,310px);z-index:2147482500;background:#fff;box-shadow:8px 0 24px rgba(0,0,0,.24);overflow:auto;padding:8px 0}
  body.agile-mobile-menu-open #agileMobileMenu{display:block!important}
  #agileMobileMenu .amm-group-title{padding:9px 14px 5px;color:#65788a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}
  #agileMobileMenu button{display:flex;width:100%;height:44px;align-items:center;gap:10px;padding:0 16px;border:0;border-bottom:1px solid #edf0f2;background:#fff;color:#172b3b;font-size:13px;font-weight:700;text-align:left}
  #agileMobileMenu button i{width:18px;color:#1176b6;text-align:center}
  #agileMobileMenuBackdrop{display:none;position:fixed;inset:70px 0 64px;z-index:2147482400;background:rgba(0,0,0,.32)}
  body.agile-mobile-menu-open #agileMobileMenuBackdrop{display:block!important}

  /* Main Hanger screen becomes compact, clean and table-based like the reference. */
  .agile-hanger-page{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 8px 12px!important;background:#f4f6f8!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-top{display:none!important}

  .agile-hanger-page .ahl-gate{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:8px!important;align-items:center!important;margin:0!important;padding:10px 10px!important;border:1px solid #e1e6ea!important;border-radius:9px!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important}
  .agile-hanger-page .ahl-gate-info{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;min-width:0!important}
  .agile-hanger-page .ahl-gate-info>div{display:grid!important;grid-template-columns:42% 58%!important;gap:4px!important;align-items:center!important;min-width:0!important}
  .agile-hanger-page .ahl-gate-info label{display:block!important;margin:0!important;color:#1c2732!important;font-size:10px!important;line-height:1.25!important;font-weight:700!important}
  .agile-hanger-page .ahl-gate-info label::after{content:' :';float:right;margin-right:2px}
  .agile-hanger-page .ahl-gate-info b{display:block!important;margin:0!important;color:#111!important;font-size:11px!important;line-height:1.25!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-gate-actions{display:block!important;width:100%!important;margin:0!important}
  .agile-hanger-page #ahlFindGate{display:flex!important}
  .agile-hanger-page #ahlViewGate{display:flex!important;width:100%!important;min-height:48px!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:5px 7px!important;border:0!important;border-radius:7px!important;background:#dff0ff!important;color:#0d4f80!important;box-shadow:none!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important}

  /* Four KPI tiles in one row. */
  .agile-hanger-page .ahl-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:7px 0 0!important}
  .agile-hanger-page .ahl-kpis>div{min-width:0!important;min-height:58px!important;padding:6px 2px!important;border:0!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-shadow:none!important}
  .agile-hanger-page .ahl-kpis>div:nth-child(1){background:#e0f0ff!important}
  .agile-hanger-page .ahl-kpis>div:nth-child(2){background:#dff7e8!important}
  .agile-hanger-page .ahl-kpis>div:nth-child(3){background:#e5f5df!important}
  .agile-hanger-page .ahl-kpis>div:nth-child(4){background:#fff1c7!important}
  .agile-hanger-page .ahl-kpis span{font-size:9px!important;line-height:1.08!important;color:#23313f!important;text-align:center!important}
  .agile-hanger-page .ahl-kpis b{margin-top:3px!important;font-size:18px!important;line-height:1!important;color:#111!important;font-weight:800!important}

  /* Search + compact switch in a single row. */
  .agile-hanger-page .ahl-filter{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;margin:7px 0!important;padding:7px!important;border:0!important;border-radius:0!important;background:#f8fafc!important}
  .agile-hanger-page .ahl-filter>input{width:100%!important;max-width:none!important;height:36px!important;padding:0 10px!important;box-sizing:border-box!important;border:1px solid #e1e6ea!important;border-radius:5px!important;background:#fff!important;font-size:10px!important;color:#172b3b!important}
  .agile-hanger-page .ahl-filter label{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin:0!important;white-space:nowrap!important;font-size:9px!important;font-weight:700!important;color:#172b3b!important}
  .agile-hanger-page #ahlPendingOnly{-webkit-appearance:none!important;appearance:none!important;position:relative!important;width:36px!important;height:20px!important;margin:0!important;border:0!important;border-radius:12px!important;background:#aeb7c0!important;outline:none!important;cursor:pointer!important}
  .agile-hanger-page #ahlPendingOnly::after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:.15s}
  .agile-hanger-page #ahlPendingOnly:checked{background:#1176b6!important}
  .agile-hanger-page #ahlPendingOnly:checked::after{left:18px}

  /* EXACT mobile table treatment: all seven columns visible, no horizontal scroll. */
  .agile-hanger-page .ahl-table-wrap{display:block!important;width:100%!important;overflow:hidden!important;margin:0!important;border:1px solid #dce3e9!important;border-radius:5px!important;background:#fff!important}
  .agile-hanger-page .ahl-table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;background:#fff!important}
  .agile-hanger-page .ahl-table thead{display:table-header-group!important}
  .agile-hanger-page .ahl-table tbody{display:table-row-group!important;width:auto!important}
  .agile-hanger-page .ahl-table tr{display:table-row!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
  .agile-hanger-page .ahl-table th,.agile-hanger-page .ahl-table td{display:table-cell!important;min-width:0!important;padding:4px 2px!important;border-right:1px solid #e2e6ea!important;border-bottom:1px solid #e2e6ea!important;background:#fff!important;color:#111!important;vertical-align:middle!important;text-align:center!important;font-size:8px!important;line-height:1.15!important;overflow:hidden!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-table th{height:44px!important;background:#e9f0f5!important;color:#243746!important;font-size:8px!important;font-weight:800!important;text-transform:none!important}
  .agile-hanger-page .ahl-table th small{font-size:7px!important}
  .agile-hanger-page .ahl-table th:nth-child(1),.agile-hanger-page .ahl-table td:nth-child(1){width:5%!important}
  .agile-hanger-page .ahl-table th:nth-child(2),.agile-hanger-page .ahl-table td:nth-child(2){width:25%!important;text-align:left!important;padding-left:4px!important}
  .agile-hanger-page .ahl-table th:nth-child(3),.agile-hanger-page .ahl-table td:nth-child(3){width:12%!important}
  .agile-hanger-page .ahl-table th:nth-child(4),.agile-hanger-page .ahl-table td:nth-child(4){width:12%!important}
  .agile-hanger-page .ahl-table th:nth-child(5),.agile-hanger-page .ahl-table td:nth-child(5){width:12%!important}
  .agile-hanger-page .ahl-table th:nth-child(6),.agile-hanger-page .ahl-table td:nth-child(6){width:16%!important}
  .agile-hanger-page .ahl-table th:nth-child(7),.agile-hanger-page .ahl-table td:nth-child(7){width:18%!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(1){display:table-cell!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(2){font-size:8px!important;border-bottom:1px solid #e2e6ea!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(2) b{display:block!important;color:#111!important;font-size:9px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(2) small{display:block!important;margin-top:2px!important;color:#4b5b67!important;font-size:7px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(3)::before,.agile-hanger-page .ahl-table tbody td:nth-child(4)::before,.agile-hanger-page .ahl-table tbody td:nth-child(5)::before,.agile-hanger-page .ahl-table tbody td:nth-child(6)::before{display:none!important;content:none!important}
  .agile-hanger-page .ahl-table tbody td:nth-child(3),.agile-hanger-page .ahl-table tbody td:nth-child(4),.agile-hanger-page .ahl-table tbody td:nth-child(5){font-size:9px!important;font-weight:400!important}
  .agile-hanger-page .ahl-table input{width:92%!important;max-width:none!important;height:29px!important;padding:0 2px!important;margin:0 auto!important;border:1px solid #c8d2da!important;border-radius:4px!important;background:#fff!important;font-size:9px!important;text-align:center!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-table .ahl-hang,.agile-hanger-page .ahl-table .ahl-done{width:96%!important;min-width:0!important;max-width:none!important;height:29px!important;min-height:29px!important;margin:0 auto!important;padding:0 2px!important;border:0!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-table .ahl-hang{background:#117fc3!important;color:#fff!important}
  .agile-hanger-page .ahl-table .ahl-done{background:#13a540!important;color:#fff!important}
  .agile-hanger-page .ahl-table tbody tr:has(.ahl-empty){display:table-row!important}
  .agile-hanger-page .ahl-empty{display:table-cell!important;text-align:center!important;padding:16px 4px!important}

  /* Replace desktop lower toolbar with the simple summary strip seen in the reference. */
  .agile-hanger-page .ahl-bottom{display:none!important}
  #agileHangerMobileSummary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:47px!important;margin:8px 0 0!important;padding:0 12px!important;border:0!important;border-radius:6px!important;background:#e7f4ff!important;color:#0e5790!important;font-size:11px!important;font-weight:800!important;box-sizing:border-box!important}
  #agileHangerMobileSummary i:first-child{margin-right:7px!important}

  /* Fixed 5-button bottom navigation like the reference app. */
  #agileMobileBottomNav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147482300!important;height:64px!important;grid-template-columns:repeat(5,1fr)!important;background:#fff!important;border-top:1px solid #dbe2e8!important;box-shadow:0 -2px 10px rgba(0,0,0,.08)!important;padding-bottom:env(safe-area-inset-bottom)!important}
  #agileMobileBottomNav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;border:0!important;background:#fff!important;color:#374754!important;font-size:8px!important;font-weight:700!important}
  #agileMobileBottomNav button i{font-size:18px!important;color:#455966!important}
  #agileMobileBottomNav button.active{color:#0d6fae!important}
  #agileMobileBottomNav button.active i{color:#0d8bce!important}

  #ae50DesktopStatusBar,.ask-inoviq-launch,.ask-inoviq-panel{display:none!important}
}

@media (min-width:761px){
  #agileMobilePageTitle,#agileMobileMenu,#agileMobileMenuBackdrop,#agileMobileBottomNav,#agileHangerMobileSummary{display:none!important}
}


/* 2026-09-12 MOBILE HANGER V5 — dedicated mobile list, desktop table untouched. */
.ahl-mobile-rows{display:none}
@media (max-width:760px){
  /* Completely remove the legacy orange desktop menu strip on mobile. */
  #sidebar,#primeLeanNav{display:none!important}
  .main-content{padding-top:0!important}

  /* Reference-style compact filter without clipping. */
  .agile-hanger-page .ahl-filter{grid-template-columns:minmax(0,1fr) auto!important;overflow:visible!important}
  .agile-hanger-page .ahl-filter>input{min-width:0!important;text-overflow:ellipsis!important}

  /* Never render the desktop table on a phone. A dedicated DOM list is used instead. */
  .agile-hanger-page .ahl-table-wrap{display:none!important}
  .agile-hanger-page .ahl-mobile-rows{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .agile-hanger-page .ahl-mobile-item{width:100%!important;margin:0 0 7px!important;padding:8px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #d9e2e8!important;border-radius:5px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}
  .agile-hanger-page .ahl-mobile-part{display:flex!important;align-items:center!important;gap:8px!important;padding:0 0 6px!important;border-bottom:1px solid #edf1f4!important}
  .agile-hanger-page .ahl-mobile-index{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#eaf2f8!important;color:#25465c!important;font-size:10px!important;font-weight:800!important}
  .agile-hanger-page .ahl-mobile-part>div{min-width:0!important;flex:1!important}
  .agile-hanger-page .ahl-mobile-part b{display:block!important;font-size:13px!important;line-height:1.1!important;color:#111!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-mobile-part small{display:block!important;margin-top:2px!important;font-size:9px!important;line-height:1.1!important;color:#5c6872!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-mobile-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:7px!important}
  .agile-hanger-page .ahl-mobile-metrics>div{min-width:0!important;padding:5px 3px!important;background:#f7fafc!important;border:1px solid #e3e9ed!important;border-radius:4px!important;text-align:center!important}
  .agile-hanger-page .ahl-mobile-metrics span{display:block!important;font-size:8px!important;color:#65737e!important;line-height:1!important}
  .agile-hanger-page .ahl-mobile-metrics b{display:block!important;margin-top:3px!important;font-size:13px!important;color:#111!important;line-height:1!important}
  .agile-hanger-page .ahl-mobile-action{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;align-items:end!important;margin-top:7px!important}
  .agile-hanger-page .ahl-mobile-action label{display:block!important;margin:0!important;font-size:8px!important;font-weight:800!important;color:#566672!important;line-height:1.1!important}
  .agile-hanger-page .ahl-mobile-action input{display:block!important;width:100%!important;height:34px!important;margin-top:4px!important;padding:0 8px!important;box-sizing:border-box!important;border:1px solid #c8d3db!important;border-radius:4px!important;background:#fff!important;color:#111!important;font-size:13px!important;text-align:center!important}
  .agile-hanger-page .ahl-mobile-action .ahl-hang,.agile-hanger-page .ahl-mobile-action .ahl-done{display:flex!important;width:100%!important;height:34px!important;min-height:34px!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0 6px!important;box-sizing:border-box!important;border:0!important;border-radius:4px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
  .agile-hanger-page .ahl-mobile-action .ahl-hang{background:#117fc3!important;color:#fff!important}
  .agile-hanger-page .ahl-mobile-action .ahl-done{background:#13a540!important;color:#fff!important}
  .agile-hanger-page .ahl-mobile-empty{padding:18px 8px!important;text-align:center!important;background:#fff!important;border:1px solid #dce4ea!important;border-radius:5px!important;color:#65737e!important;font-size:11px!important}

  /* Bottom nav must not cover the last operation card. */
  .agile-hanger-page{padding-bottom:78px!important}
}
@media (min-width:761px){.ahl-mobile-rows{display:none!important}}


/* 2026-09-12 MOBILE HANGER V6 — approved reference layout + reliable drawer. */
@media (max-width:760px){
  /* Dedicated hamburger, not the legacy desktop menu button. */
  #agileMobileHamburger{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:26px!important;box-shadow:none!important}
  .topbar>.menu-btn{display:none!important}
  .topbar{grid-template-columns:42px minmax(0,1fr) auto!important}

  /* Make the drawer unmistakably visible and clickable. */
  #agileMobileMenu{display:block!important;visibility:hidden!important;transform:translateX(-105%)!important;transition:transform .18s ease!important;top:70px!important;bottom:64px!important;width:min(82vw,300px)!important;background:#fff!important;z-index:2147483600!important}
  body.agile-mobile-menu-open #agileMobileMenu{visibility:visible!important;transform:translateX(0)!important}
  #agileMobileMenuBackdrop{display:block!important;visibility:hidden!important;opacity:0!important;transition:opacity .18s ease!important;z-index:2147483500!important}
  body.agile-mobile-menu-open #agileMobileMenuBackdrop{visibility:visible!important;opacity:1!important}
  #agileMobileMenu .amm-group-title{background:#f4f7f9!important;border-bottom:1px solid #e4e9ed!important;color:#536575!important;font-size:10px!important}
  #agileMobileMenu button{height:46px!important;font-size:13px!important}

  /* Reference proportions: less empty chrome and a wider working card. */
  .agile-hanger-page{padding:8px 7px 76px!important}
  .agile-hanger-page .ahl-gate{grid-template-columns:minmax(0,1fr) 108px!important;padding:9px!important;border-radius:8px!important}
  .agile-hanger-page .ahl-gate-info label{font-size:9.5px!important}
  .agile-hanger-page .ahl-gate-info b{font-size:10.5px!important}
  .agile-hanger-page #ahlViewGate{min-height:45px!important;font-size:10px!important}
  .agile-hanger-page .ahl-kpis>div{min-height:55px!important}
  .agile-hanger-page .ahl-kpis span{font-size:8.5px!important}
  .agile-hanger-page .ahl-kpis b{font-size:20px!important}
  .agile-hanger-page .ahl-filter{grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;padding:7px 5px!important}
  .agile-hanger-page .ahl-filter>input{height:36px!important;font-size:10px!important;padding:0 9px!important}
  .agile-hanger-page .ahl-filter label{font-size:9.5px!important;gap:5px!important}

  /* Dedicated compact 7-column mobile grid: visually matches the approved table. */
  .agile-hanger-page .ahl-mobile-rows{display:block!important;width:100%!important;margin-top:6px!important;border:1px solid #d6e0e8!important;border-radius:6px!important;overflow:hidden!important;background:#fff!important}
  .agile-hanger-page .ahl-mgrid-head,.agile-hanger-page .ahl-mgrid-row{display:grid!important;grid-template-columns:5% 25% 12% 12% 12% 16% 18%!important;width:100%!important;box-sizing:border-box!important;align-items:stretch!important}
  .agile-hanger-page .ahl-mgrid-head{background:#dfeaf3!important;color:#263c4e!important;font-weight:800!important}
  .agile-hanger-page .ahl-mgrid-head>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:44px!important;padding:3px 1px!important;border-right:1px solid #c3d1dc!important;text-align:center!important;font-size:7.5px!important;line-height:1.05!important;overflow:hidden!important}
  .agile-hanger-page .ahl-mgrid-head>span:nth-child(2){align-items:flex-start!important;padding-left:4px!important}
  .agile-hanger-page .ahl-mgrid-head small{display:block!important;margin-top:2px!important;font-size:6.5px!important;font-weight:700!important}
  .agile-hanger-page .ahl-mgrid-row{border-top:1px solid #dbe3e9!important;background:#fff!important}
  .agile-hanger-page .ahl-mgrid-row>span{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:43px!important;padding:3px 1px!important;border-right:1px solid #e0e6eb!important;color:#111!important;font-size:8.5px!important;line-height:1.05!important;text-align:center!important;box-sizing:border-box!important;overflow:hidden!important}
  .agile-hanger-page .ahl-mgrid-row>span:last-child,.agile-hanger-page .ahl-mgrid-head>span:last-child{border-right:0!important}
  .agile-hanger-page .ahl-mgrid-part{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding-left:4px!important;text-align:left!important}
  .agile-hanger-page .ahl-mgrid-part b{display:block!important;width:100%!important;font-size:8.8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-mgrid-part small{display:block!important;width:100%!important;margin-top:2px!important;color:#566774!important;font-size:6.8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .agile-hanger-page .ahl-mgrid-row input{width:92%!important;height:28px!important;margin:0 auto!important;padding:0 2px!important;border:1px solid #c8d3db!important;border-radius:4px!important;background:#fff!important;font-size:8.5px!important;text-align:center!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-mgrid-row input:disabled{background:#f0f2f3!important;color:#9aa4ab!important}
  .agile-hanger-page .ahl-mgrid-row .ahl-hang,.agile-hanger-page .ahl-mgrid-row .ahl-done{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:95%!important;height:28px!important;min-height:28px!important;margin:0 auto!important;padding:0 2px!important;border:0!important;border-radius:4px!important;color:#fff!important;font-size:7.2px!important;font-weight:800!important;white-space:nowrap!important;box-sizing:border-box!important}
  .agile-hanger-page .ahl-mgrid-row .ahl-hang{background:#0b83ca!important}
  .agile-hanger-page .ahl-mgrid-row .ahl-done{background:#16a13b!important}

  #agileHangerMobileSummary{width:100%!important;min-height:45px!important;margin:8px 0 0!important;border-radius:6px!important;font-size:10px!important}
}
@media (min-width:761px){#agileMobileHamburger{display:none!important}}

/* 2026-09-12 MOBILE HANGER V7 — visual polish only; no business logic changes. */
@media (max-width:760px){
  /* Remove any leftover desktop/orange navigation chrome below the blue app header. */
  #appShell,.container,#appShell.container{background:#f4f6f8!important;border:0!important;margin:0!important;padding:0!important;min-height:0!important}
  #appShell::before,#appShell::after,.container::before,.container::after,#sidebar::before,#primeLeanNav::before{display:none!important;content:none!important}
  #sidebar,#primeLeanNav{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;background:transparent!important}
  .main-content,main.main-content{margin:0!important;padding:0!important;background:#f4f6f8!important;border:0!important}

  /* Keep the work area tighter and closer to the approved mobile reference. */
  .agile-hanger-page{padding:7px 7px 76px!important;background:#f4f6f8!important}
  .agile-hanger-page .ahl-shell{background:#fff!important;border-radius:9px!important;overflow:hidden!important}
  .agile-hanger-page .ahl-gate{margin:0!important;border-radius:8px!important;padding:9px 10px!important}
  .agile-hanger-page .ahl-gate-info>div{grid-template-columns:43% 57%!important}
  .agile-hanger-page .ahl-gate-info label{font-size:9px!important;line-height:1.15!important;color:#192631!important}
  .agile-hanger-page .ahl-gate-info b{font-size:10.5px!important;line-height:1.15!important;color:#101820!important}
  .agile-hanger-page #ahlViewGate{font-size:10px!important;font-weight:800!important;border-radius:6px!important}

  /* KPI cards: cleaner typography and equal heights. */
  .agile-hanger-page .ahl-kpis{gap:5px!important}
  .agile-hanger-page .ahl-kpis>div{min-height:54px!important;border-radius:6px!important}
  .agile-hanger-page .ahl-kpis span{font-size:8.3px!important;color:#283947!important;white-space:nowrap!important}
  .agile-hanger-page .ahl-kpis b{font-size:19px!important;color:#0a1e2e!important}

  /* Filter row: ensure placeholder stays readable and switch label fits. */
  .agile-hanger-page .ahl-filter{padding:6px 5px!important;gap:6px!important;background:#fff!important}
  .agile-hanger-page .ahl-filter>input{height:34px!important;font-size:9.5px!important;color:#23313d!important}
  .agile-hanger-page .ahl-filter>input::placeholder{color:#7f8b95!important;opacity:1!important}
  .agile-hanger-page .ahl-filter label{font-size:8.8px!important;color:#172733!important}

  /* Compact mobile table — dark header text, balanced widths, no clipped captions. */
  .agile-hanger-page .ahl-mgrid-head,.agile-hanger-page .ahl-mgrid-row{
    grid-template-columns:5% 24% 12.5% 12.5% 12.5% 16.5% 17%!important
  }
  .agile-hanger-page .ahl-mgrid-head{
    background:#dce8f1!important;
    color:#163247!important;
    border-bottom:1px solid #b9c9d5!important
  }
  .agile-hanger-page .ahl-mgrid-head>span{
    min-height:42px!important;
    padding:4px 1px!important;
    color:#163247!important;
    font-size:7.2px!important;
    line-height:1.08!important;
    font-weight:800!important;
    text-shadow:none!important;
    white-space:normal!important;
    overflow:visible!important
  }
  .agile-hanger-page .ahl-mgrid-head>span:nth-child(2){padding-left:5px!important;color:#163247!important}
  .agile-hanger-page .ahl-mgrid-head small{font-size:6.2px!important;color:#4c6577!important;font-weight:700!important;line-height:1.05!important}
  .agile-hanger-page .ahl-mgrid-row>span{min-height:42px!important;font-size:8.3px!important;color:#17222b!important}
  .agile-hanger-page .ahl-mgrid-part{padding-left:5px!important}
  .agile-hanger-page .ahl-mgrid-part b{font-size:8.8px!important;color:#101820!important}
  .agile-hanger-page .ahl-mgrid-part small{font-size:6.8px!important;color:#66747f!important}
  .agile-hanger-page .ahl-mgrid-row input{width:90%!important;height:27px!important;font-size:8.5px!important;border-radius:3px!important;color:#101820!important}
  .agile-hanger-page .ahl-mgrid-row .ahl-hang,.agile-hanger-page .ahl-mgrid-row .ahl-done{
    width:94%!important;height:27px!important;min-height:27px!important;border-radius:3px!important;font-size:7px!important
  }
  .agile-hanger-page .ahl-mgrid-row .ahl-hang{background:#0d7fc2!important;color:#fff!important}
  .agile-hanger-page .ahl-mgrid-row .ahl-done{background:#14a23d!important;color:#fff!important}

  /* Summary strip and bottom nav polish. */
  #agileHangerMobileSummary{min-height:43px!important;margin-top:7px!important;border-radius:6px!important;font-size:9.5px!important}
  #agileMobileBottomNav{height:62px!important}
  #agileMobileBottomNav button{font-size:7.8px!important}
  #agileMobileBottomNav button i{font-size:17px!important}
}

/* 2026-09-12 MOBILE HANGER V8 — Gate Entry readability/alignment only. */
@media (max-width:760px){
  .agile-hanger-page .ahl-gate{grid-template-columns:minmax(0,1fr) 108px!important;padding:10px!important;align-items:center!important}
  .agile-hanger-page .ahl-gate-info{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;min-width:0!important}
  .agile-hanger-page .ahl-gate-info>div{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;min-width:0!important}
  .agile-hanger-page .ahl-gate-info label{display:block!important;margin:0!important;color:#263746!important;font-size:11.5px!important;line-height:1.2!important;font-weight:400!important;white-space:nowrap!important;letter-spacing:0!important}
  .agile-hanger-page .ahl-gate-info label::after{content:' :'!important;float:none!important;margin:0!important}
  .agile-hanger-page .ahl-gate-info b{display:block!important;margin:0!important;color:#111d27!important;font-size:12px!important;line-height:1.2!important;font-weight:400!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* 2026-09-12 MOBILE HANGER V9 — gate details single-line + common mobile header company line. */
@media (max-width:760px){
  /* Common mobile header on every ERP page: Inoviq ERP / Agile Corporation / Inoviq Solutions. */
  .topbar{
    height:82px!important;
    min-height:82px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    padding:0 12px!important;
  }
  .topbar .brand-title{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
  .topbar .brand-title h2{font-size:20px!important;line-height:1.05!important;margin:0!important}
  .topbar .brand-title span{
    display:block!important;
    margin-top:3px!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1.08!important;
    font-weight:400!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .topbar .brand-title span::after{
    content:'Inoviq Solutions';
    display:block!important;
    margin-top:2px!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1.08!important;
    font-weight:400!important;
    white-space:nowrap!important;
  }
  #agileMobilePageTitle{font-size:14.5px!important;line-height:1.1!important;align-self:center!important}
  #agileMobileMenu{top:82px!important}
  #agileMobileMenuBackdrop{inset:82px 0 64px!important}

  /* Gate Entry info: every label/value stays on ONE row, with clear dark contrast and no bold. */
  .agile-hanger-page .ahl-gate{
    grid-template-columns:minmax(0,1fr) 108px!important;
    gap:8px!important;
    padding:10px!important;
    align-items:center!important;
  }
  .agile-hanger-page .ahl-gate-info{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    min-width:0!important;
  }
  .agile-hanger-page .ahl-gate-info>div{
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .agile-hanger-page .ahl-gate-info label{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:94px!important;
    min-width:94px!important;
    margin:0!important;
    color:#17242f!important;
    font-size:10.4px!important;
    line-height:1.15!important;
    font-weight:400!important;
    white-space:nowrap!important;
    overflow:visible!important;
    letter-spacing:0!important;
  }
  .agile-hanger-page .ahl-gate-info label::after{
    content:':'!important;
    display:inline-block!important;
    float:none!important;
    margin:0 0 0 5px!important;
    color:#17242f!important;
    font-weight:400!important;
  }
  .agile-hanger-page .ahl-gate-info b{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    color:#0c1822!important;
    font-size:11.3px!important;
    line-height:1.15!important;
    font-weight:400!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .agile-hanger-page #ahlViewGate{
    min-height:46px!important;
    padding:5px 6px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
}


/* V13 FINAL MOBILE HEADER BRANDING — Agile Corporation / Inoviq ERP only */
@media (max-width:760px){
  .topbar .brand-title h2{display:block!important;margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.08!important;font-weight:700!important;white-space:nowrap!important;}
  .topbar .brand-title span{display:block!important;margin-top:4px!important;color:#fff!important;font-size:11px!important;line-height:1.1!important;font-weight:400!important;white-space:nowrap!important;}
  .topbar .brand-title span::after{content:none!important;display:none!important;}
}


/* 2026-09-12 MOBILE V14 — hide operation-only shortcuts on ERP forms. */
@media (max-width:760px){
  body.agile-mobile-form-open #agileMobileBottomNav{
    grid-template-columns:repeat(3,1fr)!important;
  }
  body.agile-mobile-form-open #agileMobileBottomNav [data-mobile-tab="hanger"],
  body.agile-mobile-form-open #agileMobileBottomNav [data-mobile-action="pending"]{
    display:none!important;
  }
}


/* V16 LOGIN SECURITY / MOBILE CHROME LOCK
   Login visible = no mobile bottom navigation, no drawer, no hamburger access. */
@media (max-width:760px){
  body.agile-login-locked #agileMobileBottomNav,
  body.agile-login-locked #agileMobileMenu,
  body.agile-login-locked #agileMobileMenuBackdrop,
  body.agile-login-locked #agileMobileHamburger,
  body.agile-login-locked #menuBtn,
  body.agile-login-locked #agileMobilePageTitle{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.agile-login-locked.agile-mobile-menu-open #agileMobileMenu,
  body.agile-login-locked.agile-mobile-menu-open #agileMobileMenuBackdrop{
    display:none!important;
  }
  body.agile-login-locked #loginScreen{
    z-index:2147483000!important;
  }
}

/* 2026-09-12 MOBILE V19 — Process-wise Production Entry.
   Desktop keeps the normal production table; mobile uses touch-friendly cards. */
.apo-process-bar{
  display:flex;align-items:end;gap:14px;margin:12px 0;padding:12px 14px;background:#f7fbff;border:1px solid #cdd9e2;border-radius:10px
}
.apo-process-bar label{display:flex;flex-direction:column;gap:5px;min-width:280px;font-weight:700;color:#17242f}
.apo-process-bar select{height:38px;border:1px solid #aebbc5;border-radius:6px;background:#fff;padding:0 10px;font-size:14px;color:#111}
.apo-process-note{font-size:13px;color:#4b5d69;padding-bottom:9px}
.apo-mobile-rows{display:none}

@media (max-width:760px){
  .agile-production-page .ahl-top strong{font-size:13px!important}
  .agile-production-page .apo-company{font-size:13px!important}
  .agile-production-page .apo-fy-wrap{display:none!important}
  .agile-production-page .ahl-table-wrap{display:none!important}
  .agile-production-page .apo-mobile-rows{display:block!important;margin-top:10px}
  .agile-production-page .apo-process-bar{
    display:block!important;margin:10px 0 8px!important;padding:10px 11px!important;border-radius:10px!important;background:#eef7ff!important
  }
  .agile-production-page .apo-process-bar label{min-width:0!important;width:100%!important;gap:6px!important;font-size:15px!important}
  .agile-production-page .apo-process-bar select{width:100%!important;height:46px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important}
  .agile-production-page .apo-process-note{padding:7px 1px 0!important;font-size:12px!important;line-height:1.3!important}
  .agile-production-page .ahl-kpis{margin-top:8px!important}
  .agile-production-page .ahl-filter{margin-top:10px!important}
  .apo-mobile-item{
    margin:0 0 12px!important;border:1px solid #cbd8e1!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important
  }
  .apo-mobile-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:11px 12px!important;background:#e8f4fc!important;border-bottom:1px solid #d4e2eb!important}
  .apo-mobile-head>div{display:flex!important;flex-direction:column!important;min-width:0!important}
  .apo-mobile-head small{font-size:10px!important;color:#58707e!important;font-weight:700!important}
  .apo-mobile-head b{font-size:17px!important;line-height:1.15!important;color:#0b1821!important}
  .apo-mobile-head span:not(.apo-process-chip){font-size:13px!important;color:#4d5b64!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .apo-process-chip{max-width:42%!important;padding:5px 8px!important;border-radius:14px!important;background:#d7ecfb!important;color:#0d5f91!important;font-size:11px!important;font-weight:700!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .apo-mobile-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-bottom:1px solid #e3e8ec!important}
  .apo-mobile-stats>div{padding:9px 3px!important;text-align:center!important;border-right:1px solid #e3e8ec!important}
  .apo-mobile-stats>div:last-child{border-right:0!important}
  .apo-mobile-stats span{display:block!important;font-size:10.5px!important;color:#53636d!important;font-weight:600!important}
  .apo-mobile-stats b{display:block!important;margin-top:2px!important;font-size:17px!important;color:#111!important}
  .apo-mobile-entry{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:11px!important}
  .apo-mobile-entry label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:13px!important;font-weight:700!important;color:#17242f!important}
  .apo-mobile-entry input{width:100%!important;height:44px!important;box-sizing:border-box!important;border:1px solid #aab8c2!important;border-radius:7px!important;padding:0 9px!important;font-size:17px!important;color:#111!important;background:#fff!important}
  .apo-mobile-entry .apo-reason{grid-column:1/-1!important}
  .apo-mobile-entry .apo-punch{grid-column:1/-1!important;width:100%!important;min-height:46px!important;font-size:15px!important;font-weight:700!important;border-radius:8px!important}
  .apo-completed{padding:13px!important;text-align:center!important;color:#16763a!important;font-size:14px!important;font-weight:700!important;background:#f1fff6!important}
  .agile-production-page .ahl-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .agile-production-page .ahl-bottom button{min-width:0!important;font-size:13px!important}
}

/* 2026-09-12 MOBILE V20 — remove legacy desktop/sidebar blank strip above
   Hanger Loading and Process-wise Production. Desktop/PC remains untouched. */
@media (max-width:760px){
  #appShell > #sidebar,
  #sidebar,
  #primeLeanNav{
    position:absolute!important;
    left:-10000px!important;
    top:-10000px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  main.main-content,
  .main-content{
    margin-top:0!important;
    padding-top:0!important;
  }
  #agileHangerLoading.agile-hanger-page,
  #agileProductionOk.agile-production-page{
    margin-top:0!important;
    padding-top:7px!important;
  }
}

/* 2026-09-12 MOBILE V21 — Production Entry premium polish.
   Mobile only. Desktop/PC UI remains unchanged. */
@media (max-width:760px){
  /* Give page title its own clean line inside the blue header so it never clips the company name. */
  .topbar{
    position:relative!important;
    height:96px!important;
    min-height:96px!important;
    align-items:flex-start!important;
    padding-top:13px!important;
    padding-bottom:8px!important;
    box-sizing:border-box!important;
  }
  .topbar #menuBtn,
  .topbar #agileMobileHamburger{
    align-self:flex-start!important;
    margin-top:10px!important;
  }
  .topbar .brand-title{
    justify-content:flex-start!important;
    padding-top:2px!important;
    padding-right:4px!important;
  }
  .topbar .brand-title h2{
    font-size:19px!important;
    line-height:1.08!important;
    letter-spacing:.1px!important;
  }
  .topbar .brand-title span{
    margin-top:4px!important;
    font-size:11px!important;
    line-height:1.1!important;
  }
  #agileMobilePageTitle{
    position:absolute!important;
    left:70px!important;
    right:12px!important;
    bottom:8px!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    text-align:right!important;
    font-size:13.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #agileMobileMenu{top:96px!important}
  #agileMobileMenuBackdrop{inset:96px 0 64px!important}

  /* Production screen shell */
  #agileProductionOk.agile-production-page{
    padding:7px 10px 82px!important;
    background:#eef2f5!important;
  }
  #agileProductionOk .ahl-card{
    border:1px solid #d2dce4!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(25,55,75,.10)!important;
    overflow:hidden!important;
  }

  /* Gate info block */
  .agile-production-page .ahl-gate{
    margin:0!important;
    padding:12px!important;
    border:1px solid #d9e2e8!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(33,61,79,.07)!important;
    gap:10px!important;
  }
  .agile-production-page .ahl-gate-info>div{
    min-height:27px!important;
  }
  .agile-production-page .ahl-gate-info label{
    color:#1d2a34!important;
    font-size:13.5px!important;
    font-weight:700!important;
  }
  .agile-production-page .ahl-gate-info b{
    color:#16222c!important;
    font-size:13.5px!important;
    font-weight:500!important;
  }
  .agile-production-page .ahl-gate-actions{
    gap:6px!important;
  }
  .agile-production-page .ahl-gate-actions button{
    min-height:48px!important;
    border-radius:9px!important;
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:800!important;
    box-shadow:0 2px 5px rgba(0,0,0,.12)!important;
  }

  /* Process selector */
  .agile-production-page .apo-process-bar{
    margin:10px 0 9px!important;
    padding:12px!important;
    border:1px solid #c7dbe9!important;
    border-left:4px solid #1687c8!important;
    border-radius:13px!important;
    background:#f2f9fe!important;
    box-shadow:0 2px 8px rgba(20,80,115,.06)!important;
  }
  .agile-production-page .apo-process-bar label{
    font-size:15.5px!important;
    color:#17242f!important;
  }
  .agile-production-page .apo-process-bar select{
    height:48px!important;
    border:1.5px solid #7caac6!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.04)!important;
  }

  /* KPI cards */
  .agile-production-page .ahl-kpis{
    gap:7px!important;
    margin-top:9px!important;
  }
  .agile-production-page .ahl-kpi{
    min-height:78px!important;
    border-radius:12px!important;
    border:1px solid rgba(80,100,115,.10)!important;
    box-shadow:0 2px 7px rgba(31,55,70,.06)!important;
  }
  .agile-production-page .ahl-kpi span{
    font-size:12px!important;
    color:#33444f!important;
    font-weight:600!important;
  }
  .agile-production-page .ahl-kpi b{
    margin-top:2px!important;
    font-size:24px!important;
    line-height:1!important;
    color:#101820!important;
  }

  /* Search / pending row */
  .agile-production-page .ahl-filter{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    margin-top:10px!important;
    padding:7px 0!important;
  }
  .agile-production-page .ahl-filter input[type="search"],
  .agile-production-page .ahl-filter input[type="text"]{
    height:46px!important;
    border:1.5px solid #aebcc6!important;
    border-radius:9px!important;
    padding:0 11px!important;
    font-size:15px!important;
    color:#1b2730!important;
    background:#fff!important;
  }
  .agile-production-page .ahl-filter label{
    font-size:14px!important;
    font-weight:800!important;
    color:#16222c!important;
    white-space:nowrap!important;
  }

  /* Empty/data area */
  .agile-production-page .apo-mobile-rows{
    min-height:84px!important;
    margin-top:6px!important;
    border-radius:11px!important;
  }
  .agile-production-page .ahl-empty,
  .agile-production-page .apo-empty{
    padding:22px 12px!important;
    border:1px dashed #c4d0d8!important;
    border-radius:11px!important;
    background:#fbfcfd!important;
    color:#66757f!important;
    font-size:14px!important;
  }

  /* Bottom action area */
  .agile-production-page .ahl-bottom{
    gap:9px!important;
    margin-top:10px!important;
    padding:10px!important;
    border-radius:0 0 14px 14px!important;
    background:#53636e!important;
  }
  .agile-production-page .ahl-bottom button{
    min-height:48px!important;
    border-radius:9px!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:0 2px 5px rgba(0,0,0,.18)!important;
  }
}


/* 2026-09-12 V24 — Production Entry desktop form standard.
   Desktop follows Gate Entry-style form geometry; mobile V21 UI remains unchanged. */
@media (min-width:761px){
  #agileProductionOk.agile-production-page{
    width:min(1180px,calc(100% - 34px))!important;
    max-width:1180px!important;
    margin:14px auto 70px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #b9c9d5!important;
    border-radius:8px!important;
    box-shadow:0 5px 18px rgba(31,95,139,.14)!important;
    color:#111!important;
  }
  #agileProductionOk .apo-desktop-heading{
    display:block!important;
    margin:0 0 8px!important;
    min-height:34px!important;
    line-height:34px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    background:#6f7b85!important;
    color:#fff!important;
    border-bottom:3px solid #f7941d!important;
    font-size:20px!important;
    font-weight:800!important;
    text-align:center!important;
  }
  #agileProductionOk .apo-desktop-heading::before{display:none!important}
  #agileProductionOk .apo-desktop-toolbar{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    padding:6px 8px!important;
    margin:0 0 8px!important;
    background:#d9efff!important;
    border:1px solid #b7d4e7!important;
  }
  #agileProductionOk .apo-desktop-toolbar button{
    min-width:88px!important;
    height:31px!important;
    border:1px solid #8fa6b5!important;
    border-radius:2px!important;
    background:#fff!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:700!important;
    cursor:pointer!important;
  }
  #agileProductionOk .apo-shell{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  #agileProductionOk .ahl-top{
    min-height:36px!important;
    height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    background:#6f7b85!important;
    border-bottom:2px solid #f7941d!important;
  }
  #agileProductionOk .ahl-top .ahl-title-text{font-size:14px!important}
  #agileProductionOk .ahl-top .ahl-view-mode{font-size:9px!important;height:18px!important}
  #agileProductionOk .ahl-top>strong{font-size:12px!important}
  #agileProductionOk .ahl-gate,
  #agileProductionOk .apo-process-bar{
    border-radius:0!important;
    box-shadow:none!important;
  }
  #agileProductionOk .ahl-gate{margin-top:8px!important}
  #agileProductionOk .apo-process-bar{margin:8px 0!important}
  #agileProductionOk .ahl-kpis{margin-top:8px!important}
  #agileProductionOk .ahl-filter{margin-top:8px!important}
  #agileProductionOk .ahl-bottom{padding:8px 0 0!important}
  #agileProductionOk .apo-mobile-rows{display:none!important}
  #agileProductionOk .ahl-table-wrap{display:block!important}
}
@media (max-width:760px){
  #agileProductionOk .apo-desktop-heading,
  #agileProductionOk .apo-desktop-toolbar{display:none!important}
}
\n\n/* V25 PC Production Entry — Gate Entry desktop standard; mobile remains unchanged */\n@media (min-width:761px){\n  #agileProductionOk.agile-production-page{\n    padding:0!important;\n    background:transparent!important;\n  }\n  #agileProductionOk > h1{display:block!important;}\n  #agileProductionOk .apo-shell{\n    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;\n    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;\n  }\n  #agileProductionOk .apo-desktop-panel-title{display:none!important;}\n  #agileProductionOk .apo-only-desktop{display:block!important;}\n  #agileProductionOk .panel{\n    display:block!important;margin:8px 0!important;padding:10px!important;\n    background:#fff!important;border:1px solid #bcc8d1!important;border-radius:0!important;box-shadow:none!important;\n  }\n  #agileProductionOk .panel-title{\n    margin:-10px -10px 10px!important;padding:7px 10px!important;\n    background:#6d7880!important;color:#fff!important;font-size:13px!important;font-weight:700!important;\n    border-bottom:2px solid #f7941d!important;\n  }\n  #agileProductionOk .ahl-gate{\n    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important;\n  }\n  #agileProductionOk .ahl-gate .panel-title{grid-column:1/-1!important;}\n  #agileProductionOk .ahl-gate-info{\n    display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:10px!important;\n  }\n  #agileProductionOk .ahl-gate-info>div{display:block!important;min-width:0!important;}\n  #agileProductionOk .ahl-gate-info label{display:block!important;color:#222!important;font-size:12px!important;font-weight:700!important;margin:0 0 5px!important;}\n  #agileProductionOk .ahl-gate-info b{\n    display:flex!important;align-items:center!important;height:32px!important;padding:0 9px!important;\n    background:#fff!important;border:1px solid #aebbc5!important;border-radius:2px!important;\n    color:#111!important;font-size:13px!important;font-weight:600!important;\n  }\n  #agileProductionOk .ahl-gate-actions{display:flex!important;gap:8px!important;width:auto!important;}\n  #agileProductionOk .ahl-gate-actions button,\n  #agileProductionOk .ahl-bottom button{\n    min-height:32px!important;padding:0 14px!important;border-radius:2px!important;font-size:12px!important;font-weight:700!important;\n  }\n  #agileProductionOk .apo-desktop-process-panel{padding-bottom:10px!important;}\n  #agileProductionOk .apo-process-bar{\n    display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:12px!important;align-items:end!important;\n    padding:0!important;margin:0!important;background:transparent!important;border:0!important;\n  }\n  #agileProductionOk .apo-process-bar label{display:block!important;width:100%!important;}\n  #agileProductionOk .apo-process-bar label span{display:block!important;font-size:12px!important;font-weight:700!important;margin:0 0 5px!important;color:#222!important;}\n  #agileProductionOk .apo-process-bar select{height:32px!important;width:100%!important;font-size:12px!important;border-radius:2px!important;}\n  #agileProductionOk .apo-process-note{font-size:11px!important;padding:0 0 7px!important;color:#56636d!important;}\n  #agileProductionOk .ahl-kpis{\n    display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:10px 0 0!important;\n  }\n  #agileProductionOk .ahl-kpis>div{\n    min-height:48px!important;padding:6px 8px!important;background:#f7f9fb!important;border:1px solid #c7d1d8!important;border-left:4px solid #f7941d!important;border-radius:0!important;\n  }\n  #agileProductionOk .ahl-kpis span{font-size:11px!important;color:#3f4a52!important;}\n  #agileProductionOk .ahl-kpis b{font-size:20px!important;color:#0d4f7a!important;}\n  #agileProductionOk .ahl-filter{\n    display:grid!important;grid-template-columns:minmax(260px,500px) 1fr!important;align-items:center!important;gap:12px!important;\n    margin:0 0 8px!important;padding:0!important;\n  }\n  #agileProductionOk .ahl-filter input#apoSearch{height:32px!important;font-size:12px!important;border-radius:2px!important;}\n  #agileProductionOk .ahl-filter label{justify-self:end!important;font-size:12px!important;font-weight:700!important;}\n  #agileProductionOk .ahl-table-wrap{display:block!important;overflow:auto!important;border:1px solid #bcc8d1!important;}\n  #agileProductionOk .apo-table{display:table!important;min-width:1100px!important;width:100%!important;border-collapse:collapse!important;background:#fff!important;}\n  #agileProductionOk .apo-table thead{display:table-header-group!important;}\n  #agileProductionOk .apo-table tbody{display:table-row-group!important;}\n  #agileProductionOk .apo-table tr{display:table-row!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;}\n  #agileProductionOk .apo-table th, #agileProductionOk .apo-table td{display:table-cell!important;padding:6px!important;border:1px solid #c6d0d7!important;text-align:center!important;font-size:11px!important;}\n  #agileProductionOk .apo-table th{background:#e9eef2!important;color:#222!important;font-weight:700!important;}\n  #agileProductionOk .apo-table td:nth-child(2){text-align:left!important;}\n  #agileProductionOk .apo-table td::before{content:none!important;display:none!important;}\n  #agileProductionOk .apo-table input{height:28px!important;font-size:11px!important;min-width:72px!important;}\n  #agileProductionOk .apo-mobile-rows{display:none!important;}\n  #agileProductionOk .ahl-bottom{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:8px 0 0!important;padding:0!important;background:transparent!important;}\n}\n
/* V26 PC Production Entry — Gate Entry visual standard. MOBILE IS UNCHANGED. */
@media (min-width:761px){
  #agileProductionOk.agile-production-page{
    width:calc(100% - 80px)!important;
    max-width:1220px!important;
    margin:28px auto 42px!important;
    padding:0!important;
    background:#fff!important;
    border:10px solid #fff!important;
    border-radius:10px!important;
    box-shadow:0 4px 18px rgba(0,0,0,.15)!important;
    box-sizing:border-box!important;
  }
  #agileProductionOk > h1{display:none!important;}
  #agileProductionOk .apo-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;}
  #agileProductionOk .apo-desktop-panel-title{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:42px!important;margin:0!important;padding:0 14px!important;
    background:#66727c!important;color:#fff!important;border:1px solid #56636d!important;border-bottom:3px solid #f7941d!important;
    border-radius:4px 4px 0 0!important;box-sizing:border-box!important;
  }
  #agileProductionOk .apo-desktop-panel-title .ahl-caption{display:flex!important;align-items:center!important;gap:12px!important;}
  #agileProductionOk .apo-desktop-panel-title .ahl-title-text{font-size:18px!important;font-weight:800!important;color:#fff!important;}
  #agileProductionOk .apo-desktop-panel-title .ahl-view-mode{font-size:10px!important;font-weight:700!important;color:#fff!important;background:#2d6388!important;border:1px solid #9ec4df!important;border-radius:12px!important;padding:3px 10px!important;}
  #agileProductionOk .apo-desktop-panel-title strong{font-size:12px!important;color:#fff!important;}

  #agileProductionOk .apo-desktop-toolbar-standard{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;
    min-height:48px!important;margin:10px 0 8px!important;padding:6px 10px!important;
    background:#56616b!important;border:1px solid #46515a!important;border-radius:4px!important;box-sizing:border-box!important;
  }
  #agileProductionOk .apo-desktop-toolbar-standard button{
    min-width:84px!important;height:34px!important;padding:0 13px!important;border:1px solid #9a5b0d!important;border-radius:2px!important;
    background:#f7941d!important;color:#111!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;
  }
  #agileProductionOk .apo-desktop-toolbar-standard button:hover:not(:disabled){filter:brightness(.97)!important;}
  #agileProductionOk .apo-desktop-toolbar-standard button:disabled{
    background:#7da4bc!important;color:#e8f0f5!important;border-color:#6b899c!important;opacity:.7!important;cursor:not-allowed!important;
  }

  #agileProductionOk .panel{margin:8px 0!important;border:1px solid #b9c6cf!important;background:#fff!important;}
  #agileProductionOk .apo-desktop-header-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important;padding:12px!important;}
  #agileProductionOk .apo-desktop-header-panel>.panel-title{display:none!important;}
  #agileProductionOk .ahl-gate-info{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:14px!important;}
  #agileProductionOk .ahl-gate-info .field-wrap{min-width:0!important;}
  #agileProductionOk .ahl-gate-info label{display:block!important;margin:0 0 5px!important;color:#202b33!important;font-size:12px!important;font-weight:700!important;}
  #agileProductionOk .ahl-gate-info b{height:34px!important;display:flex!important;align-items:center!important;padding:0 9px!important;border:1px solid #9fb2c2!important;background:#fff!important;border-radius:2px!important;color:#111!important;font-size:13px!important;}
  #agileProductionOk .ahl-gate-actions{display:flex!important;gap:8px!important;align-items:flex-end!important;}
  #agileProductionOk .ahl-gate-actions button{height:34px!important;min-width:145px!important;padding:0 12px!important;background:#f7941d!important;color:#111!important;border:1px solid #a55e08!important;border-radius:2px!important;font-size:12px!important;font-weight:700!important;}

  #agileProductionOk .apo-desktop-process-panel,
  #agileProductionOk .apo-desktop-details-panel{padding:10px!important;}
  #agileProductionOk .apo-desktop-process-panel>.panel-title,
  #agileProductionOk .apo-desktop-details-panel>.panel-title{
    display:block!important;margin:-10px -10px 10px!important;padding:7px 10px!important;background:#e6f0f7!important;color:#17384b!important;
    border-bottom:1px solid #b9c9d4!important;font-size:13px!important;font-weight:800!important;
  }
  #agileProductionOk .apo-process-bar{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:14px!important;align-items:end!important;padding:0!important;background:transparent!important;border:0!important;}
  #agileProductionOk .apo-process-bar select{height:34px!important;border:1px solid #9fb2c2!important;border-radius:2px!important;background:#fff!important;}
  #agileProductionOk .ahl-kpis{gap:8px!important;margin:10px 0 0!important;}
  #agileProductionOk .ahl-kpis>div{min-height:48px!important;border-radius:0!important;background:#f8fafb!important;}
  #agileProductionOk .ahl-filter{margin:0 0 8px!important;}
  #agileProductionOk .ahl-table-wrap{border:1px solid #b9c6cf!important;}
  #agileProductionOk .apo-table th{background:#dbe7ef!important;color:#17384b!important;font-size:11px!important;font-weight:800!important;}
  #agileProductionOk .ahl-bottom{display:none!important;}
  #agileProductionOk .apo-mobile-rows{display:none!important;}
}

@media (max-width:760px){
  #agileProductionOk .apo-desktop-toolbar-standard{display:none!important;}
}

/* 2026-09-12 V27 — Desktop Production Entry aligned to Gate Entry standard.
   IMPORTANT: desktop-only. Mobile Production Entry is intentionally untouched. */
@media (min-width:761px){
  #agileProductionOk.agile-production-page{
    background:#aeb5bb!important;
    padding:28px 44px 70px!important;
    box-sizing:border-box!important;
  }
  #agileProductionOk > h1{display:none!important;}
  #agileProductionOk .apo-shell{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #c6d0d7!important;
    border-radius:10px!important;
    box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
    overflow:visible!important;
  }

  /* 1. Gate Entry-like caption bar */
  #agileProductionOk .apo-desktop-panel-title{
    order:1!important;
    display:flex!important;
    min-height:42px!important;
    height:42px!important;
    margin:0 0 10px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    background:#68757e!important;
    border:0!important;
    border-bottom:2px solid #f7941d!important;
    border-radius:0!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  #agileProductionOk .apo-desktop-panel-title .ahl-caption{
    display:flex!important;align-items:center!important;gap:10px!important;
  }
  #agileProductionOk .apo-desktop-panel-title .ahl-title-text{
    display:inline-flex!important;align-items:center!important;gap:7px!important;
    color:#fff!important;font-size:16px!important;font-weight:800!important;line-height:1!important;
  }
  #agileProductionOk .apo-desktop-panel-title .ahl-view-mode{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:20px!important;padding:0 10px!important;border:1px solid #78afd0!important;
    border-radius:12px!important;background:#245f86!important;color:#fff!important;
    font-size:10px!important;font-weight:800!important;
  }
  #agileProductionOk .apo-desktop-panel-title>strong{
    color:#fff!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;
  }

  /* 2. Header panel — same visual language as Gate Entry header */
  #agileProductionOk .apo-desktop-header-panel{
    order:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:end!important;
    margin:0 0 10px!important;
    padding:12px 16px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #bac6cf!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #agileProductionOk .apo-desktop-header-panel>.panel-title{display:none!important;}
  #agileProductionOk .ahl-gate-info{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(145px,1fr))!important;
    gap:14px!important;
    min-width:0!important;
  }
  #agileProductionOk .ahl-gate-info .field-wrap{
    display:block!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  }
  #agileProductionOk .ahl-gate-info label{
    display:block!important;margin:0 0 6px!important;color:#111!important;
    font-size:12px!important;font-weight:700!important;line-height:16px!important;
  }
  #agileProductionOk .ahl-gate-info b{
    display:flex!important;align-items:center!important;
    width:100%!important;height:34px!important;min-height:34px!important;
    padding:5px 9px!important;box-sizing:border-box!important;
    background:#fff!important;color:#111!important;
    border:1px solid #aeb9c4!important;border-radius:2px!important;
    font-size:12px!important;font-weight:600!important;line-height:20px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  #agileProductionOk .ahl-gate-actions{
    display:flex!important;align-items:flex-end!important;gap:8px!important;width:auto!important;padding:0!important;margin:0!important;
  }
  #agileProductionOk .ahl-gate-actions button{
    min-width:150px!important;height:34px!important;min-height:34px!important;
    padding:0 14px!important;border:1px solid #b56d00!important;border-radius:2px!important;
    background:#f7941d!important;color:#111!important;
    font-size:12px!important;font-weight:800!important;line-height:1.1!important;
    box-shadow:none!important;white-space:nowrap!important;
  }
  #agileProductionOk .ahl-gate-actions #apoTrace{min-width:125px!important;}

  /* 3. Standard Gate Entry toolbar, BELOW header */
  #agileProductionOk .apo-desktop-toolbar-standard{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:46px!important;
    margin:0 0 10px!important;
    padding:6px 10px!important;
    box-sizing:border-box!important;
    background:#5e6a73!important;
    border:1px solid #4f5b64!important;
    border-radius:4px!important;
    box-shadow:none!important;
  }
  #agileProductionOk .apo-desktop-toolbar-standard button{
    min-width:86px!important;height:34px!important;min-height:34px!important;
    margin:0!important;padding:0 14px!important;
    border:1px solid #b56d00!important;border-radius:2px!important;
    background:#f7941d!important;color:#111!important;
    font-size:12px!important;font-weight:700!important;line-height:32px!important;
    box-shadow:none!important;
  }
  #agileProductionOk .apo-desktop-toolbar-standard button:disabled{
    border-color:#7995a8!important;background:#7fa2b9!important;color:#e8f1f6!important;opacity:1!important;
  }

  /* 4. Process & summary panel */
  #agileProductionOk .apo-desktop-process-panel{
    order:4!important;
    margin:0 0 10px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    background:#f7f9fb!important;
    border:1px solid #bac6cf!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #agileProductionOk .apo-desktop-process-panel>.panel-title,
  #agileProductionOk .apo-desktop-details-panel>.panel-title{
    display:flex!important;align-items:center!important;
    min-height:32px!important;margin:-10px -10px 10px!important;padding:0 10px!important;
    box-sizing:border-box!important;
    background:#e5edf3!important;color:#20323e!important;
    border:0!important;border-bottom:1px solid #b8c4cd!important;
    font-size:13px!important;font-weight:800!important;
  }
  #agileProductionOk .apo-process-bar{
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:14px!important;align-items:end!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;
  }
  #agileProductionOk .apo-process-bar label{display:block!important;min-width:0!important;width:100%!important;}
  #agileProductionOk .apo-process-bar label span{display:block!important;margin:0 0 6px!important;color:#111!important;font-size:12px!important;font-weight:700!important;}
  #agileProductionOk .apo-process-bar select{
    width:100%!important;height:34px!important;min-height:34px!important;
    padding:4px 9px!important;background:#fff!important;color:#111!important;
    border:1px solid #aeb9c4!important;border-radius:2px!important;font-size:12px!important;box-shadow:none!important;
  }
  #agileProductionOk .apo-process-note{padding:0 0 8px!important;color:#5c6972!important;font-size:11px!important;}
  #agileProductionOk .ahl-kpis{
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;
    margin:10px 0 0!important;padding:0!important;
  }
  #agileProductionOk .ahl-kpis>div{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    min-height:58px!important;padding:6px 8px!important;
    background:#fff!important;border:1px solid #b9c5ce!important;border-left:4px solid #f7941d!important;border-radius:0!important;box-shadow:none!important;
  }
  #agileProductionOk .ahl-kpis>div:nth-child(2){border-left-color:#4eaa62!important;}
  #agileProductionOk .ahl-kpis>div:nth-child(3){border-left-color:#d85656!important;}
  #agileProductionOk .ahl-kpis>div:nth-child(4){border-left-color:#2b7fb0!important;}
  #agileProductionOk .ahl-kpis span{font-size:11px!important;color:#384751!important;font-weight:500!important;}
  #agileProductionOk .ahl-kpis b{margin-top:2px!important;font-size:21px!important;line-height:1!important;color:#0d4f7a!important;font-weight:800!important;}

  /* 5. Details — Gate Entry items/grid standard */
  #agileProductionOk .apo-desktop-details-panel{
    order:5!important;
    margin:0!important;padding:10px!important;box-sizing:border-box!important;
    background:#f7f9fb!important;border:1px solid #bac6cf!important;border-radius:0!important;box-shadow:none!important;
  }
  #agileProductionOk .ahl-filter{
    display:grid!important;grid-template-columns:minmax(260px,520px) 1fr!important;gap:12px!important;align-items:center!important;
    margin:0 0 8px!important;padding:0!important;
  }
  #agileProductionOk .ahl-filter #apoSearch{
    width:100%!important;height:34px!important;min-height:34px!important;box-sizing:border-box!important;
    padding:5px 9px!important;background:#fff!important;color:#111!important;
    border:1px solid #aeb9c4!important;border-radius:2px!important;font-size:12px!important;box-shadow:none!important;
  }
  #agileProductionOk .ahl-filter label{
    justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;
    color:#111!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;
  }
  #agileProductionOk .ahl-filter input[type="checkbox"]{width:15px!important;height:15px!important;}
  #agileProductionOk .ahl-table-wrap{
    display:block!important;overflow:auto!important;max-width:100%!important;
    background:#fff!important;border:1px solid #aeb9c4!important;
  }
  #agileProductionOk .apo-table{
    display:table!important;width:100%!important;min-width:1080px!important;border-collapse:collapse!important;table-layout:fixed!important;background:#fff!important;color:#17212b!important;
  }
  #agileProductionOk .apo-table thead{display:table-header-group!important;}
  #agileProductionOk .apo-table tbody{display:table-row-group!important;}
  #agileProductionOk .apo-table tr{display:table-row!important;background:#fff!important;border:0!important;}
  #agileProductionOk .apo-table th{
    display:table-cell!important;height:31px!important;padding:5px 6px!important;
    background:#dce5eb!important;color:#17212b!important;border:1px solid #9faab4!important;
    font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;text-align:center!important;
  }
  #agileProductionOk .apo-table td{
    display:table-cell!important;height:38px!important;padding:4px 5px!important;
    background:#fff!important;color:#17212b!important;border:1px solid #b4bec7!important;
    font-size:11px!important;text-align:center!important;vertical-align:middle!important;
  }
  #agileProductionOk .apo-table tbody tr:nth-child(even) td{background:#f7f9fb!important;}
  #agileProductionOk .apo-table td:nth-child(2){text-align:left!important;}
  #agileProductionOk .apo-table td::before{content:none!important;display:none!important;}
  #agileProductionOk .apo-table input{
    width:100%!important;height:29px!important;min-height:29px!important;box-sizing:border-box!important;
    padding:4px 6px!important;background:#fff!important;color:#111!important;
    border:1px solid #9faab4!important;border-radius:0!important;font-size:11px!important;box-shadow:none!important;
  }
  #agileProductionOk .apo-table .ahl-hang{
    height:29px!important;min-height:29px!important;padding:0 10px!important;border-radius:2px!important;font-size:11px!important;font-weight:800!important;
  }
  #agileProductionOk .apo-mobile-rows{display:none!important;}
  #agileProductionOk .ahl-bottom{
    display:flex!important;justify-content:flex-end!important;gap:8px!important;
    margin:8px 0 0!important;padding:0!important;background:transparent!important;border:0!important;
  }
  #agileProductionOk .ahl-bottom button{
    min-width:120px!important;height:32px!important;min-height:32px!important;padding:0 12px!important;
    border:1px solid #b56d00!important;border-radius:2px!important;background:#f7941d!important;color:#111!important;
    font-size:12px!important;font-weight:700!important;box-shadow:none!important;
  }
}

/* V28 DESKTOP PRODUCTION ENTRY — Gate Entry exact structure. Mobile untouched. */
@media (min-width:761px){
  /* The app already supplies the standard Gate Entry-style form toolbar. Hide the production-only duplicate. */
  #agileProductionOk .apo-desktop-toolbar-standard{display:none!important;}

  #agileProductionOk .ahl-shell{
    width:calc(100% - 40px)!important; max-width:none!important; margin:30px 20px 50px!important;
    padding:10px!important; border-radius:10px!important; background:#fff!important;
  }
  #agileProductionOk .apo-desktop-panel-title{
    height:44px!important; min-height:44px!important; margin:0!important; padding:0 14px!important;
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    background:#65727c!important; border-bottom:2px solid #f7931e!important; border-radius:0!important;
  }
  #agileProductionOk .apo-desktop-panel-title .ahl-caption{display:flex!important;align-items:center!important;gap:14px!important;}
  #agileProductionOk .apo-desktop-panel-title .ahl-title-text{font-size:17px!important;font-weight:800!important;color:#fff!important;}
  #agileProductionOk .apo-desktop-panel-title .ahl-view-mode{font-size:10px!important;padding:3px 10px!important;border-radius:14px!important;background:#24618b!important;color:#fff!important;border:1px solid #d9edf9!important;}
  #agileProductionOk .apo-desktop-panel-title>strong{font-size:12px!important;color:#fff!important;}

  /* Header details exactly like Gate Entry: one clean bordered panel, no side caption block. */
  #agileProductionOk .apo-desktop-header-panel{
    display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:14px!important;
    margin:10px 0!important; padding:16px!important; min-height:0!important;
    border:1px solid #b8c9d6!important; background:#fff!important; border-radius:4px!important;
    overflow:visible!important;
  }
  #agileProductionOk .apo-desktop-header-panel>.panel-title{display:none!important;}
  #agileProductionOk .ahl-gate-info{
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important;
    width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important;
  }
  #agileProductionOk .ahl-gate-info .field-wrap{display:block!important;min-width:0!important;margin:0!important;padding:0!important;}
  #agileProductionOk .ahl-gate-info label{display:block!important;margin:0 0 6px!important;font-size:12px!important;font-weight:700!important;color:#111!important;}
  #agileProductionOk .ahl-gate-info b{
    display:flex!important;align-items:center!important;width:100%!important;height:34px!important;box-sizing:border-box!important;
    padding:0 10px!important;border:1px solid #aebfcd!important;border-radius:3px!important;background:#fff!important;
    font-size:12px!important;font-weight:500!important;color:#111!important;overflow:hidden!important;white-space:nowrap!important;
  }
  #agileProductionOk .ahl-gate-actions{display:flex!important;align-items:flex-end!important;gap:8px!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
  #agileProductionOk .ahl-gate-actions button{height:34px!important;min-width:150px!important;padding:0 14px!important;font-size:12px!important;font-weight:700!important;border-radius:3px!important;}
  #agileProductionOk .ahl-gate-actions #apoTrace{min-width:125px!important;}

  /* Standard content panels follow Gate Entry Items visual language. */
  #agileProductionOk .apo-desktop-process-panel,
  #agileProductionOk .apo-desktop-details-panel{margin:8px 0 0!important;padding:0 10px 10px!important;border:1px solid #b8c9d6!important;border-radius:0!important;background:#fff!important;}
  #agileProductionOk .apo-desktop-process-panel>.panel-title,
  #agileProductionOk .apo-desktop-details-panel>.panel-title{display:block!important;margin:0 -10px 10px!important;padding:8px 10px!important;background:#e6f0f6!important;border-bottom:1px solid #b8c9d6!important;color:#17394f!important;font-size:12px!important;font-weight:800!important;}
  #agileProductionOk .apo-process-bar{padding:0!important;background:#fff!important;border:0!important;}
  #agileProductionOk .apo-process-bar select{height:34px!important;max-width:310px!important;font-size:12px!important;}
  #agileProductionOk .apo-process-note{display:none!important;}
  #agileProductionOk .ahl-kpis{margin-top:8px!important;gap:8px!important;}
  #agileProductionOk .ahl-kpis>div{min-height:54px!important;padding:7px 10px!important;}
  #agileProductionOk .ahl-filter{padding:0 0 8px!important;}
  #agileProductionOk .ahl-filter #apoSearch{height:34px!important;max-width:490px!important;font-size:12px!important;}
  #agileProductionOk .ahl-table-wrap{border:1px solid #b8c9d6!important;}
  #agileProductionOk .apo-table th{background:#dce8f0!important;color:#17394f!important;font-size:11px!important;height:34px!important;}
  #agileProductionOk .apo-table td{height:38px!important;font-size:11px!important;}
  #agileProductionOk .ahl-bottom{display:none!important;}
}

/* 2026-09-14: Mobile Hanger Loading - expose Gate Entry selector when multiple receipts exist */
@media (max-width:760px){
  .agile-hanger-page .ahl-gate{
    grid-template-columns:minmax(0,1fr) 122px!important;
    align-items:stretch!important;
  }
  .agile-hanger-page .ahl-gate-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr 1fr!important;
    gap:6px!important;
    align-self:stretch!important;
  }
  .agile-hanger-page #ahlFindGate{
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:5px 7px!important;
    border:0!important;
    border-radius:7px!important;
    background:#ff9f1c!important;
    color:#111!important;
    box-shadow:0 1px 3px rgba(0,0,0,.16)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.15!important;
  }
  .agile-hanger-page #ahlViewGate{
    min-height:44px!important;
  }
  .agile-find-overlay{
    padding:8px!important;
  }
  .agile-find.gate-find-style{
    width:calc(100vw - 16px)!important;
    height:82vh!important;
  }
  .gate-find-style .agile-find-grid{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .gate-find-style .agile-find-grid table{
    min-width:760px!important;
  }
}


/* 2026-09-14 MOBILE HANGER SELECT V2 — final override, keep selector visible on phone */
@media (max-width:760px){
  #agileHangerLoading .ahl-gate{grid-template-columns:minmax(0,1fr) 132px!important;}
  #agileHangerLoading .ahl-gate-actions{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:6px!important;width:100%!important;margin:0!important;}
  #agileHangerLoading #ahlFindGate{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;min-height:46px!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:5px 6px!important;border:1px solid #b76b0f!important;border-radius:7px!important;background:#ff9f1c!important;color:#111!important;font-size:10px!important;font-weight:800!important;line-height:1.15!important;}
  #agileHangerLoading #ahlViewGate{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;min-height:46px!important;}
  #agileHangerLoading .gate-find-style{width:calc(100vw - 12px)!important;max-width:none!important;height:84vh!important;max-height:84vh!important;padding:8px!important;}
  #agileHangerLoading .gate-find-style .agile-find-head b{font-size:14px!important;}
  #agileHangerLoading .gate-find-style .agile-find-searchbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;}
  #agileHangerLoading .gate-find-style .agile-find-search-btn{padding:0 9px!important;}
  #agileHangerLoading .gate-find-style .agile-find-grid{max-height:60vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
  #agileHangerLoading .gate-find-style .agile-find-grid table{min-width:690px!important;}
}


/* 2026-09-14 MOBILE HANGER SELECT V3 — selector must never disappear after async load */
@media (max-width:760px){
  body #agileHangerLoading.agile-hanger-page #ahlFindGate{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:static!important;pointer-events:auto!important;
  }
}


/* 2026-09-21 Production Entry mobile: keep entry self-contained; no Dashboard shortcut. */
@media (max-width:760px){
  body.agile-mobile-production-entry #agileMobileBottomNav{
    grid-template-columns:repeat(2,1fr)!important;
  }
  body.agile-mobile-production-entry #agileMobileBottomNav button[data-page="dashboard"]{
    display:none!important;
  }
}
/* PC Production Entry: Customer -> eligible Gate Entry -> process lines */
@media (min-width:761px){
#agileProductionOk .av2-pc-prod-header{display:grid;grid-template-columns:1.15fr 1.25fr .8fr 1fr .8fr .7fr;gap:10px;padding:12px 14px}
#agileProductionOk .av2-pc-prod-header label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#1d2c3a}
#agileProductionOk .av2-pc-prod-header select,#agileProductionOk .av2-pc-prod-header strong{height:34px;box-sizing:border-box;border:1px solid #a9bfd0;background:#fff;padding:7px 9px;font:inherit;color:#111}
#agileProductionOk .av2-pc-prod-header strong{font-weight:600;background:#f7fafc}
#agileProductionOk .av2-pc-prod-grid{padding:10px 14px 18px;overflow:auto}
#agileProductionOk .av2-pc-prod-grid table{width:100%;border-collapse:collapse;min-width:980px}
#agileProductionOk .av2-pc-prod-grid th{background:#dceaf4;color:#18344a;font-size:12px;padding:9px 6px;border:1px solid #aec2d1;white-space:nowrap}
#agileProductionOk .av2-pc-prod-grid td{padding:6px;border:1px solid #c4d2dd;vertical-align:middle}
#agileProductionOk .av2-pc-prod-grid input,#agileProductionOk .av2-pc-prod-grid select{width:100%;height:32px;box-sizing:border-box;border:1px solid #a9bfd0;padding:4px 6px}
#agileProductionOk .av2-pc-prod-grid button{height:32px;min-width:68px;background:#ff9f1a;border:1px solid #c77a00;font-weight:700;cursor:pointer;border-radius:0}
#agileProductionOk .av2-pc-locked{background:#f3f5f6;color:#66727b}
#agileProductionOk .av2-pc-wait{font-size:11px;white-space:nowrap}
}

/* 2026-09-21 PC Production Entry clean header — remove inherited dark/black panel */
@media (min-width:761px){
 #agileProductionOk #av2Header{background:#fff!important;color:#111!important;border:1px solid #bcc8d1!important;border-radius:0!important;margin:8px 14px!important;padding:0!important;box-shadow:none!important;}
 #agileProductionOk #av2Header.av2-header{background:#fff!important;}
 #agileProductionOk .av2-pc-prod-header{background:#fff!important;color:#111!important;border:0!important;}
 #agileProductionOk .av2-pc-prod-header label{color:#222!important;}
 #agileProductionOk .av2-pc-prod-header select,#agileProductionOk .av2-pc-prod-header strong{background:#fff!important;color:#111!important;border:1px solid #aebbc5!important;border-radius:0!important;}
 #agileProductionOk .ahl-top strong{font-size:0!important;}
 #agileProductionOk .ahl-top strong:after{content:'DEMO · Inoviq ERP';font-size:12px!important;color:#fff!important;}
}

/* 2026-09-21 desktop form data readability standard */
@media (min-width:761px){
 .page input:not([type=button]):not([type=submit]):not([type=reset]),
 .page select,.page textarea,.page table td,.page .form-control,.page [contenteditable="true"]{color:#111!important;}
 .page input[readonly],.page input:disabled,.page select:disabled,.page textarea:disabled{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important;}
 .page input::placeholder,.page textarea::placeholder{color:#74869a!important;opacity:1!important;}
 #agileProductionOk .av2-pc-prod-header strong{color:#111!important;-webkit-text-fill-color:#111!important;}
}


/* HANGER LOADING — DESKTOP PREMIUM POLISH 2026-09-22 */
@media (min-width:761px){
  #agileHangerLoading .ahl-shell{border-radius:0!important;padding:10px!important;box-shadow:0 5px 16px rgba(22,63,91,.10)!important}
  #agileHangerLoading .ahl-top,#agileHangerLoading .ahl-gate,#agileHangerLoading .ahl-kpis>div,
  #agileHangerLoading .ahl-filter,#agileHangerLoading .ahl-table-wrap,#agileHangerLoading button,
  #agileHangerLoading input{border-radius:0!important}
  #agileHangerLoading .ahl-gate{margin-top:8px!important;padding:12px 14px!important}
  #agileHangerLoading .ahl-kpis{gap:8px!important;margin-top:8px!important}
  #agileHangerLoading .ahl-filter{margin-top:8px!important;padding:10px!important}
  #agileHangerLoading .ahl-table-wrap{margin-top:8px!important}
  #agileHangerLoading .ahl-table th{background:#dce8f1!important;color:#173d58!important;font-weight:800!important}
  #agileHangerLoading .ahl-table tbody td{background:#fff!important;color:#111!important}
  #agileHangerLoading .ahl-table tbody td:nth-child(2) b{
    display:block!important;font-size:11px!important;line-height:1.15!important;
    font-weight:600!important;color:#4c6070!important;margin:0 0 3px!important
  }
  #agileHangerLoading .ahl-table tbody td:nth-child(2) small{
    display:block!important;font-size:14px!important;line-height:1.2!important;
    font-weight:800!important;color:#102f45!important;margin:0!important
  }
  #agileHangerLoading .ahl-table tbody tr:hover td{background:#f4f9fc!important}
  #agileHangerLoading .ahl-hang,#agileHangerLoading .ahl-done,
  #agileHangerLoading .ahl-gate-actions button,#agileHangerLoading .ahl-bottom button{border-radius:0!important}
}

/* 2026-09-23 PC PRODUCTION ENTRY — Gate Entry geometry/UI alignment only. */
@media (min-width:761px){
  #agileProductionOk .ahl-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:20px 14px 46px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #c4cdd4!important;
    border-radius:10px!important;
    box-shadow:0 4px 14px rgba(28,54,72,.12)!important;
  }
  #agileProductionOk .ahl-top{
    min-height:44px!important;height:44px!important;
    margin:0!important;padding:0 12px!important;
    box-sizing:border-box!important;
    background:#65727c!important;
    border:0!important;border-bottom:2px solid #f7931e!important;
    border-radius:0!important;
  }
  #agileProductionOk .ahl-top .ahl-title-text{font-size:16px!important;font-weight:800!important;color:#fff!important;}
  #agileProductionOk .ahl-top .ahl-view-mode{font-size:10px!important;}

  #agileProductionOk #av2Header{
    margin:10px 0 0!important;padding:0!important;
    border:1px solid #b8c9d6!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;
  }
  #agileProductionOk .av2-pc-section-title{
    display:block!important;
    margin:0!important;padding:7px 10px!important;
    min-height:30px!important;box-sizing:border-box!important;
    background:#e6f0f6!important;color:#17394f!important;
    border:0!important;border-bottom:1px solid #b8c9d6!important;
    font-size:12px!important;font-weight:800!important;line-height:16px!important;
  }
  #agileProductionOk .av2-pc-prod-header{
    grid-template-columns:1.35fr 1fr .9fr 1fr 1fr .85fr!important;
    gap:10px 12px!important;padding:12px 14px 16px!important;
    background:#fff!important;
  }
  #agileProductionOk .av2-pc-prod-header label{gap:5px!important;font-size:12px!important;color:#111!important;}
  #agileProductionOk .av2-pc-prod-header select,
  #agileProductionOk .av2-pc-prod-header strong{
    height:34px!important;min-height:34px!important;padding:0 9px!important;
    display:flex!important;align-items:center!important;
    border:1px solid #aebfcd!important;border-radius:2px!important;
    background:#fff!important;color:#111!important;font-size:12px!important;font-weight:500!important;
  }
  #agileProductionOk .av2-pc-material-field{grid-column:auto!important;}

  #agileProductionOk .av2-toolbar{
    margin:10px 0!important;padding:7px 10px!important;min-height:46px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    box-sizing:border-box!important;background:#65727c!important;border:0!important;border-radius:3px!important;
  }
  #agileProductionOk .av2-toolbar button{
    min-width:82px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 14px!important;
    border:1px solid #b86e00!important;border-radius:2px!important;
    background:#f7941d!important;color:#111!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;
  }

  #agileProductionOk #av2Content{
    margin:0!important;padding:0!important;
    border:1px solid #b8c9d6!important;border-radius:0!important;background:#fff!important;
  }
  #agileProductionOk #av2Content>.av2-pc-section-title{margin:0!important;}
  #agileProductionOk .av2-pc-prod-grid{padding:10px 12px 14px!important;overflow:auto!important;}
  #agileProductionOk .av2-pc-prod-grid table{min-width:980px!important;width:100%!important;}
  #agileProductionOk .av2-pc-prod-grid th{
    height:34px!important;padding:6px!important;background:#dce8f0!important;color:#17394f!important;
    border:1px solid #b8c9d6!important;font-size:11px!important;font-weight:800!important;
  }
  #agileProductionOk .av2-pc-prod-grid td{height:38px!important;padding:6px!important;background:#fff!important;color:#111!important;font-size:11px!important;}
  #agileProductionOk .av2-pc-prod-grid input,#agileProductionOk .av2-pc-prod-grid select{height:32px!important;border-radius:2px!important;color:#111!important;}
  #agileProductionOk .av2-pc-prod-grid button{height:32px!important;border-radius:2px!important;}
  #agileProductionOk .av2-empty{min-height:92px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#4c6577!important;background:#fff!important;}
  #agileProductionOk .av2-status{
    margin:8px 0 0!important;padding:9px 12px!important;min-height:34px!important;box-sizing:border-box!important;
    background:#eaf2f7!important;color:#17394f!important;border:0!important;border-radius:0!important;font-size:11px!important;
  }
}