/* Exact layout constraints from lib/screens/watch_screen.dart.
 * Scoped to /watch; leaves service routes and player independent. */
body[data-mx-route="watch"] .topbar,
body[data-mx-route="watch"] .desktop-nav {display:none!important}
body[data-mx-route="watch"] #page{max-width:100%;padding:0!important;margin:0 auto!important}
body[data-mx-route="watch"] .flutter-watch-screen{box-sizing:border-box!important;width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;padding:8px 18px 120px!important;border:0!important;border-radius:0!important;background:#07111e!important;min-height:100vh!important;box-shadow:none!important;color:#fff}
body[data-mx-route="watch"] .mx-watch-welcome{display:flex;align-items:center;gap:9px;height:62px;margin:0 0 14px}
body[data-mx-route="watch"] .mx-watch-cancel,body[data-mx-route="watch"] .mx-watch-account{border:1px solid #37475b;background:#112132;color:#fff;width:45px;height:45px;min-width:45px;border-radius:50%;display:grid;place-items:center;padding:10px;cursor:pointer}
body[data-mx-route="watch"] .mx-watch-account{border-color:#ff176b;background:#091420}
body[data-mx-route="watch"] .mx-watch-greeting{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
body[data-mx-route="watch"] .mx-watch-greeting strong{font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-mx-route="watch"] .mx-watch-greeting small{font-size:10.5px;color:#bac7dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-mx-route="watch"] .mx-watch-greeting em{font-style:normal;font-weight:700;color:#ff4b8a}
body[data-mx-route="watch"] .mx-watch-welcome svg,body[data-mx-route="watch"] .mx-watch-search-action svg{width:24px;height:24px}
body[data-mx-route="watch"] .flutter-watch-appbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0!important;min-height:42px!important}
body[data-mx-route="watch"] .flutter-watch-appbar h1{display:block!important;flex:1;margin:0!important;font-size:23px!important;line-height:1.2!important;color:#fff!important;font-weight:900!important;text-align:left!important}
body[data-mx-route="watch"] .mx-watch-search-action{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;background:#112132;border-radius:50%;color:#fff;text-decoration:none}
body[data-mx-route="watch"] .flutter-watch-subtitle{margin:2px 0 14px!important;font-size:13px!important;color:#9dafc2!important;font-weight:600!important}
/* Dart search opens RecentAllScreen; it does not place a large search field here. */
body[data-mx-route="watch"] .flutter-watch-screen>.xtra-search-wrap{display:none!important}
/* Flutter AppAdvertisingSlot(placement: 'watch', height:132) */
body[data-mx-route="watch"] #watchPlacementAd{box-sizing:border-box!important;height:132px!important;max-height:132px!important;min-height:0!important;width:100%!important;margin:0 0 18px!important;border-radius:16px!important;overflow:hidden!important;display:block!important}
body[data-mx-route="watch"] #watchPlacementAd .flutter-placement-ad{box-sizing:border-box!important;display:block!important;position:relative!important;width:100%!important;height:132px!important;max-height:132px!important;overflow:hidden!important}
body[data-mx-route="watch"] #watchPlacementAd img,body[data-mx-route="watch"] #watchPlacementAd video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:132px!important;object-fit:contain!important;background:#08131f!important}
body[data-mx-route="watch"] .flutter-watch-filters{display:flex!important;height:48px!important;gap:9px!important;margin:0 0 18px!important;overflow-x:auto!important}
body[data-mx-route="watch"] .flutter-watch-filters button i svg{display:block;width:17px;height:17px}
body[data-mx-route="watch"] .flutter-watch-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body[data-mx-route="watch"] .flutter-watch-icon svg{display:block;width:29px;height:29px}
body[data-mx-route="watch"] .flutter-watch-tile{min-height:88px!important;width:100%!important;box-sizing:border-box!important}
body[data-mx-route="watch"] .flutter-watch-section-head{margin:0 2px 12px!important}
@media(max-width:600px){body[data-mx-route="watch"] .flutter-watch-screen{padding:8px 18px 120px!important}body[data-mx-route="watch"] #watchPlacementAd,body[data-mx-route="watch"] #watchPlacementAd .flutter-placement-ad{height:132px!important}}