/* Bundled inner-page styles in their original cascade order. */

/* vice-inner-components-2026.css */
/** Shared inner-shell navigation, tabs, pagination and action strips. */
body.vice-inner-shell { --vicm-surface:#111821;--vicm-surface-2:#17212c;--vicm-border:rgba(255,255,255,.1);--vicm-text:#e6edf5;--vicm-muted:#98a6b6; }
body.vice-inner-shell .navigate_section { max-width:100%;overflow:hidden;color:var(--vicm-muted)!important;background:rgba(17,24,33,.94)!important;border:1px solid var(--vicm-border)!important;border-radius:11px!important; }
body.vice-inner-shell .navigate_section ul { display:flex;align-items:center;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;background:transparent!important; }
body.vice-inner-shell .navigate_section li { flex:0 0 auto;max-width:min(360px,55vw);background:transparent!important; }
body.vice-inner-shell .navigate_section li a,
body.vice-inner-shell .navigate_section li span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9c7d6!important;background:transparent!important; }
body.vice-inner-shell .navigate_section li.last a,
body.vice-inner-shell .navigate_section li.last span { color:#eef5fc!important; }
body.vice-inner-shell :is(.buttonlist,.pagelinks,.pagesection,.pagination,.tabs,.tab_bar,.generic_menu) { max-width:100%;color:var(--vicm-text);border-color:var(--vicm-border)!important; }
body.vice-inner-shell :is(.buttonlist,.pagelinks,.pagination,.tabs,.tab_bar) ul { display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:transparent!important; }
body.vice-inner-shell :is(.buttonlist,.pagelinks,.pagination,.tabs,.tab_bar) li { margin:0!important;background:transparent!important; }
body.vice-inner-shell :is(.buttonlist,.pagelinks,.pagination,.tabs,.tab_bar) a,
body.vice-inner-shell :is(.pagelinks,.pagination) strong { display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;color:#c9d6e3!important;background:var(--vicm-surface-2)!important;border:1px solid var(--vicm-border)!important;border-radius:8px!important;text-decoration:none!important; }
body.vice-inner-shell :is(.buttonlist,.pagelinks,.pagination,.tabs,.tab_bar) a:hover,
body.vice-inner-shell :is(.buttonlist,.tabs,.tab_bar) a.active,
body.vice-inner-shell :is(.pagelinks,.pagination) strong { color:#fff!important;background:#195da1!important;border-color:rgba(86,160,229,.52)!important; }
body.vice-inner-shell .pagesection { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;clear:both; }
body.vice-inner-shell .generic_menu,
body.vice-inner-shell .generic_menu ul { color:var(--vicm-text)!important;background:var(--vicm-surface)!important;border-color:var(--vicm-border)!important; }
@media(max-width:768px){
	body.vice-inner-shell .navigate_section li { max-width:72vw; }
	body.vice-inner-shell :is(.buttonlist,.pagelinks,.pagination,.tabs,.tab_bar) ul { flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:4px; }
	body.vice-inner-shell .pagesection>* { float:none!important; }
}

/* vice-inner-overlays-2026.css */
/** Shared dark overlays for inner pages and dynamically appended plug-in UI. */
body.vice-inner-shell { --vio-surface:#111821;--vio-surface-2:#17212c;--vio-border:rgba(255,255,255,.12);--vio-text:#e6edf5;--vio-muted:#98a6b6; }
body.vice-inner-shell .modal-content,
body.vice-inner-shell .popover,
body.vice-inner-shell .tooltip-inner,
body.vice-inner-shell .auto_suggest_div,
body.vice-inner-shell .ui-autocomplete,
body.vice-inner-shell .ui-datepicker,
body.vice-inner-shell .select2-dropdown,
body.vice-inner-shell .select2-results,
body.vice-inner-shell .context-menu-list {
	color:var(--vio-text)!important;background:var(--vio-surface)!important;border:1px solid var(--vio-border)!important;border-radius:10px!important;box-shadow:0 18px 48px rgba(0,0,0,.5)!important;
}
body.vice-inner-shell .modal-header,
body.vice-inner-shell .modal-footer,
body.vice-inner-shell .popover-title,
body.vice-inner-shell .ui-datepicker-header,
body.vice-inner-shell .select2-search {
	color:var(--vio-text)!important;background:var(--vio-surface-2)!important;border-color:var(--vio-border)!important;
}
body.vice-inner-shell .modal-body,
body.vice-inner-shell .popover-content { color:var(--vio-text)!important;background:var(--vio-surface)!important; }
body.vice-inner-shell .modal-backdrop,
body.vice-inner-shell .overlay,
body.vice-inner-shell .ui-widget-overlay { background:#02060b!important;opacity:.76!important; }
body.vice-inner-shell .modal .close,
body.vice-inner-shell .popover .close { color:#dbe8f4!important;text-shadow:none!important;opacity:.82; }
body.vice-inner-shell .modal .close:hover,
body.vice-inner-shell .popover .close:hover { color:#fff!important;opacity:1; }
body.vice-inner-shell :is(.auto_suggest_item,.ui-menu-item,.select2-results__option,.context-menu-item) { color:#cbd6e2!important;background:transparent!important;border-color:var(--vio-border)!important; }
body.vice-inner-shell :is(.auto_suggest_item_hover,.ui-state-active,.select2-results__option--highlighted,.context-menu-item:hover) { color:#fff!important;background:rgba(45,129,213,.24)!important; }
body.vice-inner-shell :is(.ui-datepicker,.select2-dropdown,.modal-content) input,
body.vice-inner-shell :is(.ui-datepicker,.select2-dropdown,.modal-content) select { color:var(--vio-text)!important;background:#0d141d!important;border:1px solid var(--vio-border)!important; }
body.vice-inner-shell .popover>.arrow::after,
body.vice-inner-shell .popover>.arrow:after { border-bottom-color:var(--vio-surface)!important;border-top-color:var(--vio-surface)!important; }
body.vice-inner-shell #smsModal .modal-dialog { width:min(560px,calc(100vw - 24px));margin:8vh auto 20px; }
body.vice-inner-shell #smsModal .modal-content { overflow:hidden; }
body.vice-inner-shell #smsModal .modal-body input { width:100%;box-sizing:border-box;min-height:42px;padding:9px 11px;border-radius:8px!important; }
@media(max-width:768px){
	body.vice-inner-shell .modal-dialog { width:calc(100vw - 24px)!important;margin:20px auto!important; }
	body.vice-inner-shell .popover { max-width:calc(100vw - 24px)!important; }
}

/* vice-system-states-2026.css */
/** Error, maintenance, permission, loading and empty-state surfaces. */
body.vice-inner-shell :is(#fatal_error,.fatal_error,.errorbox,.warningbox,.noticebox,.information,.maintenance,.kick_guest,.permission_error,.load_error,.no_results,.empty_state,.empty) {
	box-sizing:border-box;max-width:100%;color:#dfe9f3!important;background:#111821!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:11px!important;box-shadow:none!important;
}
body.vice-inner-shell :is(#fatal_error,.fatal_error,.permission_error,.load_error) { padding:18px!important;border-color:rgba(224,80,98,.34)!important;background:linear-gradient(135deg,rgba(128,35,48,.2),#111821 44%)!important; }
body.vice-inner-shell :is(.warningbox,.noticebox) { padding:13px 15px!important;border-color:rgba(224,165,72,.34)!important;background:rgba(148,95,23,.16)!important; }
body.vice-inner-shell .information { padding:13px 15px!important;border-color:rgba(45,129,213,.3)!important;background:rgba(45,129,213,.1)!important; }
body.vice-inner-shell :is(.no_results,.empty_state,.empty) { padding:24px!important;text-align:center;color:#98a6b6!important;background:rgba(17,24,33,.82)!important; }
body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error) h1,
body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error) h2,
body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error) h3 { color:#fff!important; }
body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error,.no_results,.empty_state) a { color:#83c2f5!important; }
body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error) .button,
body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error) .button_submit { color:#fff!important;background:linear-gradient(135deg,#2d81d5,#195da1)!important;border:1px solid rgba(92,165,232,.38)!important;border-radius:8px!important; }
body.vice-inner-shell :focus-visible { outline:2px solid #5ea9e8!important;outline-offset:2px; }
@media(max-width:768px){ body.vice-inner-shell :is(#fatal_error,.fatal_error,.maintenance,.kick_guest,.permission_error,.load_error) { padding:15px!important; } }

/* vice-inner-legacy-surfaces-2026.css */
/**
 * Residual legacy surface sweep for inner routes only.
 * Loaded after route-specific styles to neutralize old SMF/plugin whites.
 */
body.vice-inner-shell {
	--vls-surface: #111821;
	--vls-surface-2: #17212c;
	--vls-surface-3: #0d141d;
	--vls-border: rgba(255, 255, 255, 0.11);
	--vls-text: #e6edf5;
	--vls-muted: #98a6b6;
}

body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background: #fff'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background:#fff'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background: white'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background-color: #fff'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background-color:#fff'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background-color: white'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background-color:#fafafa'],
body.vice-inner-shell #main_content_section :is(
	div, section, article, aside, header, footer, form, fieldset,
	ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td
)[style*='background-color: #fafafa'] {
	color: var(--vls-text) !important;
	background: var(--vls-surface-2) !important;
	background-color: var(--vls-surface-2) !important;
	border-color: var(--vls-border) !important;
	box-shadow: none !important;
}

body.vice-inner-shell #main_content_section :is(
	.panel, .panel-default, .panel-body, .well, .jumbotron, .thumbnail,
	.card, .card-body, .box, .box-content, .widget, .widget-content,
	.list-group, .list-group-item, .plainbox, .tborder, .bordercolor,
	.windowbg, .windowbg2, .windowbg3, .roundframe
) {
	color: var(--vls-text) !important;
	background-color: var(--vls-surface) !important;
	border-color: var(--vls-border) !important;
	box-shadow: none !important;
}

body.vice-inner-shell #main_content_section :is(
	.panel-heading, .panel-footer, .card-header, .card-footer,
	.box-header, .widget-title
) {
	color: #eef5fc !important;
	background: rgba(45, 129, 213, 0.18) !important;
	border-color: var(--vls-border) !important;
}

body.vice-inner-shell #main_content_section :is(.panel-title, .card-title, .box-title, .widget-title) a {
	color: #eef5fc !important;
}

body.vice-inner-shell #main_content_section :is(.smalltext, .middletext, .description, .helptext, .hint, .text-muted) {
	color: var(--vls-muted) !important;
}

body.vice-inner-shell #main_content_section hr,
body.vice-inner-shell #main_content_section .hrcolor {
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid var(--vls-border) !important;
}

/* vice-inner-forms-tables-2026.css */
/** Final table and form compatibility for profile/admin/moderation/plugin pages. */
body.vice-inner-shell #main_content_section :is(
	.table-responsive, .generic_list_wrapper, .admin_table, .mod_table,
	.profile_table, .dataTable_wrapper, .settings, .form_settings
) {
	max-width: 100%;
	color: var(--vls-text, #e6edf5) !important;
	background: var(--vls-surface, #111821) !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.table-responsive, .generic_list_wrapper, .dataTable_wrapper
) {
	overflow-x: auto;
	border: 1px solid var(--vls-border, rgba(255, 255, 255, 0.11));
	border-radius: 10px;
}

body.vice-inner-shell #main_content_section :is(
	table, .table, .table_grid, .table_list, .admin_table, .mod_table, .profile_table, .dataTable
) {
	width: 100%;
	color: var(--vls-text, #e6edf5) !important;
	background: transparent !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	table, .table, .table_grid, .table_list, .admin_table, .mod_table, .profile_table, .dataTable
) :is(thead, tbody, tfoot, tr) {
	color: inherit !important;
	background: transparent !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	table, .table, .table_grid, .table_list, .admin_table, .mod_table, .profile_table, .dataTable
) th {
	color: #edf5fc !important;
	background: rgba(45, 129, 213, 0.2) !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	table, .table, .table_grid, .table_list, .admin_table, .mod_table, .profile_table, .dataTable
) td {
	color: var(--vls-text, #e6edf5) !important;
	background: rgba(17, 24, 33, 0.82) !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	table, .table, .table_grid, .table_list, .admin_table, .mod_table, .profile_table, .dataTable
) tbody tr:nth-child(even) td {
	background: rgba(23, 33, 44, 0.9) !important;
}

body.vice-inner-shell #main_content_section :is(
	table, .table, .table_grid, .table_list, .admin_table, .mod_table, .profile_table, .dataTable
) tbody tr:hover td {
	background: rgba(38, 67, 94, 0.72) !important;
}

body.vice-inner-shell #main_content_section :is(
	input[type='text'], input[type='password'], input[type='email'], input[type='number'],
	input[type='search'], input[type='url'], input[type='tel'], input[type='date'],
	input[type='time'], input[type='datetime-local'], select, textarea,
	.input_text, .input_password
) {
	box-sizing: border-box;
	max-width: 100%;
	color: var(--vls-text, #e6edf5) !important;
	background: var(--vls-surface-3, #0d141d) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	box-shadow: none !important;
}

body.vice-inner-shell #main_content_section :is(input, select, textarea):focus {
	outline: none !important;
	border-color: rgba(70, 151, 223, 0.86) !important;
	box-shadow: 0 0 0 3px rgba(45, 129, 213, 0.14) !important;
}

body.vice-inner-shell #main_content_section :is(input, select, textarea):disabled,
body.vice-inner-shell #main_content_section :is(input, select, textarea)[readonly] {
	color: #8e9baa !important;
	background: #121922 !important;
	opacity: 1;
}

body.vice-inner-shell #main_content_section :is(input, textarea)::placeholder {
	color: #718093 !important;
	opacity: 1;
}

body.vice-inner-shell #main_content_section select option,
body.vice-inner-shell #main_content_section select optgroup {
	color: var(--vls-text, #e6edf5) !important;
	background: #111821 !important;
}

body.vice-inner-shell #main_content_section input[type='file']::file-selector-button {
	color: #e8f1f9;
	background: #1a2734;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 7px;
}

body.vice-inner-shell #main_content_section fieldset {
	color: var(--vls-text, #e6edf5);
	background: rgba(17, 24, 33, 0.72) !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section legend,
body.vice-inner-shell #main_content_section label {
	color: #dce7f2;
}

@media (max-width: 768px) {
	body.vice-inner-shell #main_content_section :is(
		.table-responsive, .generic_list_wrapper, .dataTable_wrapper
	) :is(table, .table, .table_grid, .table_list) {
		min-width: 620px;
	}

	body.vice-inner-shell #main_content_section :is(.table-responsive, .generic_list_wrapper, .dataTable_wrapper) {
		-webkit-overflow-scrolling: touch;
	}
}

/* vice-inner-menus-states-2026.css */
/** Last-mile menus, tabs, pagination and async state surfaces on inner routes. */
body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
),
body.vice-inner-shell .modal :is(.dropdown-menu, .popup_menu, .generic_menu) {
	color: var(--vls-text, #e6edf5) !important;
	background: #121a24 !important;
	border: 1px solid var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.48) !important;
}

body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
) :is(li, a, .ui-menu-item, .select2-results__option, .chosen-results li) {
	color: #cbd7e3 !important;
	background: transparent !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
) :is(a, .ui-menu-item, .select2-results__option, .chosen-results li):hover,
body.vice-inner-shell #main_content_section :is(
	.dropdown-menu, .popup_menu, .generic_menu, .context_menu,
	.auto_suggest_div, .ui-autocomplete, .select2-dropdown, .chosen-drop
) :is(.active, .selected, .highlighted, [aria-selected='true']) {
	color: #fff !important;
	background: rgba(45, 129, 213, 0.26) !important;
}

body.vice-inner-shell #main_content_section :is(
	.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks, .nav-tabs, .nav-pills
) :is(ul, li) {
	background: transparent !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks, .nav-tabs, .nav-pills
) a {
	color: #cbd7e3 !important;
	background: #17212c !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(
	.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks, .nav-tabs, .nav-pills
) :is(a:hover, a.active, li.active > a),
body.vice-inner-shell #main_content_section :is(.pagination, .pagelinks) strong {
	color: #fff !important;
	background: #195da1 !important;
	border-color: rgba(86, 160, 229, 0.52) !important;
}

body.vice-inner-shell #main_content_section :is(
	.alert, .alert-info, .alert-warning, .alert-danger, .alert-success,
	.notice, .noticebox, .warningbox, .errorbox, .information,
	.no-results, .no_results, .empty-state, .empty_state, .loading
) {
	color: var(--vls-text, #e6edf5) !important;
	background: rgba(17, 24, 33, 0.94) !important;
	border-color: var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
}

body.vice-inner-shell #main_content_section :is(.alert-danger, .errorbox) {
	background: rgba(128, 35, 48, 0.2) !important;
	border-color: rgba(224, 80, 98, 0.34) !important;
}

body.vice-inner-shell #main_content_section :is(.alert-warning, .noticebox, .warningbox) {
	background: rgba(148, 95, 23, 0.16) !important;
	border-color: rgba(224, 165, 72, 0.34) !important;
}

body.vice-inner-shell #main_content_section :is(.alert-success) {
	background: rgba(34, 120, 83, 0.18) !important;
	border-color: rgba(74, 190, 135, 0.3) !important;
}

body.vice-inner-shell #main_content_section :is(.progress, .progress_bar, .progressbar) {
	overflow: hidden;
	background: #0d141d !important;
	border: 1px solid var(--vls-border, rgba(255, 255, 255, 0.11)) !important;
	border-radius: 999px;
}

body.vice-inner-shell #main_content_section :is(.progress-bar, .progress_bar span, .progressbar span) {
	background: linear-gradient(90deg, #195da1, #2d81d5) !important;
}

@media (max-width: 768px) {
	body.vice-inner-shell #main_content_section :is(.dropdown-menu, .popup_menu, .generic_menu) {
		max-width: calc(100vw - 24px);
	}

	body.vice-inner-shell #main_content_section :is(.tabs, .tab_bar, .buttonlist, .pagination, .pagelinks) ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
}

