/* System settings: source-specific layouts, local preview controls. */ body[data-feature^="9."] .page-heading{margin-bottom:16px}body[data-feature^="9."] .page-heading-meta{visibility:hidden}body[data-feature^="9."] .breadcrumbs{font-size:12px;color:#8398b5;transform:translateY(16px)} .settings-page{display:grid;gap:14px;min-width:0;padding-top:16px;color:#35527a;font-size:12px}.settings-page .settings-intro{height:0;position:relative;min-width:0}.settings-intro>span{position:absolute;top:-58px;left:0;color:#7c93b2;font-size:12px}.settings-intro>div{position:absolute;right:0;top:-98px;display:flex;align-items:center;gap:8px}.settings-intro .btn{height:35px;min-height:35px}.settings-page .panel{border-color:#dbe7f3;box-shadow:0 2px 5px #2a4b7010;border-radius:8px}.settings-page .panel-heading{border-bottom:1px solid #e6edf5;padding:11px 14px;min-height:46px}.settings-page .panel-heading h2{font-size:16px;color:#14345d;gap:8px}.settings-page .panel-heading h2>.bi{font-size:16px;color:#0865ff}.settings-page .panel-body{padding:14px}.settings-page .panel-heading+.panel-body{padding-top:14px}.settings-page .page-tabs{margin:0 0 15px;gap:20px;border-bottom:1px solid #dce7f4;min-height:34px}.settings-page .page-tab{padding:3px 5px 10px;font-size:14px;font-weight:600;color:#728cae}.settings-page .page-tab.active{color:#0865ff}.settings-page .form-control,.settings-page .form-select{font-size:12px;height:34px;min-height:34px;border-color:#cfe0f5;border-radius:5px;color:#35527a;padding:5px 10px;background-color:#fff}.settings-page textarea.form-control{height:auto;min-height:80px;resize:vertical;line-height:1.8}.settings-page .field{gap:6px;display:flex;flex-direction:column;min-width:0;margin:0}.settings-page .field>span{font-size:12px;font-weight:600;color:#48678e}.settings-page .field>small{font-size:11px;font-weight:400;line-height:1.6;color:#91a4be}.settings-page .btn{min-height:32px;padding:5px 12px;font-size:12px;border-radius:5px;white-space:nowrap}.settings-page .btn-light{background:#fff;border-color:#d1e0f4;color:#265a9b}.settings-page .btn-primary{box-shadow:0 2px 4px #0862ff20}.settings-page .data-table{font-size:12px;color:#36567f;table-layout:auto}.settings-page .data-table th{background:#f0f5fb;font-size:12px;font-weight:600;color:#647fa2;padding:9px;white-space:nowrap}.settings-page .data-table td{padding:9px;border-color:#e0eaf5;vertical-align:middle;height:41px;white-space:normal}.settings-page .data-table tbody tr:nth-child(even){background:#fbfdff}.settings-page .data-table strong{font-size:12px;color:#214c80;font-weight:600}.settings-page .data-table .btn{min-height:25px;padding:2px 7px;font-size:11px;box-shadow:none}.settings-page .data-table .row-actions{gap:4px;flex-wrap:nowrap}.settings-page .table-scroll{min-width:0;max-width:100%;overflow:auto}.settings-page .status-pill{font-size:11px;padding:3px 7px;line-height:1.6;white-space:normal}.settings-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);gap:14px;align-items:start;min-width:0}.settings-main,.settings-side,.settings-stack{display:grid;gap:14px;min-width:0}.settings-basic{grid-template-columns:minmax(0,1.94fr) minmax(300px,1fr)}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:4px 0}.settings-wide{grid-column:1/-1}.settings-basic .settings-fields{gap:26px 14px}.settings-basic .settings-main>.panel:first-child .panel-body{padding-bottom:25px}.settings-basic .settings-toggle-row{padding:13px 7px}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8eef6;padding:12px 6px;gap:12px;font-size:13px}.settings-check{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.settings-check input{margin:0;width:15px;height:15px}.settings-logo{display:flex;gap:15px;align-items:center;background:#f8fbff;padding:10px;min-height:107px}.settings-logo>img{width:115px;height:88px;object-fit:contain;border-radius:9px;background:#e3f2ff}.settings-logo strong{display:block;font-size:14px;margin-bottom:8px}.settings-logo small{display:block;font-size:11px;color:#93a6c1;margin-bottom:9px}.settings-logo .btn{padding:4px 9px;min-height:29px;margin-right:5px}.settings-note{display:block;font-size:11px;line-height:1.7;color:#8a9fbc;margin:8px 0}.settings-site-preview{border:1px solid #d3e3f7;border-radius:10px;background:#edf5ff;padding:13px}.settings-site-preview header{background:white;border-radius:7px;display:flex;justify-content:space-between;align-items:center;padding:12px;color:#7092bc;margin-bottom:9px;font-size:11px}.settings-site-preview header strong{color:#0560d9;font-size:13px}.settings-preview-hero{background:#429dff;border-radius:7px;padding:20px;color:white;margin-bottom:10px}.settings-preview-hero h3{color:#fff;font-size:21px;font-weight:700}.settings-preview-hero p{margin:6px 0 0}.settings-preview-nav{display:flex;gap:9px}.settings-preview-nav span{flex:1;border-radius:7px;background:white;text-align:center;padding:16px 5px;color:#568bd0}.settings-site-preview>small{display:block;margin-top:8px;color:#8fa6c5;font-size:10px}.settings-savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;background:#fff;border:1px solid #dbe7f3;border-radius:8px;margin-top:10px;min-height:56px}.settings-savebar>span{font-size:12px;color:#7895b9}.settings-savebar .bi{font-size:10px}.settings-savebar>div{display:flex;gap:8px;flex-shrink:0}.settings-pairs{margin:0 0 12px}.settings-pairs>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e6edf5;font-size:12px}.settings-pairs dt{font-weight:400;color:#8398b6;flex-shrink:0}.settings-pairs dd{font-weight:600;color:#355680;text-align:right;margin:0;overflow-wrap:anywhere}.settings-page .notice{padding:11px 12px;font-size:11px;line-height:1.7;margin-top:12px;gap:8px}.settings-page .notice>.bi{font-size:15px}.settings-page .filter-bar{margin:0 0 12px;padding:10px;background:#fafcff;border:1px solid #e1ebf7;border-radius:6px;gap:10px}.settings-page>.filter-bar{margin:0}.settings-page .filter-bar .field{flex:1;min-width:100px}.settings-page .filter-actions{gap:6px}.settings-page .filter-actions .btn{padding:5px 14px}.settings-page .date-range input{font-size:11px;min-width:0}.settings-page .pagination-row{font-size:11px;color:#8ca0bc;padding:10px 0 0}.settings-page .pagination-controls{gap:4px}.settings-page .pagination-controls .btn{min-height:28px;padding:3px 8px}.settings-page .pagination-controls .form-select{height:28px;min-height:28px}.settings-permission-grid{display:grid;grid-template-columns:185px minmax(0,1fr) 275px;gap:14px;align-items:start}.settings-permission-grid .panel-body{padding:10px}.settings-permission-grid .panel-heading{padding:8px 12px}.settings-permission-grid>.panel:first-child .panel-heading h2{max-width:44px;line-height:1.2;letter-spacing:4px}.settings-permission-grid>.panel:first-child .panel-heading .btn{font-size:11px;padding:5px 10px}.settings-roles{display:grid;gap:5px}.settings-roles button{display:block;text-align:left;border:1px solid #dce7f3;background:white;border-radius:5px;padding:9px;color:#345980;min-height:55px;width:100%}.settings-roles button.active{border-color:#9fc7ff;background:#edf5ff}.settings-roles strong{font-size:13px;display:block}.settings-roles small{color:#9bafc9;font-size:10px;display:block;margin-top:3px}.settings-permission-grid .data-table td{height:44px;padding:7px 9px}.settings-permission-grid .data-table .settings-inline{height:29px;min-height:29px;max-width:110px;padding:4px 7px;font-size:11px}.settings-inline{width:100%;min-width:65px;max-width:180px;height:30px!important;min-height:30px!important;padding:4px 7px!important}.settings-permission-grid .settings-note{margin-top:14px}.settings-scope-filter{display:flex;gap:8px;align-items:end;margin:12px 0 20px;flex-wrap:wrap}.settings-scope-filter .field{flex:1;min-width:90px}.settings-config-selectors{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:25px;align-items:start}.settings-config-selectors>.btn{justify-self:end}.settings-fields-view{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.settings-fields-view .panel-actions{flex-wrap:wrap}.settings-fields-view .panel-actions .form-control,.settings-fields-view .panel-actions .form-select{width:140px}.settings-fields-view .data-table td{height:46px}.settings-fields-view>.settings-side .data-table td{height:34px;padding:5px}.settings-fields-view>.settings-side .notice{margin:0 0 12px}.settings-batch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;color:#7891b4}.settings-fields-view .settings-batch{margin:0}.settings-tree details{padding:10px;border-bottom:1px solid #dde8f4}.settings-tree summary{color:#20466f;margin-bottom:8px}.settings-tree details>div{display:flex;align-items:center;gap:10px;padding:5px 0 5px 15px}.settings-tree .btn{padding:3px 8px;min-height:26px}.settings-service-config{grid-template-columns:minmax(0,2.6fr) minmax(310px,1fr)}.settings-service-config .settings-fields{gap:18px 12px}.settings-service-config .settings-main>.panel:first-child .panel-body{padding:12px 14px 0}.settings-service-config .data-table td{height:56px;padding:8px;font-size:11px}.settings-service-config .data-table th{font-size:11px;padding:8px}.settings-service-config .data-table td:nth-child(3){overflow-wrap:anywhere;max-width:210px}.settings-ellipsis{display:block;max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.settings-side>.panel .field{margin-bottom:16px}.settings-side>.panel .settings-fields .field{margin:0}.settings-logo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-logo-options>label{display:grid;gap:7px}.settings-logo-options img{width:100%;height:90px;object-fit:contain}.settings-asset-preview{display:block;width:auto;max-width:100%;max-height:400px;margin:auto;object-fit:contain}.settings-dropzone{border:1px dashed #9fc3ff;border-radius:7px;width:100%;background:#f5faff;padding:24px 12px;margin-bottom:20px;min-height:157px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7c9ec8}.settings-dropzone.dragging{background:#e4f2ff;border-color:#0862ff}.settings-dropzone>.bi{font-size:29px;color:#4089ff}.settings-dropzone strong{font-size:13px;color:#7796c1}.settings-dropzone small{font-size:10px;color:#a3b5cd}.settings-dropzone img{max-width:100%;max-height:140px;object-fit:contain}.settings-variables{display:flex;flex-wrap:wrap;gap:5px}.settings-variables .btn{min-height:25px;font-size:10px;padding:3px 7px}.settings-template-preview{background:#f5f9ff;border:1px solid #d6e7ff;border-radius:6px;padding:17px;overflow-wrap:anywhere}.settings-template-preview small{font-size:11px;color:#8aabcf}.settings-template-preview h3{font-size:16px;line-height:1.7;margin:10px 0;color:#174a83;font-weight:600}.settings-template-preview p{line-height:1.9;white-space:pre-wrap;font-size:12px}.settings-view-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:-10px;font-size:12px;color:#8298b6}.settings-health-charts{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;min-width:0}.settings-health-charts .panel-heading{border:0;padding-bottom:0}.settings-health-charts .panel-body{padding-top:5px}.settings-health-charts .settings-pairs>div{padding:6px;font-size:11px}.settings-health-charts .settings-pairs>div:nth-child(odd){background:#f1f8fc}.settings-health-charts .settings-pairs dd{font-weight:400}.settings-health-charts .chart-box{height:178px}.settings-page .metric-card{padding:15px;min-height:122px}.settings-page .metric-label{font-size:14px}.settings-page .metric-value{font-size:28px}.settings-spark{width:80px;height:28px}.settings-page .chart-canvas{min-height:0}.settings-rules{grid-template-columns:minmax(0,2.75fr) minmax(290px,1fr)}.settings-rules .data-table td{height:50px;padding:7px 5px;font-size:11px}.settings-rules .data-table th{font-size:11px;padding:8px 5px}.settings-rules .settings-inline{min-width:72px;max-width:115px;font-size:11px}.settings-rules .data-table td:nth-child(6) .settings-inline{min-width:45px;width:54px}.settings-rule-notes{list-style:decimal;margin:0;padding-left:27px;color:#1771df}.settings-rule-notes li{padding-left:4px;margin-bottom:13px}.settings-rule-notes strong{font-size:13px;color:#15385e}.settings-rule-notes p{font-size:11px;color:#8198b8;line-height:1.65;margin-top:4px}.settings-error-view{grid-template-columns:minmax(0,2.2fr) minmax(370px,1fr)}.settings-error-view .data-table td{height:44px;padding:7px;font-size:11px}.settings-error-view .settings-side .panel-body{padding:15px}.settings-error-view .settings-pairs>div{border:0;padding:4px;font-size:11px}.settings-error-view .settings-pairs dd{font-weight:400;text-align:left;flex:1}.settings-error-view .settings-pairs dt{width:90px}.settings-error-view .page-tabs{gap:16px;margin-top:14px}.settings-error-view .page-tab{font-size:13px}.settings-json{background:#122d43;color:#d4f3ff;border-radius:6px;padding:13px;font-family:Consolas,monospace;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;margin:15px 0 10px}.settings-json.light{background:#f6faff;color:#355882;border:1px solid #dbe8f5;font-size:10px;margin:8px 0}.settings-subtitle{font-size:13px;font-weight:600;color:#204c7c;margin-top:12px;border-left:3px solid #0865ff;padding-left:8px}.settings-conflict{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;font-size:10px}.settings-conflict>div{padding:10px;background:#fff4f6;border-radius:5px;color:#e24859}.settings-conflict>div+div{background:#f0fcf8;color:#00a27b}.settings-conflict strong{color:inherit;font-size:11px}.settings-conflict p{margin:7px 0 0;line-height:1.8}.settings-trail{list-style:none;padding:0}.settings-trail li{border-left:2px solid #bad8fc;padding:8px 10px;margin:7px 0;background:#f7faff}.settings-trail p{font-size:11px;margin-top:5px;overflow-wrap:anywhere}.settings-trail small{font-size:10px;color:#8ca3bf}.settings-security-metrics{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:13px}.settings-security-metrics .metric-card{padding:10px 8px;gap:8px;min-height:100px;align-items:center}.settings-security-metrics .metric-icon{width:32px;height:32px;font-size:18px;border-radius:7px}.settings-security-metrics .metric-label{font-size:10px;white-space:normal}.settings-security-metrics .metric-value{font-size:20px;display:block}.settings-security-metrics .metric-content>small{font-size:9px}.settings-session-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.settings-session-fields>div+div{border-left:1px solid #e3edf7;padding-left:20px}.settings-session-fields .settings-fields{grid-template-columns:1fr;gap:17px}.settings-session-fields .settings-fields>.field{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:5px 16px}.settings-session-fields .settings-fields>.field>small{grid-column:2}.settings-session-fields .field{margin-bottom:18px}.settings-session-fields .field>.settings-check{margin-top:5px}.settings-session-fields .settings-editor-actions{justify-content:flex-end;margin-top:22px}.settings-diff{font-size:12px;white-space:pre-wrap;background:#f3f7fc;padding:12px;max-height:270px;overflow:auto;overflow-wrap:anywhere} @media(min-width:1500px){.settings-page .filter-bar{flex-wrap:nowrap}.settings-permission-grid>.panel:nth-child(2){min-height:680px}.settings-permission-grid .page-tabs{margin-bottom:15px}.settings-rules .table-scroll{overflow:visible}.settings-rules .data-table{table-layout:fixed;width:100%}.settings-rules .data-table td:first-child{width:80px}.settings-service-config .panel-actions .btn{font-size:12px;padding:8px 12px}.settings-service-config .settings-side>.panel{min-height:680px}.settings-service-config .settings-editor-actions{justify-content:flex-end;margin-top:25px}} @media(max-width:1300px){.settings-permission-grid{grid-template-columns:155px minmax(0,1fr) 235px;gap:10px}.settings-permission-grid .panel-body{padding:9px}.settings-permission-grid .page-tabs{gap:10px}.settings-permission-grid .data-table{min-width:650px}.settings-columns{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr)}.settings-health-charts{grid-template-columns:1.6fr 1fr}.settings-health-charts>.panel:last-child{grid-column:1/-1}.settings-health-charts>.panel:last-child .settings-pairs{display:flex;gap:15px;flex-wrap:wrap}.settings-session-fields .settings-fields>.field{display:flex;gap:6px}.settings-page .data-table{min-width:760px}.settings-error-view .data-table{min-width:840px}.settings-rules .data-table{min-width:1050px}.settings-service-config .data-table{min-width:950px}.settings-fields-view .panel-actions{max-width:450px}.settings-health-charts .data-table{min-width:0}} @media(max-width:1000px){.settings-columns{grid-template-columns:minmax(0,1fr)}.settings-permission-grid{grid-template-columns:150px minmax(0,1fr)}.settings-permission-grid>.panel:last-child{grid-column:1/-1}.settings-permission-grid>.panel:last-child .settings-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-permission-grid>.panel:last-child .settings-note{margin:8px 0}.settings-savebar{flex-wrap:wrap}.settings-config-selectors{grid-template-columns:1fr 1fr}.settings-config-selectors>.btn{grid-column:1/-1}.settings-page .settings-side{grid-template-columns:1fr 1fr}.settings-page .settings-side>.panel:only-child{grid-column:1/-1}.settings-page .settings-side>.panel .data-table{min-width:550px}.settings-session-fields{grid-template-columns:1fr 1fr}.settings-service-config .settings-side{grid-template-columns:1fr}.settings-error-view .settings-side{grid-template-columns:1fr}} @media(max-width:600px){body[data-feature^="9."] .breadcrumbs{transform:none;font-size:10px}body[data-feature^="9."] .page-heading-meta{display:none}body[data-feature^="9."] .page-heading{min-height:62px;margin-bottom:8px}.settings-page{padding-top:0;gap:10px}.settings-page .settings-intro{height:auto;min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0}.settings-intro>span{position:static;font-size:10px;line-height:1.7;max-width:58%}.settings-intro>div{position:static;gap:5px;flex-wrap:wrap;justify-content:flex-end}.settings-intro>div .status-pill{display:none}.settings-intro .btn{min-height:27px;height:27px;font-size:10px;padding:3px 7px}.settings-columns,.settings-permission-grid,.settings-session-fields,.settings-config-selectors,.settings-health-charts{grid-template-columns:1fr;gap:10px}.settings-page .settings-side{grid-template-columns:1fr}.settings-permission-grid>.panel:last-child{grid-column:auto}.settings-permission-grid>.panel:first-child .panel-heading h2{max-width:none;letter-spacing:0}.settings-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-roles button{min-height:52px;padding:7px}.settings-roles strong{font-size:11px}.settings-roles small{font-size:8px;line-height:1.4}.settings-page .panel-heading{padding:10px;gap:8px;flex-wrap:wrap}.settings-page .panel-heading h2{font-size:15px}.settings-page .panel-body{padding:10px}.settings-page .panel-actions{flex-wrap:wrap;gap:5px;max-width:100%}.settings-page .panel-actions .btn{font-size:10px;min-height:27px;padding:3px 7px}.settings-page .data-table{font-size:11px}.settings-page .data-table th,.settings-page .data-table td{font-size:11px}.settings-page .page-tabs{gap:10px;overflow:auto;white-space:nowrap}.settings-page .page-tab{font-size:12px;padding-left:2px;padding-right:2px;flex-shrink:0}.settings-fields{gap:15px 10px}.settings-basic .settings-fields{gap:15px 10px}.settings-basic .settings-main>.panel:first-child .panel-body{padding-bottom:15px}.settings-page .field>span{font-size:11px}.settings-page .form-control,.settings-page .form-select{font-size:11px;padding:5px 7px}.settings-page .filter-bar{padding:9px;gap:9px;flex-wrap:wrap}.settings-page .filter-bar .field{min-width:calc(50% - 9px)}.settings-page .filter-bar .date-field,.settings-page .filter-bar .field:last-of-type{min-width:100%}.settings-page .filter-actions{width:100%;justify-content:flex-end}.settings-savebar{padding:10px;gap:9px;margin-top:0}.settings-savebar>span{font-size:10px;line-height:1.8}.settings-savebar>div{width:100%;gap:5px;flex-wrap:wrap}.settings-savebar .btn{flex:1;font-size:10px;padding:5px 7px}.settings-logo{gap:10px;padding:8px}.settings-logo>img{width:90px;height:80px}.settings-logo .btn{font-size:10px;padding:3px 6px}.settings-logo strong{font-size:12px}.settings-logo small{font-size:9px}.settings-preview-hero h3{font-size:19px}.settings-permission-grid>.panel:last-child .settings-pairs{display:block}.settings-pairs>div{padding:10px 0;font-size:11px}.settings-fields-view .panel-actions .form-control,.settings-fields-view .panel-actions .form-select{width:110px}.settings-health-charts>.panel:last-child{grid-column:auto}.settings-page .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-page .metric-card{padding:11px;gap:9px;min-height:100px}.settings-page .metric-icon{width:35px;height:35px;font-size:21px;border-radius:8px}.settings-page .metric-label{font-size:10px;white-space:normal}.settings-page .metric-value{font-size:23px}.settings-page .metric-content>small{font-size:9px}.settings-view-actions{margin-top:0;gap:6px;justify-content:flex-start;flex-wrap:wrap}.settings-view-actions>span{width:100%;font-size:10px}.settings-session-fields>div+div{border:0;border-top:1px solid #e3edf7;padding:15px 0 0}.settings-session-fields .settings-fields>.field{display:flex}.settings-session-fields .settings-fields{gap:10px}.settings-session-fields .field{margin-bottom:12px}.settings-session-fields .settings-check{white-space:normal}.settings-session-fields .settings-editor-actions{justify-content:flex-start}.settings-security-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.settings-security-metrics .metric-card{display:block;min-height:100px}.settings-security-metrics .metric-icon{width:28px;height:28px;font-size:16px;margin-bottom:5px}.settings-security-metrics .metric-value{font-size:19px}.settings-conflict{grid-template-columns:1fr}.settings-rule-notes li{margin-bottom:10px}.settings-logo-options{grid-template-columns:1fr 1fr}.settings-editor-actions .btn{font-size:10px;padding:5px 8px}.settings-toggle-row{font-size:12px}.settings-tree details>div{flex-wrap:wrap}} /* Scoped reference corrections; compact without removing controls or data. */ @media(min-width:1451px){ .settings-permission-grid>.panel:first-child .panel-heading{gap:6px;padding:8px} .settings-permission-grid>.panel:first-child .panel-heading h2{max-width:none;letter-spacing:0;font-size:14px;white-space:nowrap;gap:5px} .settings-permission-grid>.panel:first-child .panel-heading .btn{padding:4px 5px} .settings-rules .settings-check{font-size:0;gap:0} .settings-rules .data-table :is(td,th):nth-child(9){width:50px;text-align:center} .settings-rules .data-table :is(td,th):last-child{width:90px} .settings-rules .data-table .btn{padding:2px 5px} .settings-page:has(.settings-health-charts){position:relative;gap:10px} .settings-page:has(.settings-health-charts)>.settings-view-actions{position:absolute;right:0;top:-55px;margin:0} .settings-page:has(.settings-health-charts) .metric-card{min-height:110px;padding:12px} .settings-page:has(.settings-health-charts) .data-table td{height:35px;padding:4px 8px} .settings-page:has(.settings-health-charts) .sparkline{height:25px} .settings-page:has(.settings-session-fields){padding-top:2px;gap:10px} .settings-session-fields{gap:16px;margin-top:5px} .settings-session-fields .settings-fields{gap:10px} .settings-session-fields .field{margin-bottom:0} .settings-session-fields .form-control,.settings-session-fields .form-select{height:32px;min-height:32px} .settings-session-fields .settings-editor-actions{margin-top:10px} .settings-session-fields>div> .field:has(>.btn){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px} .settings-session-fields>div> .field:has(>.btn)>small{grid-column:1/-1} .settings-page:has(.settings-error-view){grid-template-columns:minmax(0,2.2fr) minmax(370px,1fr);align-items:start;gap:14px} .settings-page:has(.settings-error-view)>.settings-intro{grid-column:1/-1} .settings-page:has(.settings-error-view)>.panel{grid-column:1;grid-row:2} .settings-error-view{display:contents} .settings-error-view>main{grid-column:1;grid-row:3} .settings-error-view>.settings-side{grid-column:2;grid-row:2/span 2} .settings-error-view .settings-side .panel-body{padding:11px} .settings-error-view .settings-side pre{max-height:145px;overflow:auto} .settings-error-view .settings-pairs>div{padding:3px} } @media(min-width:1451px){ body:has(.settings-error-view) .page-heading,body:has(.settings-health-charts) .page-heading,body:has(.settings-session-fields) .page-heading{margin-bottom:4px} .settings-page:has(.settings-error-view),.settings-page:has(.settings-health-charts){padding-top:2px;gap:10px} .settings-page:has(.settings-health-charts) .settings-intro>div,.settings-page:has(.settings-error-view) .settings-intro>div{top:-72px} .settings-page:has(.settings-session-fields) .settings-intro>div{top:-72px} .settings-page:has(.settings-health-charts)>.settings-view-actions{top:-35px} .settings-health-charts .chart-box{height:164px} .settings-session-fields>div> .field{margin-bottom:8px} .settings-session-fields>div> .field:has(>.btn)>span{grid-column:1/-1} .settings-session-fields>div> .field:has(>.btn)>small{grid-column:1;grid-row:2} .settings-session-fields>div> .field:has(>.btn)>.btn{grid-column:2;grid-row:2;align-self:center} .settings-session-fields>div> .field:has(>.btn)>.settings-check{grid-column:2;grid-row:1} .settings-page:has(.settings-session-fields)>.panel:last-child .panel-body{padding-top:8px} .settings-page:has(.settings-session-fields)>.panel:last-child .data-table td{height:35px;padding-top:5px;padding-bottom:5px} } @media(min-width:1451px){ .settings-page:has(.settings-error-view)>.panel .filter-bar .date-field{min-width:240px;flex:1.8} .settings-session-fields>div> .field:has(>.btn)>span:not(.settings-check){grid-column:1;grid-row:1} } /* Permission tabs share one matrix frame; field controls keep the same checkbox treatment. */ .settings-permission-grid .data-table td:has(.settings-check){vertical-align:middle} /* Original emoji images remain animated; the gallery displays every matching resource. */ .settings-emoji-intro{margin:16px 0 12px;font-size:13px;color:#345980}.settings-emoji-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-bottom:18px}.settings-emoji-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 7px;border:1px solid #dce7f3;border-radius:7px;background:#f6faff;min-width:0;color:#345980}.settings-emoji-card:hover{background:#eaf3ff;border-color:#91bbf8}.settings-emoji-card img{object-fit:contain}.settings-emoji-card strong{font-size:12px}.settings-emoji-card small{font-size:10px;color:#617d9e;overflow-wrap:anywhere} @media(max-width:600px){.settings-emoji-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-emoji-card{padding:10px 5px}.settings-emoji-card img{width:52px;height:52px}.settings-emoji-card small{font-size:9px}} /* Matrix cells show ticks; descriptive labels remain available to assistive technology. */ .settings-permission-grid .data-table .settings-check{position:relative;min-width:18px;justify-content:center}.settings-permission-grid .data-table .settings-check>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} /* Keep role title readable while the common permission matrix uses a compact desktop. */ .settings-permission-grid>.panel:first-child .panel-heading{flex-wrap:wrap} .settings-permission-grid>.panel:first-child .panel-heading h2{max-width:none;white-space:nowrap;letter-spacing:0} /* Common security card also contains the session deep-link view. */ /* Role actions and shared filters stay inside the matrix column. */ .settings-permission-grid>.panel:first-child .panel-actions{flex:1 1 100%;max-width:100%;flex-wrap:wrap;gap:6px} .settings-permission-grid .settings-scope-filter{min-width:0;max-width:100%;width:100%} .settings-permission-grid .settings-scope-filter .field{flex:1 1 130px} .settings-security-card{min-width:0}.settings-security-card>.panel-body>.page-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px;max-width:100%}.settings-security-card .page-tab{position:static;white-space:normal}.settings-security-tab-body{min-width:0}.settings-security-tab-body>.panel{margin-bottom:16px} /* Keep help and descriptions in flow below the consolidated workpage tabs. */ @media(min-width:768px){ .settings-page .settings-intro{height:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .settings-page .settings-intro>span,.settings-page .settings-intro>div{position:static} .settings-page .settings-intro>div{flex-wrap:wrap} .settings-security-metrics .metric-card{display:block} .settings-security-metrics .metric-icon{margin-bottom:6px} .settings-security-metrics .metric-label{line-height:1.5} } /* 9.2 权限矩阵：三栏等高，右侧说明栏跟随中间矩阵高度，避免下方大片空白。 */ .settings-permission-grid{align-items:stretch} .settings-permission-grid>.panel{display:flex;flex-direction:column;min-width:0} .settings-permission-grid>.panel>.panel-body{flex:1;min-height:0;overflow:auto} .settings-permission-grid>.panel:first-child .settings-roles{align-content:start} @media(max-width:1000px){ .settings-permission-grid{align-items:start} .settings-permission-grid>.panel>.panel-body{overflow:visible} } /* 390px 移动端：权限矩阵收成两列，勾选框固定在右侧，避免横向滚动才能授权。 */ @media(max-width:600px){ .settings-permission-grid .data-table{min-width:0;width:100%} .settings-permission-grid .table-scroll{overflow:visible} .settings-permission-grid .data-table :is(th,td):nth-child(1){display:table-cell;min-width:130px;white-space:normal} .settings-permission-grid .table-scroll{overflow-x:auto} .settings-permission-grid .data-table{min-width:620px} .settings-permission-grid .data-table :is(th,td):nth-child(2){width:62px;white-space:nowrap} .settings-permission-grid .data-table :is(th,td):nth-child(3){min-width:0} .settings-permission-grid .data-table :is(th,td):nth-child(4){width:44px;text-align:center;padding-left:0;padding-right:6px} .settings-permission-grid .data-table td{height:40px;padding:6px} .settings-permission-grid .data-table th{font-size:11px;padding:6px} .settings-permission-grid .data-table code{font-size:10px} .settings-permission-grid .data-table .settings-check{min-width:20px;justify-content:center} .settings-permission-grid .data-table .settings-check input{width:18px;height:18px} .settings-permission-grid>.panel>.panel-body{overflow:visible} .settings-permission-grid .settings-roles{gap:6px} .settings-permission-grid .settings-roles button{min-height:48px;padding:7px} .settings-permission-grid .settings-roles strong{font-size:11px} .settings-permission-grid .settings-roles small{font-size:8px;line-height:1.4} .settings-permission-grid .page-tabs{gap:12px;overflow-x:auto;white-space:nowrap} .settings-permission-grid .page-tab{font-size:12px;padding:3px 2px 9px;flex-shrink:0} .settings-permission-grid .settings-scope-filter{gap:6px} .settings-permission-grid .settings-scope-filter .field{min-width:100%} .settings-permission-grid .settings-scope-filter .btn{flex:1} .settings-permission-grid .settings-pairs>div{padding:9px 0;font-size:11px} .settings-permission-grid .settings-pairs dd{max-width:58%;text-align:right} } /* 390px 移动端：管理员列表只留账号、岗位、状态和操作，其余列收起。 */ @media(max-width:600px){ .page-stack>.panel>.panel-body .table-scroll{overflow-x:auto} body[data-feature="9.10"] .page-stack .data-table{min-width:0;width:100%} body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(1), body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(3), body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(6), body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(7){display:none} body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(2){min-width:0} body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(4){width:86px} body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(5){width:58px;white-space:nowrap} body[data-feature="9.10"] .page-stack .data-table :is(th,td):nth-child(8){width:96px} body[data-feature="9.10"] .page-stack .data-table td{height:44px;padding:6px;font-size:11px} body[data-feature="9.10"] .page-stack .data-table .row-actions{gap:3px;flex-wrap:wrap} body[data-feature="9.10"] .page-stack .data-table .btn{min-height:24px;padding:2px 5px;font-size:10px} } /* 390px 移动端：期号表只留期号、游戏、状态、开奖和操作。 */ @media(max-width:600px){ body[data-feature="4.4"] .page-stack .data-table{min-width:0;width:100%} body[data-feature="4.4"] .page-stack .table-scroll{overflow:visible} body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(4), body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(5), body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(7), body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(8), body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(9){display:none} body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(1){width:92px;white-space:nowrap} body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(2){min-width:0;font-size:10px} body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(3){width:62px;white-space:nowrap} body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(6){width:56px;white-space:nowrap;font-size:10px} body[data-feature="4.4"] .page-stack .data-table :is(th,td):nth-child(10){width:52px} body[data-feature="4.4"] .page-stack .data-table td{height:42px;padding:5px;font-size:11px} body[data-feature="4.4"] .page-stack .data-table th{font-size:10px;padding:5px} body[data-feature="4.4"] .page-stack .data-table .btn{min-height:23px;padding:2px 4px;font-size:10px} body[data-feature="4.4"] .filter-bar .field{min-width:100%} body[data-feature="4.4"] .filter-bar .filter-actions{width:100%} }