/* OBSL Lite - weather text appearance controls only (no animations or timers) */
.weather-style-editor{margin:12px 0;padding:10px;border:1px solid #cbd5e1;border-radius:9px}
.weather-style-editor summary{font-weight:700;cursor:pointer}
.weather-style-editor p{font-size:12px;opacity:.78}
.obsl-weather-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:8px}
.obsl-weather-style-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.1fr) 44px;align-items:center;gap:7px;padding:8px;border:1px solid #cbd5e1;border-radius:7px;font-size:12px}
.obsl-weather-style-row select{min-width:0;width:100%;padding:7px 4px;border:1px solid #cbd5e1;border-radius:6px;background:var(--panel,#fff);color:var(--text,#111)}
.obsl-weather-style-row input[type=color]{width:38px;height:32px;padding:2px;background:transparent;border:1px solid #cbd5e1;border-radius:5px;cursor:pointer}
.weather-style-actions{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}

/* Glyph ℃ is commonly absent in script font files; visual equivalent °C uses the selected font. */
#weather-widget #temp .obsl-temperature-unit{font-family:inherit!important;font-style:inherit!important;font-weight:inherit!important;color:inherit!important;font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;}

/* Separate px controls for every weather text element */
.obsl-weather-style-row{grid-template-columns:minmax(60px,1fr) minmax(105px,1fr) 43px 74px!important}.obsl-weather-style-row input[data-field="size"]{min-width:0;width:74px;min-height:34px;border:1px solid var(--line,#94a3b8);border-radius:6px;background:var(--panel,#fff);color:var(--text,#111);font-size:16px!important}@media(max-width:420px){.obsl-weather-style-row{grid-template-columns:1fr 1fr 43px 65px!important}.obsl-weather-style-row input[data-field="size"]{width:65px}}

/* OBSLv2.0: compact, collision-free admin weather typography editor. */
#obsl-weather-style-editor{max-width:100%;min-width:0;box-sizing:border-box}
#obsl-weather-style-editor .obsl-weather-style-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr))!important;gap:10px!important;min-width:0!important}
#obsl-weather-style-editor .obsl-weather-style-row{display:grid!important;grid-template-columns:minmax(0,1fr) 42px 68px!important;grid-template-rows:auto minmax(36px,auto)!important;grid-template-areas:'label label label' 'font color size'!important;align-items:center!important;gap:7px!important;min-width:0!important;width:100%!important;padding:10px!important;box-sizing:border-box!important;border-radius:12px!important;overflow:visible!important}
#obsl-weather-style-editor .obsl-weather-style-row>strong{grid-area:label!important;min-width:0!important;line-height:1.35!important;white-space:normal!important;font-size:13px!important;overflow-wrap:anywhere}
#obsl-weather-style-editor .obsl-weather-style-row>select{grid-area:font!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;height:38px!important;font-size:13px!important}
#obsl-weather-style-editor .obsl-weather-style-row>input[type=color]{grid-area:color!important;width:42px!important;max-width:42px!important;height:36px!important;box-sizing:border-box!important}
#obsl-weather-style-editor .obsl-weather-style-row>input[data-field=size]{grid-area:size!important;min-width:0!important;width:68px!important;max-width:68px!important;height:36px!important;box-sizing:border-box!important;padding:4px 6px!important;text-align:center!important;font-size:14px!important}
#obsl-weather-style-editor .weather-style-actions{margin-top:12px!important;gap:8px!important}
#obsl-weather-style-editor .weather-style-actions>button{white-space:normal!important;min-height:36px!important}
@media(max-width:540px){#obsl-weather-style-editor .obsl-weather-style-grid{grid-template-columns:minmax(0,1fr)!important}}