/* REQ-JOBMEDIA-003: compact evidence, phone bottom sheet, desktop side sheet. */
.jm-strip{margin:12px 0;min-width:0;color:var(--md-sys-color-on-surface);overflow-wrap:anywhere;}
.jm-door{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;min-height:48px;padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font:inherit;text-align:left;cursor:pointer;}
.jm-door:hover{background:var(--md-sys-color-surface-container-high);}
.jm-door:active{background:var(--md-sys-color-surface-container-highest);}
.jm-chip{padding:4px 8px;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-medium-size);}
.jm-empty{flex-basis:100%;font-size:var(--md-sys-typescale-body-small-size);}
.jm-thumbs{display:flex;gap:4px;flex-basis:100%;}
.jm-thumb{width:56px;height:56px;overflow:hidden;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-high);font-size:var(--md-sys-typescale-body-small-size);}
.jm-thumb .jm-file-content{height:100%;}
.jm-thumb img{width:100%;height:100%;object-fit:cover;}
.jm-viewer{position:fixed;inset:0;margin:0 0 0 auto;width:min(640px,100%);height:100dvh;max-width:100%;max-height:100dvh;padding:0;border:0;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden;}
.jm-viewer[open]{display:flex;flex-direction:column;}
.jm-viewer::backdrop{background:color-mix(in srgb,var(--md-sys-color-scrim) 40%,transparent);}
.jm-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);}
.jm-header h2{font-size:var(--md-sys-typescale-title-large-size);margin:0;}
.jm-body{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0;overflow-wrap:anywhere;}
.jm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;}
.jm-file{padding:12px;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);min-width:0;}
.jm-file img,.jm-file video{display:block;width:100%;max-height:400px;object-fit:contain;border-radius:var(--md-sys-shape-corner-small);}
.jm-file p{margin:8px 0;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);}
.jm-notice{padding:12px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-small);}
.jm-viewer :is(button,a),.jm-strip button{min-height:48px;min-width:48px;box-sizing:border-box;white-space:normal;}
.jm-viewer :focus-visible,.jm-strip :focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;}
@media(max-width:599px){.jm-viewer{inset:auto 0 0;margin:0;width:100%;height:auto;max-height:90dvh;border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;}.jm-body{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));}.jm-header{padding-top:20px;position:relative;}.jm-header::before{content:'';position:absolute;top:8px;left:calc(50% - 16px);width:32px;height:4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-surface-variant);}}