/* Page subset of studio/assets/components.css; generated, see PAGE-ASSETS-MAP.json. */

body#page-top.sr-app #modal_categories #table_categories :is(th,td) {padding:10px 8px;vertical-align:middle;}
body#page-top.sr-app #modal_categories #table_categories :is(th,td):nth-child(1) {width:64px;}
body#page-top.sr-app #modal_categories #table_categories :is(th,td):nth-child(2) {width:196px;}
body#page-top.sr-app #modal_categories #table_categories :is(th,td):nth-child(4),body#page-top.sr-app #modal_categories #table_categories :is(th,td):nth-child(5) {width:118px;}
body#page-top.sr-app #modal_categories #table_categories :is(th,td):nth-child(6) {width:116px;}
body.sr-auth .sr-auth-layout .form-check {padding-inline-start:0;}
body.sr-auth .sr-auth-layout .form-check input[type="checkbox"] {position:static;margin:0;flex:none;width:18px;height:18px;}
body.sr-auth .sr-auth-layout .form-check-label {margin:0;line-height:1.5;}
body#page-top.sr-app #content-wrapper :is(.card-body,.modal-body)>.form-group:last-child {margin-bottom:0;}
body#page-top.sr-app #content-wrapper :is(.form-group,.form-row>[class*="col-"]) {min-width:0;}
/* Base columns are tied to the viewport; these forms sit beside a second navigation.
   Reflow by the actual content width so four controls do not shrink to unreadable widths. */
@container(max-width:800px) {
    .sr-settings-content .card-body>.row>:is(.col-md-2,.col-md-3,.col-md-4) {flex:0 0 50%;max-width:50%;}
}
@container(max-width:420px) {
    .sr-settings-content .card-body>.row>:is(.col-md-2,.col-md-3,.col-md-4,.col-md-6) {flex:0 0 100%;max-width:100%;}
}
body#page-top.sr-app #content-wrapper :is(input.form-control:not([type="color"]),select.form-control,textarea.form-control) {font-size:13px;line-height:1.5;}
body#page-top.sr-app #content-wrapper .modal-footer .btn-icon-split>:is(.icon,.text) {padding:0;}
/* Detached widget surfaces: color picker, jQuery UI dialogs, tooltips. */
body#page-top.sr-app :is(.sp-container,.ui-dialog,.ui-datepicker,.ui-autocomplete,.popover) {background:var(--sr-surface)!important;color:var(--sr-text)!important;border:1px solid var(--sr-line)!important;border-radius:10px;box-shadow:0 10px 32px #02081725;}
body#page-top.sr-app .sp-container :is(input,button) {background:var(--sr-paper)!important;color:var(--sr-text)!important;border:1px solid var(--sr-line)!important;border-radius:5px;text-shadow:none;}
body#page-top.sr-app #content-wrapper .nav-pills:not(#sr-settings-tabs) {gap:6px;padding:6px;border:1px solid var(--sr-line);border-radius:9px;background:var(--sr-surface)!important;}
body#page-top.sr-app #content-wrapper .nav-pills:not(#sr-settings-tabs)>.nav-item {background:transparent!important;border:0!important;min-width:0;}
body#page-top.sr-app #content-wrapper .nav-pills:not(#sr-settings-tabs) .nav-link {background:transparent!important;color:var(--sr-muted)!important;border:0!important;border-radius:6px;padding:10px 14px;line-height:1.6;font-size:12px;}
body#page-top.sr-app #content-wrapper .nav-pills:not(#sr-settings-tabs) .nav-link.active {background:var(--sr-soft)!important;color:var(--sr-blue)!important;}
body#page-top.sr-app #content-wrapper .toggle :is(.toggle-on,.toggle-off) {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.5;}
body#page-top.sr-app #content-wrapper :is(.form-group,.form-row,.modal-body) input:is([type="checkbox"],[type="radio"]):not(.custom-control-input) {accent-color:var(--sr-primary);vertical-align:middle;}
body#page-top.sr-app #content-wrapper :is(.dd-handle,.dd3-content) {height:auto;min-height:40px;padding:10px 12px;background:var(--sr-paper)!important;color:var(--sr-text)!important;border:1px solid var(--sr-line);border-radius:7px;font-size:12px;line-height:1.6;}
body#page-top.sr-app :is(.jvm-tooltip,.highcharts-tooltip>span) {background:var(--sr-surface)!important;color:var(--sr-text)!important;border:1px solid var(--sr-line)!important;border-radius:6px;padding:8px 12px;box-shadow:0 6px 20px #02081720;}
body#page-top.sr-app :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip) {background:var(--sr-surface)!important;color:var(--sr-text)!important;}
body#page-top.sr-app .shepherd-element :is(.shepherd-header,.shepherd-footer) {background:var(--sr-paper)!important;padding:14px 18px;}
body#page-top.sr-app .shepherd-element :is(.shepherd-title,.shepherd-text) {color:var(--sr-text)!important;font-size:13px;line-height:1.8;}
body#page-top.sr-app :is(.selectator_element,.selectator_options,.bootstrap-tagsinput,.vscomp-dropbox) {background:var(--sr-surface)!important;color:var(--sr-text)!important;border:1px solid var(--sr-line)!important;border-radius:7px;}
body#page-top.sr-app :is(.selectator_input,.bootstrap-tagsinput input,.vscomp-search-input) {color:var(--sr-text)!important;background:transparent!important;}
@media(max-width:575px) {
    body#page-top.sr-app .sp-container:not(.sp-hidden) {position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);flex-direction:column;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:14px;}
    body#page-top.sr-app .sp-container :is(.sp-palette-container,.sp-picker-container) {float:none;width:100%;max-width:none;padding:0;border:0;margin:0;box-sizing:border-box;}
    body#page-top.sr-app #content-wrapper .card-header:has(>.float-right) {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
}