.smart-search-hidden{display:none!important}
.smart-loading-hint{padding:16px;border:1px solid #2d4b60;border-radius:14px;background:#102232;color:#a9c0d1;font-size:13px;line-height:1.7}
.smart-setting-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;width:100%}
.smart-setting-title{min-width:0;line-height:1.45;overflow-wrap:anywhere}
.smart-setting-heading>.setting-help{position:static!important;margin:0!important;justify-self:end;grid-column:3}
.smart-setting-heading>output{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;color:#9be5d1}
.smart-more-group h3{font-size:12px;color:#a6bacd;margin:12px 2px 8px}
#navigationMore>.more-grid{display:flex;flex-direction:column;gap:8px}
.smart-more-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.smart-settings-group{min-width:0;border:1px solid #2b4257;border-radius:14px;background:#0e1e2d;overflow:clip}
.smart-settings-group>summary{display:flex;align-items:center;gap:10px;padding:13px 14px;min-height:48px;cursor:pointer;list-style:none}
.smart-settings-group>summary::-webkit-details-marker{display:none}
.smart-settings-group>summary>span{flex:1;font-size:14px;font-weight:650}
.smart-settings-group>summary>small{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:#193448;color:#a8d9dc;font-size:11px}
.smart-settings-group>summary::after{content:'⌄';color:#8cb9bd;font-size:16px;transition:transform .15s}
.smart-settings-group[open]>summary::after{transform:rotate(180deg)}
.smart-settings-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;padding:0 12px 12px}
.smart-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;grid-column:1/-1}
.smart-form-dirty{font-size:11px;color:#9cb2c4}
.smart-form-actions.has-changes .smart-form-dirty{color:#ffd59c}
#gemmaRuntimeSettings form>.smart-settings-group{grid-column:1/-1}
#gemmaRuntimeSettings form>h3{margin:2px 0 6px}
.smart-settings-group:has(.smart-search-hidden) .smart-settings-fields{min-height:0}
@media(max-width:760px){
 .katrina-premium #pageContent label.smart-setting{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:11px!important;min-height:0!important;max-width:100%;width:100%;border:1px solid #294156;border-radius:12px!important;background:#102131!important;align-items:stretch!important}
 .katrina-premium #pageContent label.smart-setting>.smart-setting-heading{grid-column:1/-1;grid-row:1;padding:0!important;font-size:13px;font-weight:600}
 .katrina-premium #pageContent label.smart-setting>.setting-help{position:static!important}
 .katrina-premium #pageContent label.smart-setting :is(input:not([type=checkbox]):not([type=range]),select,textarea){width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
 .katrina-premium #pageContent label.smart-setting>:is(.settings-range,input:not([type=checkbox]),select,textarea){grid-row:2;grid-column:1/-1}
 .katrina-premium #pageContent label.smart-setting>.settings-range{padding:0!important;background:transparent!important;border:0!important;min-height:0!important;gap:4px!important;box-shadow:none!important}
 .katrina-premium #pageContent label.smart-setting .settings-stepper-controls{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
 .katrina-premium #pageContent label.smart-setting .settings-stepper-controls>button{min-height:38px!important;height:38px;padding:0!important;border:1px solid #3b5b6c;background:#1a3649;color:#d2f1eb;font-size:18px!important;border-radius:9px!important}
 .katrina-premium #pageContent label.smart-setting .settings-stepper-input{height:38px;min-height:38px!important;text-align:center;font-variant-numeric:tabular-nums;background:#0a1926!important}
 .katrina-premium #pageContent label.smart-setting .settings-range-scale{font-size:10px;justify-content:space-between;gap:6px;padding:0 2px;color:#88a6b9}
 .katrina-premium #pageContent label.smart-setting .settings-stepper-reset{width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;background:transparent;border:0;color:#88b4be;font-size:15px!important}
 .katrina-premium #pageContent label.smart-setting .setting-help-button{display:grid!important;place-items:center;min-width:32px!important;width:32px!important;min-height:32px!important;height:32px!important;padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid #36566b!important;background:#152c3e!important;color:#9bc8db!important;font:700 13px/1 system-ui!important;box-shadow:none!important}
 .katrina-premium #pageContent label.smart-setting-toggle{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:58px!important}
 .katrina-premium #pageContent label.smart-setting-toggle>.smart-setting-heading{grid-column:1;grid-row:1}
 .katrina-premium #pageContent label.smart-setting-toggle>input[type=checkbox]{grid-column:2;grid-row:1;width:40px!important;min-width:40px!important;min-height:24px!important;height:24px!important;margin:0!important;flex:none}
 .katrina-premium #pageContent label.smart-setting-label-only{padding:0!important;border:0!important;background:transparent!important;margin-block:8px}
 .katrina-premium #pageContent label.smart-setting-slider>input[type=range]{min-height:28px!important;padding:0!important;width:100%;accent-color:#77d8c2;direction:ltr}
 .katrina-premium #pageContent label.smart-setting.is-edited{border-color:#c49b60}
 .katrina-premium .settings-help-dialog{width:calc(100vw - 24px)!important;max-height:76dvh!important;border-radius:18px!important}
 .katrina-premium .settings-help-dialog article{max-height:76dvh}
 .katrina-premium .settings-help-dialog header{padding:15px!important;gap:12px!important;min-height:0!important}
 .katrina-premium .settings-help-dialog h2{font-size:17px!important;line-height:1.5!important;white-space:normal!important}
 .katrina-premium .settings-help-dialog header>div{min-width:0}
 .katrina-premium .settings-help-close{flex:none;width:36px;min-width:36px;min-height:36px;padding:0!important;font-size:22px!important}
 .katrina-premium .settings-help-dialog-body{padding:15px!important;font-size:14px;line-height:1.8}
 .katrina-premium #gemmaRuntimeSettings form{gap:10px!important;display:grid;grid-template-columns:minmax(0,1fr)}
 .smart-settings-fields{grid-template-columns:minmax(0,1fr);padding:0 9px 9px;gap:8px}
 .smart-form-actions{position:static;background:#102131;border-top:1px solid #345366;padding:10px 0;margin-top:2px;gap:8px}
 .smart-form-actions>button{flex:1;min-width:0;max-width:70%;font-size:12px!important;min-height:44px!important}
 .smart-form-dirty{max-width:38%;font-size:10px;line-height:1.5}
 .katrina-premium #phonesContent .phone-card>footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .katrina-premium #phonesContent .phone-card>footer button{width:100%;min-width:0;min-height:44px!important}
 .katrina-premium #phonesContent .phone-card>footer>button:only-of-type{grid-column:1/-1}
 /* Each phone setting needs the whole card width; the old two-column layout
    left only a few pixels for a toggle caption beside its help and switch. */
 .katrina-premium #phonesContent .phone-card{grid-template-columns:minmax(0,1fr)!important}
 .katrina-premium #phonesContent .phone-card>*{grid-column:1/-1;min-width:0}
 .katrina-premium #phonesContent .phone-card .smart-setting-title{word-break:normal;overflow-wrap:break-word}
 #phonesContent .main-device-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
 #phonesContent .main-device-heading strong{word-break:normal;overflow-wrap:normal}
 #phonesContent .phone-meta{white-space:normal!important;overflow:visible;text-overflow:clip}
 #phonesContent .main-audio-meter>div:first-child{min-width:0;gap:8px}
 #phonesContent .main-audio-meter>div:first-child>span{min-width:0;flex:1;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.5}
 #phonesContent .main-audio-meter output{flex:none;white-space:nowrap}
 .smart-phone-heading{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px}
 .katrina-premium .smart-phone-heading>input[type=text]{font-size:16px!important;font-weight:700;background:transparent!important;border:0!important;padding:5px!important;min-width:0;width:100%}
 .smart-phone-heading>.setting-help{margin:0!important}
 .katrina-premium .smart-phone-heading .setting-help-button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important}
 #settingsContent .face-quality-panel{padding:12px;min-width:0}
 #settingsContent .face-quality-panel select{min-width:0!important;max-width:100%!important;width:100%!important;font-size:12px!important}
 .katrina-premium :is(#cameraContent,#guardianContent,#identityContent,#processingContent,#audioContent,#servicesContent,#settingsContent,#devicesContent,#schedulesContent,#developerToolsContent) select{min-width:0;max-width:100%;text-overflow:ellipsis}
 .katrina-premium .service-card .service-line{position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow-wrap:anywhere;white-space:normal!important;line-height:1.45;font-size:10px!important;min-height:28px;color:#9aafc0}
 .katrina-premium .service-card{padding:12px!important;gap:8px!important;min-height:124px!important;border-radius:14px!important}
 .katrina-premium .service-card .service-name{font-size:12px!important;line-height:1.5}
 .katrina-premium .service-card>.mcp-switch,.katrina-premium .service-card>.setting-help .setting-help-button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important}
 #helperContent{gap:12px}
 #helperContent .helper-hero{padding:17px;gap:12px}
 #helperContent .helper-hero h2{font-size:22px;margin:7px 0}
 #helperContent .helper-hero p{font-size:12px;line-height:1.65}
 #helperContent .helper-service-card{position:relative;padding:13px;gap:9px;border-radius:15px}
 #helperContent .helper-service-icon{position:absolute;top:13px;inset-inline-start:13px;width:32px;height:32px;font-size:19px;border-radius:10px}
 #helperContent .helper-service-card label.smart-setting{background:transparent!important;border:0!important;padding:0!important}
 #helperContent .helper-service-card .smart-setting-heading{padding-inline-start:42px!important;min-height:34px}
 #helperContent .helper-service-card small{min-height:0;font-size:10px;line-height:1.5}
 #helperContent .helper-metric{padding:13px;gap:8px}
 #helperContent .helper-recognition-card,#helperContent .helper-people-card{padding:14px!important}
 #navigationMore{padding:16px!important;max-height:82dvh!important;scrollbar-gutter:stable}
 #navigationMore .dialog-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-16px -16px 8px;padding:14px 16px;background:#112133;border-bottom:1px solid #2e465c}
 #navigationMore .dialog-heading h2{font-size:18px;margin:0;min-width:0}
 #navigationMore [data-close-dialog]{flex:none;width:36px;min-width:36px;min-height:36px;padding:0!important;font-size:22px!important;border-radius:10px!important;border:1px solid #365168;background:#193145;color:#d5ecef}
 #navigationMore>.more-grid{gap:3px}
 #navigationMore .smart-more-group[data-group=workspace]{display:none}
 #navigationMore .smart-more-items>button{min-height:52px!important;padding:10px!important;text-align:start;font-size:12px!important;line-height:1.5;border-radius:12px!important;display:flex;align-items:center;gap:7px;min-width:0}
 html[data-katrina-tab=dashboard] .katrina-premium .overview-actions button,html[data-katrina-tab=dashboard] .katrina-premium .overview-actions button:last-child:nth-child(odd){font-size:10px!important;min-height:46px!important;padding:5px!important;line-height:1.35;white-space:normal}
 html[data-katrina-tab=dashboard] .katrina-premium .overview-actions button::first-letter{font-size:12px!important}
 .katrina-premium #adminContent .admin-checkbox-grid{gap:7px}
 .katrina-premium .admin-unlock-dialog{padding:20px!important}
 .katrina-premium .admin-unlock-dialog label.smart-setting{display:grid;gap:10px;padding:0;border:0;background:transparent}
 .katrina-premium .admin-unlock-dialog label.smart-setting>.smart-setting-heading{font-size:12px;line-height:1.6}
 .katrina-premium .admin-unlock-dialog input{width:100%!important;max-width:100%!important;box-sizing:border-box;min-height:46px}
}
@media(max-width:359px){.katrina-premium .service-grid{grid-template-columns:minmax(0,1fr)!important}.smart-more-items{gap:6px}}
@media(prefers-reduced-motion:reduce){.smart-settings-group>summary::after{transition:none}}
