.inspection-documents .panel-heading{align-items:center;gap:16px}.inspection-documents .panel-heading h2{font-size:19px}.inspection-documents .panel-heading h2 span{color:var(--muted);font-weight:400}.documents-empty{padding:0 22px 22px;font-size:12px}.document-list{list-style:none;margin:0;padding:0}.document-list>li{display:flex;align-items:center;gap:15px;padding:16px 22px;border-top:1px solid var(--line)}.document-format{display:grid;place-items:center;width:43px;height:51px;flex:none;border:1px solid #d7e7e9;border-radius:7px;background:#f0f7f7;color:var(--accent);font-size:10px;font-weight:700}.document-info{min-width:0;flex:1}.document-title{border:0;background:none;padding:0;text-align:left;color:var(--ink);font-weight:600;font-size:13px;overflow-wrap:anywhere}.document-title:hover{color:var(--accent);text-decoration:underline}.document-meta{display:flex;gap:5px 14px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:5px}.document-info>small{display:block;font-size:10px;color:#80959b;margin-top:5px;overflow-wrap:anywhere}.document-note{font-size:11px;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.document-actions{display:flex;gap:8px;flex:none}.document-actions .icon-btn{width:34px;height:34px}.document-actions .icon{width:16px}.document-actions .btn{font-size:11px}.document-upload{flex-direction:column;padding:20px;border:1px dashed #adcacf;border-radius:9px;background:#f5faf9;text-align:center;display:flex!important;align-items:center;gap:10px}.document-upload>.icon{width:30px;height:30px;color:var(--accent)}.document-upload>span:not(.document-queue){font-size:11px;font-weight:400;color:var(--muted)}.document-upload input{font-size:11px;max-width:100%}.document-queue{display:grid;gap:7px;width:100%;text-align:left}.document-queued{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:white;border:1px solid var(--line);border-radius:7px}.document-queued>span{display:flex;min-width:0;gap:8px;align-items:center;font-size:11px;overflow-wrap:anywhere}.document-queued small{display:block;font-size:10px;color:var(--muted);font-weight:400}.document-queued .icon-btn{flex:none;width:28px;height:28px}.document-queued .icon{width:16px}.document-viewer{padding:0;width:min(1100px,calc(100vw - 40px));max-width:none;height:calc(100dvh - 40px);max-height:none;border:1px solid var(--line);border-radius:14px;background:#f1f5f5;color:var(--ink)}.document-viewer[open]{display:flex;flex-direction:column}.document-viewer::backdrop{background:#17363ed1}.document-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:white;border-bottom:1px solid var(--line);flex:none}.document-viewer>header>div{min-width:0}.document-viewer h2{font-size:20px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-viewer header p{font-size:10px;margin-bottom:5px}.document-viewer header button{flex:none}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:white;border-bottom:1px solid var(--line);flex:none}.document-paging{display:flex;align-items:center;gap:12px;font-size:12px}.document-toolbar .icon-btn{width:32px;height:32px}.document-toolbar .icon{width:16px}.document-zoom-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.document-zoom-label select{width:120px;min-height:34px;padding:6px 9px;font-size:12px}.document-viewport{overflow:auto;flex:1;min-height:0;padding:18px;overscroll-behavior:contain}.document-viewport:focus{outline-offset:-3px}#document-preview-content{width:max-content;min-width:100%;display:flex;justify-content:center}#document-preview-content canvas{background:white;box-shadow:0 2px 14px #213b4426;max-width:none;flex:none}.document-image{object-fit:contain;align-self:flex-start;box-shadow:0 2px 14px #213b4426}#document-preview-status{text-align:center;font-size:13px;padding:25px 15px;max-width:600px;margin:auto}.document-viewer>footer{background:white;display:flex;justify-content:space-between;gap:12px;padding:10px 22px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);flex:none}
@media(max-width:767px){.inspection-documents .panel-heading{flex-wrap:wrap}.document-list>li{padding:15px 17px;gap:10px;flex-wrap:wrap}.document-info{flex-basis:calc(100% - 58px)}.document-actions{margin-left:53px}.documents-empty{padding-inline:17px}.document-viewer{width:100vw;height:100dvh;border-radius:0;border:0;margin:0}.document-viewer>header{padding:14px 16px}.document-viewer h2{font-size:18px}.document-toolbar{flex-wrap:wrap;padding:10px 12px;gap:9px}.document-paging{gap:7px;font-size:11px}.document-zoom-label{font-size:0;gap:0}.document-zoom-label select{width:105px;font-size:11px}.document-toolbar>a{font-size:10px;min-height:32px}.document-viewport{padding:12px}.document-viewer>footer{padding:10px 12px;font-size:9px;flex-wrap:wrap}.document-upload{flex-direction:column;padding:14px}.document-title{font-size:12px}}
