:root{font-family:Arial,Helvetica,sans-serif;color:#25313a;background:#f5f6f7;font-size:14px;line-height:1.45}*{box-sizing:border-box;letter-spacing:0}body{margin:0}header{display:flex;align-items:center;gap:24px;background:white;border-bottom:3px solid #ff8700;padding:18px max(20px,calc((100% - 1440px)/2));}header img{width:116px;height:auto;display:block}h1{font-size:28px;margin:0}header p{color:#586671;margin:4px 0 0}.logout{margin-left:auto}a{color:#006ba5}main{max-width:1480px;margin:auto;padding:24px 20px}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border-bottom:1px solid #cfd6db;padding-bottom:20px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:bold;min-width:0}.search{flex:1 1 290px}input,select,button{font:inherit}input,select{background:white;border:1px solid #aebac2;border-radius:4px;min-height:38px;padding:8px;max-width:100%;color:inherit}input[type=search]{width:100%}button{border:1px solid #aebac2;border-radius:4px;padding:8px 12px;background:#fff;color:#263b48;cursor:pointer;min-height:38px}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #008ac4;outline-offset:2px}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}.results-bar label{flex-direction:row;align-items:center}.table-scroll{overflow:auto;background:#fff;border:1px solid #d7dde1}table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:800px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e0e5e8;vertical-align:top}th{background:#edf2f5;font-size:12px}th:first-child{width:39%}th:nth-child(2){width:20%}th:nth-child(3),th:nth-child(4){width:13%}th:nth-child(5){width:9%}th:nth-child(6){width:6%}th button{padding:0;min-height:28px;border:0;border-radius:0;background:transparent;text-align:left;font-weight:bold}td{overflow-wrap:anywhere}td small{display:block;color:#63727c;margin-top:4px;font-size:12px}.video-title{border:0;background:none;min-height:0;padding:0;text-align:left;color:#006ba5;font-weight:bold;font-size:14px;overflow-wrap:anywhere}.video-title:hover{text-decoration:underline}.missing{color:#806312}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0}.date-note{font-size:12px;color:#63727c}.warning{padding:12px;background:#fff4d7;color:#704b00}dialog{width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:8px;padding:20px;background:#fff;color:#25313a}dialog::backdrop{background:#000b}.dialog-heading{display:flex;align-items:start;gap:16px;margin-bottom:12px}.dialog-heading h2{margin:0;flex:1;overflow-wrap:anywhere;font-size:20px}#close-player{font-size:26px;line-height:1;width:40px;height:40px;padding:0;flex:none}video{display:block;width:100%;max-height:65dvh;aspect-ratio:16/9;background:#111}#player-description{white-space:pre-line;overflow-wrap:anywhere}#player-meta{font-size:12px;color:#63727c}#player-error{color:#973618}[hidden]{display:none!important}@media(max-width:600px){header{padding:12px;gap:12px}header img{width:70px}h1{font-size:22px}header p{font-size:12px}.logout{font-size:12px}main{padding:16px 12px}.filters>label{flex:1 1 140px}.filters>.search{flex-basis:100%}.filters select{width:100%}.results-bar{align-items:start}.results-bar p{margin:0}dialog{padding:12px}}
:root .share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}
.share-actions a{display:inline-block;padding:8px 0}.social-post{border-top:1px solid #d7dde1;margin-top:16px;padding-top:14px}.social-post summary{cursor:pointer;font-weight:bold}.social-links{display:flex;flex-wrap:wrap;gap:16px}#share-url{font:inherit;width:100%;padding:10px;border:1px solid #aebac2;border-radius:4px;resize:vertical}#share-status{font-size:13px;color:#276641}
:root .social-links{gap:10px}
.social-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 14px;border-radius:5px;text-decoration:none;color:#fff;font-weight:bold;font-size:13px;max-width:100%;border:1px solid transparent}
.social-button:hover{filter:brightness(.9)}.social-button img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);flex:none}.social-facebook{background:#1877f2}.social-whatsapp{background:#147d3f}.social-linkedin{background:#0a66c2}.social-instagram{background:#b52e79}.social-tiktok{background:#111}.social-youtube{background:#d90000}
header>div{min-width:0}header h1{overflow-wrap:anywhere}.logout{flex:none}
@media(max-width:600px){header h1{font-size:20px}.social-links .social-button{flex:1 1 100px}}
