/* Shared LAN/P2P responsive viewer: desktop split / mobile tabs. */
:root{color-scheme:dark;font:16px 'Segoe UI','Malgun Gothic',sans-serif;color:#e7f0f9;background:#0d1721}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1500px;margin:auto;padding:20px}header{padding-top:26px}.brand{font-size:26px;font-weight:700;color:#e7f0f9}.brand span{font-size:18px;color:#a3b9cf}p,footer{color:#a3b9cf}section,dialog{background:#172635;border:1px solid #374d61;border-radius:12px;padding:20px;margin-bottom:18px}h1,h2{font-size:22px;margin:0 0 16px}label{display:inline-flex;flex-direction:column;gap:8px;margin:0 12px 14px 0}input,select,button,a{font:inherit;border-radius:8px;padding:12px 16px;border:1px solid #52718a;background:#1d2e3f;color:#e7f0f9;min-height:48px}input{min-width:230px}button,a{cursor:pointer;text-align:center;text-decoration:none}button:hover,a:hover{background:#29445a}button:disabled{opacity:.45;cursor:default}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row h1,.row h2{margin-right:auto}#pcs button{margin:8px}#status,#message{white-space:pre-wrap;color:#a3d7f3}video,img{display:block;max-width:100%;max-height:65vh;margin:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #374d61}.table{overflow:auto}td button{margin:3px;min-width:64px}dialog{width:min(480px,94vw)}dialog::backdrop{background:#0009}dialog input{width:100%}dialog label{display:block}a{display:inline-block}progress{width:100%;accent-color:#1fb0e8}[hidden]{display:none!important}#password-error{color:#ff9ba7}details{margin-bottom:18px}summary{cursor:pointer;padding:14px}#direct form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}#direct label{flex:1;margin:0}.media-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.media-card{min-width:0;border:1px solid #374d61;border-radius:10px;padding:12px;background:#111f2b}.media-card h3{font-size:19px;margin:0 0 12px}.media-canvas{overflow:auto;min-height:160px;max-height:65vh;display:grid;place-items:center;background:#0d1721}.invoice-tools,.media-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.invoice-tools button,.invoice-tools a{flex:1;white-space:nowrap}.media-tabs{display:none}.media-tabs button[aria-selected=true]{background:#29445a;border-color:#1fb0e8;color:#91dff5}.selected-record{color:#91dff5!important;font-size:17px}.invoice-note{font-size:14px}#download{margin:12px 0}#video{width:100%}#rows tr.selected{background:#20455e}@media(max-width:649px){:root{font-size:18px}header,main,footer{padding:14px}section{padding:16px}input,select,button,a{font-size:18px;min-height:52px}input{min-width:0;width:100%}label{display:block;margin-right:0}.media-split{display:block}.media-tabs{display:flex}.media-tabs button{flex:1}.media-split.photo-active .video-card{display:none}.media-split:not(.photo-active) .invoice-card{display:none}.media-canvas{max-height:60vh}.invoice-tools button,.invoice-tools a{padding:10px;font-size:16px}.table th:nth-child(4),.table td:nth-child(4){display:none}th,td{padding:10px 7px}td button{font-size:16px;padding:10px;min-width:58px}#direct form{display:block}#direct button{width:100%;margin-top:12px}}