/* Design v2 preview skin. Only applies when has .gwp_v2 (added by output/media.php when ?design=2). */
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/fraunces/fraunces-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../fonts/figtree/figtree-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html.gwp_v2 {
--v2-ground: #f5f2ec;
--v2-card: #fffdf9;
--v2-ink: #1c1a26;
--v2-muted: #645f72;
--v2-line: #e7e1d6;
--v2-side: #16142a;
--v2-serif: 'Fraunces', Georgia, serif;
--v2-display: 'Figtree', system-ui, sans-serif;
--v2-sans: 'Figtree', 'DM Sans', system-ui, sans-serif;
}
html.gwp_v2, html.gwp_v2 body { background: var(--v2-ground) !important; }
html.gwp_v2 #gwp_frame { background: transparent; font-family: var(--v2-sans); color: var(--v2-ink); }
/* ---------- hamburger menu (original menu, re-skinned) ---------- */
html.gwp_v2 .gwp_dropdown-menu-show { background: var(--v2-side); width: 280px; min-width: 280px; box-shadow: 12px 0 40px rgba(0, 0, 0, .3); font-family: var(--v2-sans); }
@media (max-width: 768px) { html.gwp_v2 .gwp_dropdown-menu-show { width: 100%; } }
html.gwp_v2 .v2m_brand { display: flex; align-items: center; gap: 12px; padding: 22px 24px 8px; flex: none; }
html.gwp_v2 .v2m_mark { width: 36px; height: 36px; flex: none; background: #f2a65a; -webkit-mask: var(--v2-logo) center / contain no-repeat; mask: var(--v2-logo) center / contain no-repeat; }
html.gwp_v2 .v2m_word { color: #fff; font-family: var(--v2-display); font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
html.gwp_v2 .gwp_dropdown-menucontent { padding: 4px 0 12px; }
html.gwp_v2 .gwp_dropdown-menu-show a { color: #c9c6dc; margin: 2px 12px; padding: 9px 12px; border-left: 0; border-radius: 13px; gap: 12px; font-size: 14.5px; font-weight: 500; }
html.gwp_v2 .gwp_dropdown-menu-show a i { color: #9b98b8; }
html.gwp_v2 .gwp_dropdown-menu-show>a:hover, html.gwp_v2 .gwp_dropdown-menucontent>a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
html.gwp_v2 .gwp_dropdown-menu-show>a:hover i, html.gwp_v2 .gwp_dropdown-menucontent>a:hover i { color: #fff; }
html.gwp_v2 .gwp_dropdown-menu-show a.gwp_menuitemselected { background: rgba(255, 255, 255, .14); color: #fff; font-weight: 600; border-left: 0; box-shadow: inset 3px 0 0 var(--v2c, #4259cd); }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool="content"], html.gwp_v2 .v2m_grp[data-tool="content"] { --v2c: #4259cd; }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool="work"], html.gwp_v2 .v2m_grp[data-tool="work"] { --v2c: #7352ad; }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool="comms"], html.gwp_v2 .v2m_grp[data-tool="comms"] { --v2c: #ab2b5e; }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool="people"], html.gwp_v2 .v2m_grp[data-tool="people"] { --v2c: #11768d; }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool="live"], html.gwp_v2 .v2m_grp[data-tool="live"] { --v2c: #e13100; }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool="family"], html.gwp_v2 .v2m_grp[data-tool="family"] { --v2c: #0f875d; }
html.gwp_v2 .gwp_dropdown-menu-show a[data-tool] i { color: var(--v2c, #9b98b8); }
html.gwp_v2 .v2m_grp { display: flex; align-items: center; gap: 8px; margin: 16px 24px 4px; color: #9b98b8; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
html.gwp_v2 .v2m_grp i { width: 8px; height: 8px; border-radius: 50%; background: var(--v2c, #9b98b8); flex: none; }
html.gwp_v2 .gwp_menuitemhr { border-color: rgba(255, 255, 255, .1); }
html.gwp_v2 .gwp_nav_beta { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid #f0a3c4; color: #f0a3c4; background: transparent; margin-left: auto; }
html.gwp_v2 .gwp_nav_close_btn { color: #c9c6dc; background: rgba(255, 255, 255, .1); }
html.gwp_v2 .gwp_nav_close_btn:hover { background: rgba(255, 255, 255, .2); color: #fff; }
html.gwp_v2 .gwp_dropdown-menu-show .gwp_submenu { border-top: 1px solid rgba(255, 255, 255, .1); }
html.gwp_v2 .gwp_submenulink { color: #c9c6dc; }
html.gwp_v2 .gwp_submenulink:hover { background: rgba(255, 255, 255, .1); color: #fff; }
/* ---------- top bar: every control is 44px tall, same border, same radius family ---------- */
html.gwp_v2 { --gwp_nav_ctl_h: 44px; }
html.gwp_v2 .gwp_topbuttonbar { background: var(--v2-ground); box-shadow: none; border-bottom: 0; padding: 12px 32px; gap: 12px; transition: none; }
html.gwp_v2 .gwp_topbuttonbar.active { box-shadow: none; }
html.gwp_v2 #gwp_appchooser .gwp_menubutton { display: block; box-sizing: border-box; width: 44px; height: 44px; line-height: 42px; margin: 0; border-radius: 14px; border: 1px solid var(--v2-line); background: var(--v2-card); text-align: center; font-size: 22px; color: var(--v2-ink); }
html.gwp_v2 #gwp_appchooser .gwp_menubutton:hover { border-color: var(--gwp_tool, #4259cd); color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 .gwp_nav_controls { gap: 12px; }
html.gwp_v2 .gwp_nav_search { box-sizing: border-box; height: 44px; padding: 0 16px; gap: 10px; min-width: 220px; max-width: 340px; border-radius: 999px; border: 1px solid var(--v2-line); background: var(--v2-card); transition: none; }
html.gwp_v2 .gwp_nav_search:focus-within { border-color: var(--gwp_tool, #4259cd); background: var(--v2-card); }
html.gwp_v2 .gwp_nav_search i { font-size: 18px; color: var(--v2-muted); }
html.gwp_v2 .gwp_nav_search input { height: auto; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: 0; font: 500 14px var(--v2-sans); color: var(--v2-ink); }
html.gwp_v2 .gwp_nav_search input::placeholder { color: var(--v2-muted); }
html.gwp_v2 .gwp_lib_type_current { box-sizing: border-box; height: 44px; min-width: 200px; padding: 0 8px; border-radius: 14px; border: 1px solid var(--v2-line); background: var(--v2-card); font: 600 14px var(--v2-sans); color: var(--v2-ink); transition: none; }
html.gwp_v2 .gwp_lib_type_current:hover { border-color: var(--gwp_tool, #4259cd); background: var(--v2-card); }
html.gwp_v2 .gwp_lib_type_current #gwp_med_type_label, html.gwp_v2 #gwp_med_type_label { flex: 1; text-align: center; }
html.gwp_v2 .gwp_lib_type_arrow { width: 28px; text-align: center; font-size: 16px; color: var(--v2-muted); }
html.gwp_v2 .gwp_lib_type_arrow:hover { color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 .gwp_lib_type_list { top: calc(100% + 8px); border-radius: 18px; border: 1px solid var(--v2-line); background: var(--v2-card); box-shadow: 0 18px 40px rgba(28, 26, 38, .18); padding: 8px; max-height: calc(100vh - 140px); overflow-y: auto; }
html.gwp_v2 .gwp_lib_type_item { border-radius: 12px; font: 500 14.5px var(--v2-sans); }
html.gwp_v2 .gwp_lib_type_item_active { background: var(--gwp_tool_tint, #eaedfa); color: var(--gwp_tool_text, #2e43ae); font-weight: 600; }
html.gwp_v2 .gwp_nav_icon_btn, html.gwp_v2 .gwp_mmultiselect { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; padding: 0; line-height: 1; border-radius: 50%; border: 1px solid var(--v2-line); background: var(--v2-card); color: var(--v2-ink); font-size: 19px; cursor: pointer; }
html.gwp_v2 .gwp_nav_icon_btn:hover { border-color: var(--gwp_tool, #4259cd); color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 .gwp_topbuttonc { box-sizing: border-box; height: 44px; padding: 0 16px; gap: 10px; border-radius: 999px; border: 1px solid var(--v2-line); background: var(--v2-card); }
html.gwp_v2 .gwp_topbuttonc .gwp_itopbutton { font-size: 20px; cursor: pointer; }
html.gwp_v2 .gwp_addtopbuttons { gap: 12px; }
html.gwp_v2 #gwp_inlinemenu { gap: 12px; align-items: center; }
html.gwp_v2 .gwp_notification-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--v2-line); background: var(--v2-card); cursor: pointer; }
html.gwp_v2 .gwp_notification-wrapper .gwp_topbutton { margin: 0; font-size: 21px; color: var(--v2-ink); vertical-align: baseline; }
html.gwp_v2 .gwp_notification-wrapper:hover { border-color: var(--gwp_tool, #4259cd); }
html.gwp_v2 .gwp_notification-wrapper .gwp_nbadge { position: absolute; top: -5px; right: -5px; margin: 0; background: var(--gwp_tool, #4259cd); color: #fff; border: 2px solid var(--v2-ground); }
html.gwp_v2 #gwp_addtb.gwp_split { height: 44px; }
html.gwp_v2 .gwp_split_main, html.gwp_v2 .gwp_split_caret { box-sizing: border-box; height: 44px; font: 600 14px var(--v2-sans); }
html.gwp_v2 .gwp_split_main { padding: 0 18px 0 16px; border-radius: 999px 0 0 999px; }
html.gwp_v2 .gwp_split_caret { width: 42px; border-radius: 0 999px 999px 0; }
html.gwp_v2 .gwp_split_main i { font-size: 18px; }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem { border-radius: 18px; border: 1px solid var(--v2-line); background: var(--v2-card); box-shadow: 0 18px 40px rgba(28, 26, 38, .18); padding: 8px; font-family: var(--v2-sans); }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem div { border-radius: 12px; }
/* ---------- page head ---------- */
html.gwp_v2 #gwp_v2_head { padding: 18px 32px 6px; }
html.gwp_v2 #gwp_v2_head h1 { margin: 0; font-family: var(--v2-display); font-weight: 700; font-size: 40px; line-height: 1.05; letter-spacing: -.025em; color: var(--v2-ink); }
html.gwp_v2 #gwp_v2_head p { margin: 6px 0 0; color: var(--v2-muted); font-size: 15px; }
/* ---------- recent view ---------- */
html.gwp_v2 .gwp_lib_stats { gap: 16px; }
html.gwp_v2 .gwp_lib_stat { background: var(--v2-card); border: 1px solid var(--v2-line); border-radius: 20px; box-shadow: none; }
html.gwp_v2 .gwp_lib_stat_num { font-family: var(--v2-display); font-size: 38px; font-weight: 700; color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 .gwp_lib_stat_label { font-size: 12px; letter-spacing: .09em; text-transform: uppercase; font-weight: 700; color: var(--v2-muted); }
html.gwp_v2 .gwp_lib_recent_header { font-family: var(--v2-display); font-weight: 700; font-size: 26px; }
html.gwp_v2 .gwp_lib_recent_item { background: var(--v2-card); border: 1px solid var(--v2-line); border-radius: 16px; box-shadow: none; }
html.gwp_v2 .gwp_lib_recent_icon { border-radius: 12px; }
html.gwp_v2 .gwp_lib_recent_badge { border-radius: 999px; }
html.gwp_v2 .gwp_lib_empty { background: var(--v2-card); border: 1px solid var(--v2-line); border-radius: 20px; }
/* ---------- item cards ---------- */
html.gwp_v2 .gwp_mediaitem, html.gwp_v2 .gwp_mediaitemselected { background: var(--v2-card); border: 1px solid var(--v2-line); border-radius: 20px; overflow: hidden; box-shadow: none; }
html.gwp_v2 .gwp_mediaitemselected { outline: 3px solid var(--gwp_tool, #4259cd); }
html.gwp_v2 .gwp_mediafilename { font-family: var(--v2-sans); font-weight: 600; font-size: 13px; }
html.gwp_v2 .gwp_mbtitle { font-family: var(--v2-display); font-weight: 700; font-size: 26px; }
html.gwp_v2 .gwp_activities, html.gwp_v2 .gwp_sactivities { border-radius: 20px; }
html.gwp_v2 .gwp_fb_folder, html.gwp_v2 .gwp_fb_item { background: var(--v2-card); border: 1px solid var(--v2-line); border-radius: 16px; box-shadow: none; }
html.gwp_v2 #gwp_v2_head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
html.gwp_v2 .gwp_lib_type_list { max-height: calc(100vh - 140px); overflow-y: auto; }
/* ---------- buttons: one family (outline pill, tool colour), primary = solid ---------- */
html.gwp_v2 .gwp_sbutton, html.gwp_v2 .gwp_sbuttonsmall, html.gwp_v2 .gwp_sbuttontiny, html.gwp_v2 .gwp_sbuttonsquare,
html.gwp_v2 .gwp_sabutton, html.gwp_v2 .gwp_more_button, html.gwp_v2 .gwp_less_button, html.gwp_v2 .gwp_popup_btn,
html.gwp_v2 .gwp_nav_btn, html.gwp_v2 .gwp_upload_btn, html.gwp_v2 .gwp_filter_settings_btn {
font-family: var(--v2-sans); font-weight: 600; text-transform: none; letter-spacing: 0;
background: var(--v2-card); color: var(--gwp_tool_text, #2e43ae);
border: 1px solid color-mix(in srgb, var(--gwp_tool, #4259cd) 45%, var(--v2-line));
border-radius: 999px; box-shadow: none; transition: none;
}
html.gwp_v2 .gwp_sbutton, html.gwp_v2 .gwp_sbuttonsquare, html.gwp_v2 .gwp_popup_btn { padding: 9px 18px; font-size: 14px; }
html.gwp_v2 .gwp_sbuttonsmall, html.gwp_v2 .gwp_sabutton, html.gwp_v2 .gwp_more_button, html.gwp_v2 .gwp_less_button { padding: 5px 14px; font-size: 13px; }
html.gwp_v2 .gwp_sbuttontiny { padding: 3px 10px; font-size: 12px; }
html.gwp_v2 .gwp_sbutton:hover, html.gwp_v2 .gwp_sbuttonsmall:hover, html.gwp_v2 .gwp_sbuttontiny:hover, html.gwp_v2 .gwp_sbuttonsquare:hover,
html.gwp_v2 .gwp_sabutton:hover, html.gwp_v2 .gwp_more_button:hover, html.gwp_v2 .gwp_less_button:hover, html.gwp_v2 .gwp_popup_btn:hover,
html.gwp_v2 .gwp_nav_btn:hover, html.gwp_v2 .gwp_upload_btn:hover { background: var(--gwp_tool_tint, #eaedfa); }
html.gwp_v2 .gwp_popup_btn_primary, html.gwp_v2 .gwp_gen_button, html.gwp_v2 .gwp_nav_btn_primary, html.gwp_v2 .gwp_auth_btn_primary {
font-family: var(--v2-sans); font-weight: 600; text-transform: none;
background: var(--gwp_tool, #4259cd); color: #fff; border: 1px solid var(--gwp_tool, #4259cd); border-radius: 999px; padding: 9px 20px; font-size: 14px;
}
html.gwp_v2 .gwp_popup_btn_primary:hover, html.gwp_v2 .gwp_gen_button:hover, html.gwp_v2 .gwp_nav_btn_primary:hover, html.gwp_v2 .gwp_auth_btn_primary:hover { background: var(--gwp_tool_hover, #334bc2); color: #fff; }
html.gwp_v2 .gwp_btn_danger { border-radius: 999px; }
/* card action buttons */
html.gwp_v2 .gwp_moptions i, html.gwp_v2 .gwp_moptions button { border-radius: 999px; }
html.gwp_v2 .gwp_fb_selbar button, html.gwp_v2 .gwp_fb_pv_btn, html.gwp_v2 .gwp_fb_viewbtn, html.gwp_v2 .gwp_fb_sortbtn, html.gwp_v2 .gwp_fb_uploadbtn { font-family: var(--v2-sans); font-weight: 600; border-radius: 999px; }
/* ---------- scrollbars ---------- */
html.gwp_v2 * { scrollbar-width: thin; scrollbar-color: #cfc8b9 transparent; }
html.gwp_v2 *::-webkit-scrollbar { width: 8px; height: 8px; }
html.gwp_v2 *::-webkit-scrollbar-track { background: transparent; }
html.gwp_v2 *::-webkit-scrollbar-thumb { background: #cfc8b9; border-radius: 4px; }
html.gwp_v2 *::-webkit-scrollbar-thumb:hover { background: #b9b1a1; }
html.gwp_v2 .gwp_dropdown-menu-show, html.gwp_v2 .gwp_dropdown-menucontent { scrollbar-color: rgba(255, 255, 255, .22) transparent; }
html.gwp_v2 .gwp_dropdown-menucontent::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .22); }
html.gwp_v2 .gwp_dropdown-menucontent::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .38); }
/* ---------- notification count: pill anchored to the bell, grows leftwards, so 3 digits stay tidy ---------- */
html.gwp_v2 .gwp_notification-wrapper .gwp_nbadge { position: absolute; top: -7px; right: -7px; left: auto; margin: 0; box-sizing: border-box; height: 20px; min-width: 20px; padding: 0 6px; border: 2px solid var(--v2-ground); border-radius: 10px; background: var(--gwp_tool, #4259cd); color: #fff; font: 700 11px/16px var(--v2-sans); font-variant-numeric: tabular-nums; text-align: center; text-box: normal; white-space: nowrap; }
/* ---------- create menu ---------- */
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem { min-width: 300px; padding: 8px; }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem > div { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 14px; border-radius: 12px; font: 500 14.5px var(--v2-sans); color: var(--v2-ink); cursor: pointer; white-space: nowrap; }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem > div i { width: 22px; font-size: 20px; text-align: center; color: var(--gwp_tool, #4259cd); }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem > div:hover { background: var(--gwp_tool_tint, #eaedfa); color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem > div:empty { min-height: 0; padding: 0; margin: 6px 8px; border-radius: 0; }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem > div:empty:hover { background: none; }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem .gwp_bug_menu_item { color: var(--v2-muted); font-size: 13.5px; }
html.gwp_v2 #gwp_addtb.gwp_split .gwp_dropdown-additem .gwp_bug_menu_item i { width: 22px; margin-right: 0 !important; }
/* bell: centred on its own, independent of the count beside it */
html.gwp_v2 .gwp_notification-wrapper { position: relative !important; display: block !important; width: 44px; height: 44px; margin-left: 0; }
html.gwp_v2 .gwp_notification-wrapper > .gwp_topbutton { position: absolute !important; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 !important; line-height: 1; }
html.gwp_v2 .gwp_notification-wrapper > .gwp_nbadge { position: absolute !important; }
/* ---------- "Upload / Add" tile: centred icon and label ---------- */
html.gwp_v2 .gwp_addmediaitem { height: 134px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: transparent; border: 2px dashed color-mix(in srgb, var(--gwp_tool, #4259cd) 40%, #d6d0c4); border-radius: 20px; }
html.gwp_v2 .gwp_addmediaitem:hover { border-color: var(--gwp_tool, #4259cd); background: var(--gwp_tool_tint, #eaedfa); }
html.gwp_v2 .gwp_addmediaitem .gwp_mediabox { width: auto; height: auto; flex: none; background: transparent; }
html.gwp_v2 .gwp_addmediaitem .gwp_mediabox i { display: block; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; background: var(--gwp_tool_tint, #eaedfa); color: var(--gwp_tool_text, #2e43ae); font-size: 26px; text-align: center; }
html.gwp_v2 .gwp_addmediaitem:hover .gwp_mediabox i { background: var(--v2-card); }
html.gwp_v2 .gwp_addmediaitem .gwp_mediafilename { display: block; height: auto; padding: 10px 8px 0; border: 0; background: transparent; text-align: center; color: var(--gwp_tool_text, #2e43ae); font: 600 13px var(--v2-sans); }
/* the empty #gwp_notifications holder (the real bell is a sibling inside #gwp_inlinemenu) must not take up a flex gap */
html.gwp_v2 #gwp_addtopbuttons > #gwp_notifications:empty { display: none; }
/* ---------- top-right icon buttons: bell, log out and the ⋮ menu are one matching set with even spacing ---------- */
html.gwp_v2 #gwp_addtopbuttons { gap: 12px; }
html.gwp_v2 #gwp_addtopbuttons .gwp_inlineblock + .gwp_inlineblock, html.gwp_v2 #gwp_addtopbuttons .gwp_inline + .gwp_inline { margin-left: 0; }
html.gwp_v2 #gwp_la-signout, html.gwp_v2 #gwp_mediasettingswrap > .gwp_topbutton, html.gwp_v2 #gwp_calmorewrap > .gwp_topbutton, html.gwp_v2 #gwp_calviewwrap > .gwp_topbutton {
display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; margin: 0; padding: 0;
border-radius: 50%; border: 1px solid var(--v2-line); background: var(--v2-card); color: var(--v2-ink); font-size: 20px; line-height: 1; cursor: pointer; vertical-align: middle; }
html.gwp_v2 #gwp_la-signout:hover, html.gwp_v2 #gwp_mediasettingswrap > .gwp_topbutton:hover, html.gwp_v2 #gwp_calmorewrap > .gwp_topbutton:hover { border-color: var(--gwp_tool, #4259cd); color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 #gwp_mediasettingswrap, html.gwp_v2 #gwp_calmorewrap, html.gwp_v2 #gwp_calviewwrap { display: inline-flex; align-items: center; }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem, html.gwp_v2 #gwp_calmore, html.gwp_v2 #gwp_calview { right: 0; left: auto; top: calc(100% + 8px); min-width: 280px; padding: 8px; border-radius: 18px; border: 1px solid var(--v2-line); background: var(--v2-card); box-shadow: 0 18px 40px rgba(28, 26, 38, .18); }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem > div { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 14px; border-radius: 12px; font: 500 14.5px var(--v2-sans); color: var(--v2-ink); cursor: pointer; white-space: nowrap; }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem > div i { width: 22px; font-size: 20px; text-align: center; color: var(--gwp_tool, #4259cd); }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem > div:hover { background: var(--gwp_tool_tint, #eaedfa); color: var(--gwp_tool_text, #2e43ae); }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem > div:empty { min-height: 0; padding: 0; margin: 6px 8px; border-radius: 0; }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem .gwp_bug_menu_item { color: var(--v2-muted); font-size: 13.5px; }
/* ---------- phones and small tablets: compact bar, same items the original hides (bell, log out, search, filter live in the ⋮ menu) ---------- */
@media (max-width: 768px) {
html.gwp_v2 .gwp_notification-wrapper, html.gwp_v2 #gwp_la-signout { display: none !important; }
html.gwp_v2 .gwp_topbuttonbar { padding: 10px 12px; gap: 8px; }
html.gwp_v2 #gwp_appchooser .gwp_menubutton { width: 40px; height: 40px; line-height: 38px; font-size: 20px; border-radius: 12px; }
html.gwp_v2 .gwp_nav_controls { gap: 8px; min-width: 0; }
html.gwp_v2 .gwp_lib_type_dropdown { flex: 1 1 0; min-width: 0; }
html.gwp_v2 #gwp_addtopbuttons { flex: none; }
html.gwp_v2 .gwp_lib_type_current { height: 40px; min-width: 0; width: 100%; padding: 0 4px; border-radius: 12px; font-size: 14px; }
html.gwp_v2 #gwp_med_type_label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gwp_v2 .gwp_lib_type_arrow { width: 24px; }
html.gwp_v2 .gwp_lib_type_list { position: fixed; left: 12px; right: 12px; top: 64px; }
html.gwp_v2 #gwp_addtopbuttons { gap: 8px; }
html.gwp_v2 #gwp_addtb.gwp_split, html.gwp_v2 .gwp_split_main, html.gwp_v2 .gwp_split_caret { height: 40px; }
html.gwp_v2 .gwp_split_main { width: 40px; padding: 0; gap: 0; }
html.gwp_v2 .gwp_split_main .t { display: none; }
html.gwp_v2 .gwp_split_caret { width: 30px; }
html.gwp_v2 #gwp_mediasettingswrap > .gwp_topbutton, html.gwp_v2 #gwp_calmorewrap > .gwp_topbutton, html.gwp_v2 #gwp_calviewwrap > .gwp_topbutton { width: 40px; height: 40px; font-size: 19px; }
html.gwp_v2 #gwp_mediasettingswrap .gwp_dropdown-additem, html.gwp_v2 #gwp_calmore, html.gwp_v2 #gwp_calview { min-width: 250px; }
html.gwp_v2 #gwp_v2_head { padding: 10px 16px 4px; gap: 10px; }
html.gwp_v2 #gwp_v2_head h1 { font-size: 30px; }
html.gwp_v2 .gwp_lib_view { padding: 12px 12px; }
}
/* mobile search row: shown under the bar (in flow), results stay visible below it */
@media (max-width: 768px) {
html.gwp_v2 #gwp_navigation.gwp_v2_searching, html.gwp_v2 #gwp_navigation.gwp_v2_searching .gwp_nav_controls { display: contents; }
html.gwp_v2 .gwp_topbuttonbar:has(#gwp_navigation.gwp_v2_searching) { flex-wrap: wrap; }
html.gwp_v2 #gwp_navigation.gwp_v2_searching .gwp_nav_search:has(#gwp_med_searchinput) { display: flex !important; order: 99; flex: 1 1 100%; min-width: 0; max-width: none; height: 44px; }
html.gwp_v2 #gwp_navigation.gwp_v2_searching #gwp_med_searchinput { font-size: 16px; flex: 1; }
html.gwp_v2 .v2_searchclose { flex: none; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; font-size: 18px; color: var(--v2-muted); cursor: pointer; }
}
/* original multi-select button, restyled like the other top-bar circles */
html.gwp_v2 .gwp_mmultiselectactive { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--gwp_tool, #4259cd); background: var(--gwp_tool_tint, #eaedfa); color: var(--gwp_tool_text, #2e43ae); font-size: 19px; cursor: pointer; }