/* FOTON 23.3 — responsive video library and watch page */
.cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.cinema-heading h3{font-size:30px;letter-spacing:-1px;margin:8px 0}.cinema-heading p{color:#677588;margin:0}.cinema-live{white-space:nowrap;color:#24745c;background:#eaf7f0;padding:10px 15px;border-radius:30px;font-size:12px}.cinema-chips{display:flex;gap:8px;overflow:auto;padding:12px 0;scrollbar-width:thin}.cinema-chips button{white-space:nowrap;background:#edf1f5;border:0;border-radius:9px;min-height:44px;padding:10px 17px;color:#334155;box-shadow:none}.cinema-chips button.active{background:#152d46;color:white}.cinema-list-head{display:flex;justify-content:space-between;gap:12px;margin:25px 0 18px;color:#62748a}.cinema-list-head b{color:#152d46;font-size:18px}.cinema-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.cinema-card{min-width:0}.cinema-card-open{display:block;width:100%;padding:0;background:transparent;border:0;box-shadow:none;text-align:left;color:#152d46}.cinema-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 68% 40%,#37596a,#142838 65%);color:#d6e7ec;width:100%;isolation:isolate}.cinema-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.cinema-thumb-code{font-size:24px;letter-spacing:.4px;padding:20px;text-align:center;overflow-wrap:anywhere;opacity:.8}.cinema-play{position:absolute;z-index:2;background:#08182899;color:white;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;opacity:0;transition:opacity .15s}.cinema-card-open:hover .cinema-play,.cinema-card-open:focus-visible .cinema-play,.cinema-related-video:hover .cinema-play{opacity:1}.cinema-duration{position:absolute;right:9px;bottom:9px;background:#09141de8;color:white;border-radius:5px;padding:3px 6px;font-size:12px;z-index:2}.cinema-card-title{display:block;font-size:18px;font-weight:750;margin:12px 0 6px;overflow-wrap:anywhere}.cinema-card-context{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}.cinema-card-badges{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:#617087}.cinema-card-badges>span{background:#f1f4f7;padding:5px 8px;border-radius:6px}.cinema-card-badges .watched{color:#176148;background:#eaf7f0}.cinema-card-tools{margin-top:10px;color:#617087;font-size:12px}.cinema-card-tools summary{cursor:pointer;min-height:36px;padding:8px 0}.cinema-card-tools button{min-height:44px;margin:6px 4px 0 0;font-size:12px}.cinema-card-tools label{display:flex;align-items:center;gap:8px}.cinema-card-tools input{width:auto}.cinema-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.cinema-pages button{min-height:44px}.cinema-empty{padding:30px 12px;color:#617087;grid-column:1/-1}.cinema-pages button:disabled{opacity:.4;cursor:default}
#videoReviewModal{padding:0;background:#fff;backdrop-filter:none;align-items:stretch;z-index:110;overflow:auto}#videoReviewModal.hidden{display:none!important}#videoReviewModal .cinema-watch{width:100%;max-width:none;max-height:none;height:auto;min-height:100dvh;margin:0;border:0;border-radius:0;overflow:visible;padding:0 32px 36px;background:#fff}#videoReviewModal .toolbar{position:sticky;top:0;z-index:5;min-height:72px;background:#fffffff5;border-bottom:1px solid #e7edf2;padding:12px 0;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}#videoReviewModal .toolbar .eyebrow{font-size:15px;letter-spacing:1.6px;color:#18334d}#videoReviewModal .toolbar button{min-height:44px;background:#f1f4f7;border:0;border-radius:30px}#videoReviewModal .review-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1850px;margin:auto}.cinema-main,.cinema-related{min-width:0}#videoReviewModal .video-player-shell{border-radius:14px;overflow:hidden;background:#071019}#videoReviewModal video{display:block;width:100%;aspect-ratio:16/9;max-height:72vh;object-fit:contain;background:#071019}#reviewPlayerState{padding:10px 14px;color:#b8cad8;font-size:12px}#videoReviewModal .cinema-watch-heading h3{font-size:24px;line-height:1.35;overflow-wrap:anywhere;margin:18px 0 8px}.cinema-watch-heading p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 12px}.cinema-watch-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #e7edf2}.cinema-watch-actions button{border:0;border-radius:28px;background:#edf2f6;min-height:46px;padding:10px 20px;color:#19354f}.cinema-watch-actions button:first-child{background:#18334d;color:#fff}.cinema-watch-actions button:disabled{opacity:.4}.cinema-related-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cinema-related-head h3{font-size:17px;margin:0 0 12px}.cinema-related-head span{color:#718096;font-size:12px}.cinema-related>input{background:white;width:100%;min-height:44px;border:1px solid #dce4ec;border-radius:24px;padding:10px 15px}.cinema-related-video{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:start;gap:12px;padding:9px 0;text-align:left;width:100%;border:0;box-shadow:none;background:transparent;color:#18334d;border-radius:8px}.cinema-related-video .cinema-thumb{border-radius:9px}.cinema-related-video .cinema-thumb-code{font-size:16px;padding:8px}.cinema-related-video b{display:block;line-height:1.4;overflow-wrap:anywhere;font-size:14px}.cinema-related-video small{display:block;color:#64748b;font-size:12px;line-height:1.5;margin-top:6px}.cinema-related-video .cinema-duration{font-size:10px;bottom:5px;right:5px}#videoReviewModal .review-progress{background:#f5f7fa;border:0;color:#64748b;border-radius:12px;padding:14px;font-size:12px}#videoReviewModal .note-compose{background:#f7f9fb;padding:18px;border-radius:12px;margin:20px 0}#videoReviewModal .note-compose textarea{width:100%;min-height:90px;margin:12px 0}#videoReviewModal .nested-panel{box-shadow:none;border:1px solid #e5ebf1;border-radius:12px;padding:18px}.cinema-tech-details{margin:20px 0}.cinema-tech-details>summary{padding:16px 0;min-height:48px;cursor:pointer;font-weight:600;color:#55677a}.cinema-technical{display:grid;gap:12px}body.cinema-playing{overflow:hidden}#videoReviewModal button:focus-visible,.cinema-card-open:focus-visible{outline:3px solid #3182ce;outline-offset:3px}
@media(min-width:1650px){.cinema-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.cinema-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#videoReviewModal .review-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.cinema-related-video{grid-template-columns:115px minmax(0,1fr)}#videoReviewModal .cinema-watch{padding:0 20px 28px}}
@media(max-width:850px){#videoReviewModal .review-grid{grid-template-columns:1fr}.cinema-related-video{grid-template-columns:180px minmax(0,1fr)}.cinema-related{border-top:1px solid #e5ebf1;padding-top:20px}#videoReviewModal video{max-height:65vh}.cinema-live{display:none}}
@media(max-width:540px){.cinema-heading h3{font-size:25px}.cinema-cards{grid-template-columns:1fr;gap:26px}.cinema-list-head span{display:none}#videoReviewModal .cinema-watch{padding:0 12px 24px}#videoReviewModal .toolbar{min-height:62px;margin-bottom:10px;gap:8px}#videoReviewModal .toolbar .eyebrow{font-size:11px;letter-spacing:1px}#videoReviewModal .toolbar button{font-size:12px;padding:8px 12px}#videoReviewModal .cinema-watch-heading h3{font-size:21px}#videoReviewModal .video-player-shell{border-radius:8px}.cinema-related-video{grid-template-columns:44% minmax(0,1fr)}.cinema-watch-actions{gap:8px}.cinema-watch-actions button{padding:10px 14px;font-size:13px}#videoReviewModal .note-compose .actions{display:flex;flex-wrap:wrap}#videoReviewModal .note-compose .actions select{width:100%}.cinema-related-video b{font-size:14px}.cinema-thumb-code{font-size:22px}.cinema-pages{gap:12px}.cinema-pages button{font-size:12px}.cinema-card-title{font-size:18px}}
.cinema-watched-overlay{position:absolute;top:10px;left:10px;z-index:3;background:#d51f2a;color:#fff;font-weight:800;font-size:12px;letter-spacing:.7px;padding:7px 10px;border-radius:5px;box-shadow:0 2px 8px #0003}.cinema-related-video .cinema-watched-overlay{font-size:10px;padding:4px 6px;top:5px;left:5px}.cinema-related-video.is-current{background:#e9f2ff;outline:2px solid #3b82f6;padding:8px;margin:4px 0}.cinema-now{display:block;font-size:10px;letter-spacing:.7px;color:#1762b5;margin-bottom:4px}.cinema-card-badges .watched{color:#b91c1c;background:#fee2e2}
/* 23.3.2: the playlist scrolls independently of the player. */
@media(min-width:851px){
 #videoReviewModal .review-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
 #videoReviewModal .cinema-main{grid-column:1;grid-row:1}
 #videoReviewModal .cinema-related{grid-column:2;grid-row:1;position:sticky;top:94px;height:calc(100vh - 118px);height:calc(100dvh - 118px);min-height:0;display:flex;flex-direction:column;overflow:hidden}
 #videoReviewModal .cinema-related-head,#videoReviewModal .cinema-related>input,#videoReviewModal .cinema-related>.cinema-chips{flex-shrink:0}
 #cinemaRelatedList{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:3px 9px 12px 3px;scrollbar-width:thin;scrollbar-color:#8ca3ba #edf2f7}
 #videoReviewModal .cinema-related-video{grid-template-columns:128px minmax(0,1fr)}
}
@media(min-width:851px) and (max-width:1150px){
 #videoReviewModal .review-grid{grid-template-columns:minmax(0,1fr) 280px}
 #videoReviewModal .cinema-related-video{grid-template-columns:105px minmax(0,1fr)}
}
@media(max-width:850px){
 #videoReviewModal .cinema-related{position:static;height:auto;min-height:0}
 #cinemaRelatedList{max-height:55vh;max-height:55dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:3px 6px 12px 3px;scrollbar-width:thin}
}

.foton-report-preview{width:min(1100px,96vw);height:94dvh;max-width:96vw;max-height:96dvh;padding:0;border:0;border-radius:14px;color:#17314b;background:#fff;box-shadow:0 20px 90px #0006}
.foton-report-preview::backdrop{background:#081727b8}
.foton-report-preview[open]{display:flex;flex-direction:column}
.foton-report-preview header{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #dce4ed}
.foton-report-preview header div{display:flex;gap:8px;flex-wrap:wrap}.foton-report-preview button{min-height:44px;padding:8px 14px}
.foton-report-preview [data-status]{font-size:13px;padding:0 18px}.foton-report-preview [data-document]{flex:1;min-height:0;background:#edf1f5}
.foton-report-preview object{width:100%;height:100%;border:0}.foton-report-preview object p{padding:20px}
@media(max-width:600px){.foton-report-preview header{align-items:flex-start;flex-direction:column}.foton-report-preview{width:98vw;max-width:98vw;height:96dvh;border-radius:8px}}

#portalSyncStatus{pointer-events:none;position:fixed;bottom:12px;left:12px;z-index:9999;max-width:min(580px,92vw);padding:10px 14px;border:1px solid #cbd8e6;border-radius:10px;background:#f5f9ff;color:#18364f;font-size:13px;box-shadow:0 2px 12px #0001}#portalSyncStatus button{pointer-events:auto;margin-left:10px;min-height:36px}