.dg22-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.dg22-photo-card{display:grid;align-content:start;gap:8px;min-width:0;padding:12px;border:1px solid #e2e8f0;border-radius:12px}.dg22-photo-card img{width:100%;height:135px;object-fit:cover;border-radius:8px}.dg22-photo-card small{color:#64748b}.dg22-photo-viewer{border:0;border-radius:14px;padding:16px;max-width:94vw;max-height:94vh;background:#fff}.dg22-photo-viewer::backdrop{background:#0f172acc}.dg22-photo-viewer>div{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.dg22-photo-viewer img{display:block;max-width:85vw;max-height:78vh;object-fit:contain}.dg22-approval-panel{padding:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;margin:12px 0}.dg22-approval-panel label,.dg22-approval-item{display:flex;gap:8px;align-items:center}.dg22-approval-panel input[type=checkbox],.dg22-approval-item input[type=checkbox]{width:18px;height:18px;margin:0}.dg22-approval-item{grid-column:1/-1;padding:5px 0}.dg22-approval-item[hidden]{display:none}.dg22-operator-action{border:2px solid #cbd5e1;border-radius:14px;padding:14px;background:#f8fafc;margin:12px 0}.dg22-work-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dg22-work-summary h2{font-size:21px;margin:0}.dg22-work-summary p{margin:4px 0}.dg22-operator-action .op-box{margin:0 0 12px;padding:10px}.dg22-operator-action .op-box strong{font-size:20px}.dg22-operator-action .operator-pin-form{margin:8px 0}.dg22-operator-action .pin{max-width:200px}.dg22-work-details{margin-top:16px}.dg22-work-details summary{font-weight:700;padding:12px;cursor:pointer}.dg22-work-details .dgm-tablet{margin:12px 0}.dg22-work-details .flow-container{margin-top:14px}@media(min-width:600px){.dg22-operator-action .operator-pin-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.dg22-operator-action .operator-pin-form label{flex:1}.dg22-operator-action .operator-pin-form>.big{flex:1;min-width:220px}}@media(max-width:450px){.dg22-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg22-photo-card{padding:8px}.dg22-photo-card img{height:110px}}
.dg22-direct-form fieldset,.dg22-direct-form [data-direct-status]{flex-basis:100%;min-width:0}.dg22-direct-form .dg-photo-pick{padding:10px;margin:6px 0}.dg22-direct-form .dg-photo-pick p{font-size:13px;margin:5px 0}.dg22-direct-form [data-photo-previews] img{max-height:100px}.dg22-direct-form .operator-pin-label{margin:0}.dg22-operator-action .production-status{margin:0 0 8px}.dg22-operator-action .op-box small{font-size:12px}.dg22-operator-action .op-box span{margin-top:0!important}
.dg-tablet .tablet-brand{font-size:20px}.dg-tablet .tablet-brand span{display:inline;font-size:11px;margin-left:8px}.dg-tablet .production-card>h2{padding:7px 0;margin-bottom:8px;font-size:13px}.dg22-work-summary h2{border:0;padding:0;text-align:left;font-size:19px}.dg22-work-summary p{font-size:14px}.dg22-operator-action .op-box strong{font-size:17px;margin:4px 0}.dg22-direct-form .dg-photo-pick legend{font-size:16px}.dg22-direct-form .dg-photo-pick>p:first-of-type{display:none}.dg22-direct-form .dg-photo-pick>input[type=file]{padding:6px;font-size:13px}.dg22-direct-form [data-photo-actions]{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.dg22-direct-form [data-photo-actions] button{padding:8px;min-height:36px;font-size:13px}.dg22-direct-form [data-photo-previews]>div{display:flex;align-items:center;gap:8px;padding:6px!important}.dg22-direct-form [data-photo-previews] img{width:65px!important;height:50px!important;object-fit:cover}.dg22-direct-form [data-photo-previews] span{flex:1;font-size:11px;overflow-wrap:anywhere}.dg22-direct-form [data-photo-previews] button{min-height:34px;padding:6px;font-size:12px}.dg22-direct-form .dg-photo-pick>small{font-size:11px}.dg22-direct-form .operator-pin-label{padding:9px!important}.dg22-direct-form .pin{padding:9px}.dg22-direct-form>.big{min-height:48px}.dg22-direct-form>[data-direct-status]{font-size:12px;margin:5px 0}.dg22-operator-action .production-status{margin:0 0 5px}.dg22-operator-action .op-box>span{display:none!important}