/* Clean timing upload + compact right-side incoming files drawer. */
#timingDialog .timing-modal{width:min(900px,calc(100vw - 32px));max-width:900px;position:relative;padding-top:18px}
#timingDialog .timing-modal>.modal-title{height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important}
#timingDialog .timing-modal>.modal-title>div{display:none!important}
#timingDialog .timing-modal>.modal-title>.icon-btn{position:absolute!important;top:8px!important;right:8px!important;z-index:20!important}
#timingDialog .timing-modal-grid{grid-template-columns:330px minmax(0,1fr);gap:0;align-items:stretch}
#timingDialog .clean-timing-share{padding:20px 20px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
#timingDialog .clean-timing-share img{width:220px;height:220px;object-fit:contain;align-self:center}
#timingDialog .clean-timing-share .urlbox{margin-top:auto;word-break:break-all}
#timingDialog .clean-timing-share .btn{margin-bottom:0}
#timingDialog .clean-timing-upload{padding:20px;display:flex;min-height:390px}
#timingDialog .clean-timing-dropzone{flex:1;min-height:350px;border:2px dashed #bdbdb8;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fbfbfa;cursor:pointer;transition:.15s}
#timingDialog .clean-timing-dropzone:hover,#timingDialog .clean-timing-dropzone.drag-over{border-color:var(--red);background:var(--red-soft)}
#timingDialog .clean-timing-dropzone .drop-icon{width:56px;height:56px;border-radius:14px;background:#ededeb;display:grid;place-items:center;font-size:28px;font-weight:900}
#timingDialog .clean-timing-dropzone b{font-size:19px}
#timingDialog .clean-timing-dropzone .btn{pointer-events:none;margin-top:6px}

body.openkart-page-file-drag:after{content:"";position:fixed;inset:7px;border:3px dashed var(--red);border-radius:14px;pointer-events:none;z-index:1000;background:rgba(237,28,36,.025)}

/* The drawer stays in the bottom-right corner and opens upward over the page. */
.global-inbox-rail.inbox-drawer,
.inbox-drawer{
  position:fixed!important;
  left:auto!important;
  right:10px!important;
  top:auto!important;
  bottom:10px!important;
  transform:none!important;
  width:min(390px,calc(100vw - 20px))!important;
  border-radius:10px!important;
  z-index:46!important;
  display:block!important;
  box-shadow:0 10px 34px rgba(0,0,0,.16)!important;
}
.global-inbox-rail .inbox-drawer-toggle,.inbox-drawer-toggle{height:46px!important;padding:0 12px!important}
.global-inbox-rail .inbox-drawer-panel,.inbox-drawer-panel{display:block;max-height:0!important;min-height:0!important;opacity:0!important;overflow:hidden!important;border-top:0!important;transition:max-height .22s ease,opacity .14s ease!important}
.global-inbox-rail.open .inbox-drawer-panel,.inbox-drawer.open .inbox-drawer-panel{display:block!important;max-height:min(650px,72vh)!important;opacity:1!important;border-top:1px solid #d8d8d4!important}
.global-inbox-rail .inbox-drawer-panel-head,.inbox-drawer .inbox-drawer-panel-head{display:none!important}
.global-inbox-rail .inbox-body,.inbox-drawer .inbox-body{padding:9px!important;max-height:min(600px,66vh)!important;overflow:auto!important;display:block!important}
.global-inbox-rail .inbox-list,.inbox-drawer .inbox-list,.clean-inbox-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:0!important}
.global-inbox-rail .doc-card,.inbox-drawer .doc-card,.clean-doc-card{width:100%!important;min-width:0!important;padding:8px!important;display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:8px!important;cursor:default!important}
.global-inbox-rail .doc-thumb,.inbox-drawer .doc-thumb,.clean-doc-card .doc-thumb{grid-row:1/4;height:100px!important}
.clean-doc-card .doc-meta{padding:2px 0 0;min-width:0}
.clean-doc-card .doc-meta b{font-size:11px}
.clean-doc-card .doc-meta span{font-size:9px;color:#888}
.clean-doc-fields{display:grid;grid-template-columns:105px minmax(0,1fr);gap:6px;grid-column:2}
.clean-doc-fields select{width:100%;min-width:0;border:1px solid #d4d4d0;border-radius:7px;background:#fff;padding:6px 7px;font-size:10px;font-weight:700}
.clean-doc-actions{grid-column:2;display:flex!important;justify-content:flex-start!important;gap:5px!important;flex-wrap:wrap!important;padding-top:1px}
.clean-doc-actions .btn{flex:0 0 auto}
.global-inbox-rail .inbox-tip,.inbox-drawer .inbox-tip{display:none!important}
.global-inbox-rail .inbox-empty,.inbox-drawer .inbox-empty{padding:17px 8px;text-align:center}

/* Timing source preview: always fit the complete printout into one viewport. */
#imageDialog{
  width:min(96vw,1500px)!important;
  max-width:96vw!important;
  height:min(94vh,980px)!important;
  max-height:94vh!important;
  padding:14px 16px 16px!important;
  overflow:hidden!important;
}
#imageDialog .image-modal{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
#imageDialog .modal-title{flex:0 0 auto;margin-bottom:10px}
#imageDialogImg{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(94vh - 92px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}

/* OCR review stays clean: no secondary upload/help blocks, actions always pinned to the bottom. */
#ocrReviewDialog .ocr-review-dropzone,
#ocrReviewDialog .import-note{display:none!important}
#ocrReviewDialog .ocr-review-popup{position:relative!important;padding-bottom:0!important}
#ocrReviewDialog .import-actions{
  position:sticky!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:30!important;
  margin:18px -20px 0!important;
  padding:14px 20px 18px!important;
  background:#fff!important;
  border-top:1px solid var(--line)!important;
  box-shadow:0 -10px 24px rgba(0,0,0,.08)!important;
}

/* Reclaim width that older left-rail layouts reserved. */
@media(min-width:1101px){
  #app>.module-page{margin-left:0!important}
  .session-bar-wrap{padding-right:20px!important}
  .workspace{padding-right:14px!important}
}
@media(max-width:720px){
  #timingDialog .timing-modal{padding-top:16px}
  #timingDialog .timing-modal-grid{grid-template-columns:1fr}
  #timingDialog .clean-timing-share{border-right:0;border-bottom:1px solid var(--line);padding:14px}
  #timingDialog .clean-timing-share img{width:180px;height:180px}
  #timingDialog .clean-timing-upload{padding:14px;min-height:270px}
  #timingDialog .clean-timing-dropzone{min-height:250px}
  .global-inbox-rail.inbox-drawer,.inbox-drawer{right:7px!important;bottom:7px!important;width:calc(100vw - 14px)!important}
  #imageDialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;max-height:calc(100vh - 12px)!important;padding:10px!important}
  #imageDialogImg{max-height:calc(100vh - 82px)!important}
  #ocrReviewDialog .import-actions{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
}