.job-content-tabs{background:#f0f2f6;border-radius:14px;padding:4px;gap:4px}.job-content-tabs button{border-radius:11px;background:transparent;color:#334155;box-shadow:none}.job-content-tabs button[aria-selected=true]{background:white;color:#1263d9;box-shadow:0 2px 7px #182b4514}
.job-document-panel{padding:0;border:0;background:transparent}.media-gallery-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 12px}.media-gallery-head h3{margin:0;flex:1;color:#16243a;font-size:21px}.media-gallery-head button,.media-controls button,.document-actions button{width:auto;margin:0;padding:9px 14px;border-radius:20px;font-size:14px}.media-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;grid-column:1/-1;margin:8px 0}.media-controls input{flex:1;min-width:140px;margin:0;border-radius:14px;background:#f1f4f8;border:1px solid #e0e6ef;padding:11px}.media-controls select{width:auto;max-width:180px;margin:0;border-radius:14px;padding:10px;border:1px solid #e0e6ef;background:white}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.document-card{position:relative;border:2px solid transparent;border-radius:17px;background:#f3f5f9;padding:7px;overflow:hidden}.document-card.selected{border-color:#1671ef;background:#eaf2ff}.document-open{display:block;width:100%;margin:0;padding:0;background:none;color:#192b43;text-align:left;box-shadow:none}.document-preview{height:162px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:white;overflow:hidden}.document-preview canvas{max-height:100%;max-width:100%;object-fit:contain}.document-type-icon{font-size:42px;color:#1976dc;font-weight:700}.document-type-icon[data-type=PDF]{color:#de4456}.document-type-icon[data-type=XLSX],.document-type-icon[data-type=CSV]{color:#20885f}.document-name{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:9px 2px 3px}.document-info{display:block;color:#66758b;font-size:11px;margin:0 2px 4px}.document-check{position:absolute;right:10px;top:10px;width:26px!important;height:26px;accent-color:#1478ed;z-index:2}.document-selection{position:sticky;bottom:12px;background:#fffffff2;backdrop-filter:blur(16px);border:1px solid #dae3ef;padding:12px;border-radius:18px;box-shadow:0 6px 30px #15263c20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;z-index:4}.document-selection button{width:auto;font-size:13px;padding:8px 12px;margin:0;border-radius:16px}.media-status{color:#66758b;font-size:13px;margin:10px 0;grid-column:1/-1}.photo-gallery .photo-item{border-radius:15px;overflow:hidden;background:#f3f5f9;border:2px solid transparent;padding:4px}.photo-gallery .photo-item.photo-selected{border-color:#1671ef;background:#eaf2ff}.photo-gallery .photo-open img{height:var(--thumbnail-size,120px)!important;border-radius:11px!important}.photo-date{font-size:11px;padding:5px 2px;color:#52647c}.photo-selection-toolbar{background:#f3f6fb;border-radius:16px;padding:9px;gap:7px}.photo-selection-toolbar button{border-radius:20px;font-size:13px;padding:8px 12px}.gallery-tools{grid-column:1/-1}.photo-gallery .photo-item[hidden]{display:none!important}
#documentViewer{position:fixed;inset:0;z-index:10000;background:#f3f5f9;display:flex;flex-direction:column;color:#192b43;overscroll-behavior:none;padding-top:env(safe-area-inset-top)}#documentViewer[hidden]{display:none}.document-viewer-header{display:flex;align-items:center;gap:12px;background:#ffffffee;padding:12px 16px;border-bottom:1px solid #e3e8f0}.document-viewer-header h2{flex:1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.document-viewer-header button{width:auto;margin:0;background:transparent;color:#1478ed;padding:9px;font-size:16px}.document-viewer-content{flex:1;overflow:auto;touch-action:pan-x pan-y;display:block;padding:18px;min-height:0}.document-page{position:relative;display:block;margin:0 auto;background:white;box-shadow:0 5px 30px #12223a18;line-height:0}.document-page canvas{display:block;width:100%;height:100%}.document-page .document-mark-layer{position:absolute;inset:0;touch-action:none}.document-viewer-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:20px;border-radius:12px;line-height:1.6}.document-viewer-message{text-align:center;padding:45px 12px;line-height:1.6}.document-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;background:#ffffffef;border-top:1px solid #e3e8f0;padding:11px 8px calc(11px + env(safe-area-inset-bottom))}.document-actions .danger{background:#fae8ec;color:#b42318}.document-page-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;background:white}.document-page-controls button{width:auto;margin:0;padding:7px 14px;border-radius:18px}.document-mark-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#e9f0fc}.document-mark-tools[hidden]{display:none}.document-mark-tools button{width:auto;margin:0;padding:8px 12px;border-radius:18px}.document-mark-tools input{width:40px;margin:0;padding:0;border:0}.document-mark-tools select{width:auto;margin:0;padding:8px;border-radius:12px}.document-mark-tools button[aria-pressed=true]{background:#123b75}.document-viewer-status{font-size:12px;text-align:center;background:white;min-height:18px;margin:0;padding:4px}
@media(max-width:480px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-preview{height:155px}.document-actions button{font-size:12px;padding:8px 11px}.media-controls select{max-width:145px}.document-viewer-content{padding:10px}.document-selection{bottom:calc(8px + env(safe-area-inset-bottom))}}

/* Selection controls stay inside a narrow iPhone screen, including large text. */
.photo-selection-toolbar,.document-selection{flex-wrap:wrap;gap:5px;min-width:0;box-sizing:border-box;max-width:100%}
.photo-selection-toolbar .photo-selection-count,.document-selection>span:first-child{flex:1 0 100%;min-width:0;font-size:13px;overflow-wrap:anywhere}
.photo-selection-toolbar button,.document-selection button{flex:0 0 auto;min-height:44px;max-width:100%;padding:8px 10px;font-size:12px}
.photo-selection-toolbar .media-icon-button,.document-selection .media-icon-button{width:44px;min-width:44px;height:44px;padding:10px;line-height:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center}
.media-icon-button svg{display:block;pointer-events:none}
.media-icon-button:focus-visible{outline:3px solid #145fc4;outline-offset:3px}
.document-selection .danger{background:#d92d20;color:white}