/* V18.1 — focused responsive stabilization */
.receipt-entry{cursor:pointer}
.photo-modal{z-index:10000!important;width:100vw!important;height:100vh!important;height:100dvh!important;padding:18px!important;overflow:hidden!important;touch-action:none}
.photo-modal .modal-body{width:min(1100px,100%)!important;height:min(86dvh,900px)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.photo-modal .modal-body img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(86dvh - 42px)!important;object-fit:contain!important;transform-origin:center;touch-action:none;user-select:none}
.photo-modal .modal-body p{margin:9px 0 0;color:#d5dedc;font-size:11px}
.photo-modal .modal-close{z-index:10001!important;background:#0d1b20e8!important;color:#fff!important;border:1px solid #ffffff35!important}

/* Notifications: calm, high-contrast command-centre cards */
.notifications-page{max-width:1080px!important}
.notification-list{display:grid;gap:12px;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
.notification-item{position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:15px!important;align-items:start!important;padding:18px!important;border:1px solid #d9e2e4!important;border-radius:16px!important;background:#fff!important;color:#1c2a33!important;box-shadow:0 12px 34px #17313b0c}
.notification-item.unread{border-color:#8dd6c6!important;box-shadow:inset 3px 0 #0ba88f,0 12px 34px #0b8e7512!important}
.notification-item form:first-child{grid-row:1/3}
.notification-check{width:40px!important;height:40px!important;border-radius:12px!important;border:1px solid #b9ddd5!important;background:#e9f7f3!important;color:#07816f!important;padding:10px!important}
.notification-check svg{width:20px;height:20px}
.notification-open{padding:0!important;color:#1c2a33!important}
.notification-open strong{font-size:15px!important;color:#15242d!important}
.notification-open p{margin:6px 0!important;color:#566972!important;line-height:1.55!important}
.notification-open small{color:#89989e!important}
.read-state{align-self:center;padding:6px 9px;border-radius:999px;background:#edf3f4;color:#52666e!important}
.notification-item.unread .read-state{background:#e3f6f1;color:#087f6e!important}
html[data-theme=dark] .notification-item{background:#111a1e!important;border-color:#304047!important;color:#eef3f2!important}
html[data-theme=dark] .notification-open,html[data-theme=dark] .notification-open strong{color:#f4f7f6!important}
html[data-theme=dark] .notification-open p{color:#b2c0c3!important}
html[data-theme=dark] .notification-open small{color:#78898e!important}
html[data-theme=dark] .notification-check{background:#15342f!important;border-color:#26675b!important;color:#60d8bf!important}

@media(max-width:900px){
  body{overflow-x:hidden!important}
  main{padding-left:16px!important;padding-right:16px!important;max-width:100vw!important}
  .command-header{grid-template-columns:42px minmax(116px,1fr) auto!important;padding:0 15px!important;gap:8px!important}
  .command-header .brand{grid-column:2!important;width:min(190px,42vw)!important;height:42px!important;margin:0!important;justify-self:center!important}
  .header-actions{grid-column:3!important;gap:5px!important}
  .preference-button,.notification-button{width:38px!important;height:38px!important;padding:8px!important}
  .user-chip{padding:4px!important}.user-chip span,.user-chip em{display:none!important}.user-chip>b{width:32px!important;height:32px!important}

  .workspace-head{min-height:0!important;margin:12px 0!important;padding:23px 20px!important;display:block!important;text-align:left!important;border-radius:18px!important}
  .workspace-head:before{opacity:.28!important}
  .workspace-head .eyebrow{font-size:8px!important;letter-spacing:1.4px!important;margin:0 0 9px!important}
  .workspace-head h1{font-size:27px!important;line-height:1.12!important;letter-spacing:-.7px!important;margin:0 0 7px!important;overflow-wrap:anywhere}
  .workspace-head p{font-size:12px!important;line-height:1.5!important;max-width:92%!important}
  .workspace-switch{display:none!important}
  .operation-bar{padding:0 8px!important;border-radius:16px!important;overflow:hidden!important}
  .clean-tabs{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;overflow-x:auto}
  .clean-tabs a{padding:15px 8px!important;text-align:center!important;white-space:nowrap!important;font-size:11px!important}
  .operation-bar>.filter-trigger{width:40px!important;min-width:40px!important;padding:9px!important;justify-content:center!important}
  .operation-bar>.filter-trigger span{display:none!important}

  .queue-summary{display:grid!important;grid-template-columns:auto 1fr!important;gap:0 9px!important;align-items:center!important;padding:13px 16px!important;margin:10px 0!important;border-radius:14px!important}
  .queue-summary strong{grid-row:1/3;font-size:28px!important}.queue-summary span{font-size:12px!important;font-weight:750}.queue-summary small{font-size:10px!important;line-height:1.4!important}
  .operator-queue-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:9px 0 13px!important;padding:5px!important}
  .operator-queue-tabs a{min-width:0!important;padding:12px 9px!important;font-size:10px!important;line-height:1.3!important;text-align:center!important;white-space:normal!important}

  .records-section{margin-top:13px!important;padding:14px!important;border-radius:17px!important;overflow:visible!important}
  .section-title{align-items:flex-start!important;margin-bottom:12px!important;gap:8px!important}.section-title h2{font-size:18px!important;margin:0 0 3px!important}.section-title p{font-size:10px!important;line-height:1.35!important}.section-title>span{flex:none!important}
  .data-table{border:0!important;display:grid!important;gap:11px!important;overflow:visible!important}
  .data-head{display:none!important}
  .data-row:not(.data-head){position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) 38px!important;grid-template-rows:auto!important;gap:9px 12px!important;min-height:0!important;padding:15px!important;border:1px solid #dce5e7!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 24px #17313b0b!important}
  .data-row:not(.data-head)>span{min-width:0!important;grid-column:2!important;grid-row:auto!important;display:block!important;font-size:12px!important;line-height:1.35!important;overflow:visible!important;color:#24343d!important}
  .data-row:not(.data-head)>span:before{content:attr(data-label);display:block;margin-bottom:2px;color:#87969c;font-size:7px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
  .data-row:not(.data-head)>.cell-visual{grid-column:1!important;grid-row:1/6!important;align-self:start!important}.cell-visual:before{display:none!important}
  .data-row:not(.data-head)>.cell-tracking{grid-row:1!important}.data-row:not(.data-head)>.cell-material{grid-row:2!important;font-size:15px!important;font-weight:750!important}.data-row:not(.data-head)>.description-cell{grid-row:3!important}.data-row:not(.data-head)>.cell-site{grid-row:4!important}.data-row:not(.data-head)>.cell-invoice{grid-row:5!important}.data-row:not(.data-head)>.cell-delivery{grid-row:6!important}.data-row:not(.data-head)>.cell-status{grid-row:7!important;margin-top:3px}
  .data-row:not(.data-head)>.row-actions{grid-column:3!important;grid-row:1/3!important;display:flex!important;justify-content:flex-end!important}.row-actions:before{display:none!important}
  .doc-preview{width:72px!important;height:78px!important;border-radius:12px!important}
  .cell-tracking strong{font-size:10px!important;color:#667980!important}.state{font-size:9px!important;padding:6px 9px!important;max-width:100%;white-space:normal!important}
  html[data-theme=dark] .data-row:not(.data-head){background:#131d21!important;border-color:#304047!important}html[data-theme=dark] .data-row:not(.data-head)>span{color:#e7eeee!important}

  .photo-modal{inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;padding:58px 10px 14px!important;align-items:center!important}.photo-modal .modal-body{width:100%!important;height:100%!important;max-height:none!important}.photo-modal .modal-body img{max-width:100%!important;max-height:calc(100% - 32px)!important;border-radius:8px!important}.photo-modal .modal-close{top:max(12px,env(safe-area-inset-top))!important;right:12px!important}
  .notification-item{grid-template-columns:38px minmax(0,1fr)!important;padding:15px!important;gap:12px!important}.notification-check{width:36px!important;height:36px!important}.read-state{grid-column:2!important;justify-self:start!important}.notification-open strong{font-size:14px!important}.notification-open p{font-size:12px!important}

  .metric-grid{gap:10px!important}.metric-card{min-height:132px!important;padding:17px!important}.metric-card strong{font-size:27px!important}.metric-card span{font-size:9px!important;line-height:1.35!important;padding-right:28px}
  .activity-panel{padding:17px!important;border-radius:18px!important}.activity-head{align-items:flex-start!important;gap:10px!important}.activity-head h2{font-size:18px!important}.activity-head>a{font-size:10px!important;text-align:right!important;max-width:105px}
  .activity-list{display:grid!important;gap:9px!important;border:0!important}.activity-item{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:5px 10px!important;min-height:0!important;padding:13px!important;border:1px solid #dfe7e8!important;border-radius:13px!important;background:#fff!important}.activity-item>div:nth-of-type(5){grid-column:2!important}.activity-item .state{display:inline-flex!important;margin-top:5px}.activity-arrow{display:none!important}html[data-theme=dark] .activity-item{background:#131d21!important;border-color:#304047!important}
}

@media(max-width:390px){
  main{padding-left:11px!important;padding-right:11px!important}.command-header{padding:0 10px!important}.command-header .brand{width:145px!important}.preference-control:first-child{display:none!important}
  .workspace-head h1{font-size:24px!important}.clean-tabs a{font-size:10px!important;padding-inline:5px!important}.operator-queue-tabs{grid-template-columns:1fr!important}
  .data-row:not(.data-head){grid-template-columns:64px minmax(0,1fr) 34px!important;padding:12px!important;gap:8px 10px!important}.doc-preview{width:64px!important;height:70px!important}
}

/* V19 - mobile acceptance fixes (loaded last, deliberately specific) */
body.lightbox-open{overflow:hidden!important}
.detail-zoom-overlay{position:fixed!important;z-index:10000!important;inset:0!important;width:100vw!important;height:100dvh!important;padding:max(58px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050a0ded!important;backdrop-filter:blur(10px)!important;overflow:hidden!important;touch-action:none!important}
.detail-zoom-stage{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.detail-zoom-overlay img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform-origin:center!important;user-select:none!important;-webkit-user-drag:none!important}
.detail-zoom-overlay button{position:fixed!important;z-index:2!important;top:max(10px,env(safe-area-inset-top))!important;right:12px!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid #ffffff40!important;border-radius:50%!important;background:#102129f2!important;color:#fff!important;font-size:27px!important;line-height:1!important}

/* Notification centre follows the dark compact reference in every theme. */
.notifications-page{width:min(100%,1080px)!important}
.notifications-page .notification-list{padding:12px!important;border:1px solid #29373c!important;border-radius:22px!important;background:linear-gradient(145deg,#101619,#090d0f)!important;box-shadow:0 28px 70px #06101328!important}
.notifications-page .notification-item{grid-template-columns:40px minmax(0,1fr) auto!important;gap:13px!important;margin:0!important;padding:17px!important;border:1px solid #2c373b!important;border-radius:17px!important;background:linear-gradient(135deg,#171c1f,#101416)!important;color:#f2f6f5!important;box-shadow:none!important;overflow:hidden!important}
.notifications-page .notification-item.unread{border-color:#28675c!important;box-shadow:inset 3px 0 #58ddbf!important}
.notifications-page .notification-open,.notifications-page .notification-open strong{color:#f5f8f7!important;text-align:left!important}
.notifications-page .notification-open p{color:#b5c0c1!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.notifications-page .notification-open small{color:#7f8c90!important}
.notifications-page .notification-check{background:#17322e!important;border-color:#2d6259!important;color:#63ddc2!important}
.notifications-page .read-state{background:#20292c!important;color:#b8c4c5!important}
.notifications-page .notification-item.unread .read-state{background:#123b34!important;color:#73e2ca!important}

@media(max-width:900px){
  .command-header{height:72px!important;grid-template-columns:44px minmax(112px,1fr) auto!important;column-gap:7px!important;padding:0 12px!important}
  .command-header .menu-trigger{width:44px!important;height:44px!important}
  .command-header .brand{width:min(164px,38vw)!important;min-width:112px!important;height:42px!important;overflow:hidden!important}
  .command-header .brand img{width:100%!important;height:100%!important;object-fit:contain!important}
  .command-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important}
  .command-header .preference-button,.command-header .notification-button{flex:0 0 38px!important;width:38px!important;height:38px!important}
  .command-header .user-chip{flex:0 0 40px!important;width:40px!important;height:40px!important;padding:3px!important;overflow:hidden!important}
  .command-header .user-chip>b{width:32px!important;height:32px!important}

  .workspace-head{position:relative!important;z-index:0!important;width:100%!important;margin:14px 0 12px!important;padding:20px 18px!important;overflow:hidden!important}
  .workspace-head>div{min-width:0!important}.workspace-head h1{max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.workspace-head p{max-width:100%!important}
  .operation-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:center!important;gap:4px!important;min-height:62px!important}
  .clean-tabs{min-width:0!important}.clean-tabs a{min-width:0!important;white-space:normal!important;line-height:1.25!important}

  .queue-summary{grid-template-columns:42px minmax(0,1fr)!important;padding:12px 14px!important}.queue-summary strong{font-size:25px!important}.queue-summary span{line-height:1.2!important}.queue-summary small{white-space:normal!important}
  .operator-queue-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.operator-queue-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;overflow-wrap:anywhere!important}

  .records-section{width:100%!important;min-width:0!important;padding:13px!important;overflow:hidden!important}.section-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.section-title>div{min-width:0!important}.section-title h2,.section-title p{overflow-wrap:anywhere!important}
  .data-table{width:100%!important;min-width:0!important}
  .data-row:not(.data-head){width:100%!important;grid-template-columns:68px minmax(0,1fr) 36px!important;grid-auto-rows:min-content!important;align-items:start!important;margin:0!important;padding:13px!important;overflow:visible!important}
  .data-row:not(.data-head)>span{grid-column:2!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:baseline!important;column-gap:7px!important;width:auto!important;padding:1px 0!important;overflow-wrap:anywhere!important;font-size:11px!important;line-height:1.28!important}
  .data-row:not(.data-head)>.cell-tracking,.data-row:not(.data-head)>.cell-material,.data-row:not(.data-head)>.description-cell,.data-row:not(.data-head)>.cell-site,.data-row:not(.data-head)>.cell-invoice,.data-row:not(.data-head)>.cell-delivery,.data-row:not(.data-head)>.cell-status{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:baseline!important;column-gap:7px!important;padding:1px 0!important;font-size:11px!important;line-height:1.28!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  .data-row:not(.data-head)>.cell-visual{grid-column:1!important;grid-row:1/8!important}.data-row:not(.data-head)>.row-actions{grid-column:3!important;grid-row:1/8!important}
  .data-row:not(.data-head)>.cell-tracking{grid-row:1!important}.data-row:not(.data-head)>.cell-material{grid-row:2!important}.data-row:not(.data-head)>.description-cell{grid-row:3!important}.data-row:not(.data-head)>.cell-site{grid-row:4!important}.data-row:not(.data-head)>.cell-invoice{grid-row:5!important}.data-row:not(.data-head)>.cell-delivery{grid-row:6!important}.data-row:not(.data-head)>.cell-status{grid-row:7!important}
  .data-row:not(.data-head)>span:before{display:block!important;width:auto!important;margin:0!important;align-self:baseline!important;font-size:7px!important;line-height:1.25!important}.doc-preview{width:62px!important;height:68px!important}
  .data-row:not(.data-head)>.cell-material{font-size:13px!important;line-height:1.25!important}.data-row:not(.data-head)>.cell-status{align-items:center!important}.data-row:not(.data-head)>.cell-status .state{justify-self:start!important}

  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-card{min-width:0!important}.metric-card:last-child{grid-column:auto!important}
  .activity-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.activity-head>a{max-width:94px!important;line-height:1.35!important}
  .activity-item{grid-template-columns:26px minmax(0,1fr)!important;align-items:start!important}.activity-item .activity-primary{min-width:0!important}.activity-item .activity-primary strong,.activity-item .activity-primary small{white-space:normal!important;overflow-wrap:anywhere!important}.activity-item>div:last-of-type{grid-column:2!important;justify-self:start!important}.activity-item .state{max-width:100%!important;white-space:normal!important}

  .notifications-page .notification-list{padding:10px!important;border-radius:18px!important}.notifications-page .notification-item{grid-template-columns:36px minmax(0,1fr)!important;padding:14px!important}.notifications-page .read-state{grid-column:2!important;justify-self:start!important}
  .document-gallery{grid-template-columns:1fr!important}.document-image{height:min(58vw,240px)!important}
}

@media(max-width:380px){
  .command-header{grid-template-columns:42px minmax(98px,1fr) auto!important;padding-inline:9px!important}.command-header .brand{width:min(132px,35vw)!important}.command-header .preference-control:first-child{display:none!important}
  .data-row:not(.data-head){grid-template-columns:58px minmax(0,1fr) 32px!important;gap:7px!important;padding:11px!important}.doc-preview{width:54px!important;height:62px!important}
  .operator-queue-tabs{grid-template-columns:1fr!important}.metric-grid{gap:8px!important}.metric-card{padding:14px!important}
}