/*! maintenance_supporter frontend 2.83.0 */
import{a as A,c as j}from"/maintenance_supporter_panelfiles/panel-chunks/chunk-VNYLIDZN.js";import{a as O,g as F}from"/maintenance_supporter_panelfiles/panel-chunks/chunk-YUCXSTBQ.js";import"/maintenance_supporter_panelfiles/panel-chunks/chunk-3RZNOGQY.js";import{a as M,b as R}from"/maintenance_supporter_panelfiles/panel-chunks/chunk-TVK2JN4G.js";import{a as B,b as N,c as U,e as D}from"/maintenance_supporter_panelfiles/panel-chunks/chunk-LXDQIXSO.js";import{L as C,a as d,b as P,c as r,e as x,f as l,g as H,h as I,l as q,m as p,q as t,s as z}from"/maintenance_supporter_panelfiles/panel-chunks/chunk-WQO7M6UD.js";var $={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},S=h=>(..._)=>({_$litDirective$:h,values:_}),w=class{constructor(_){}get _$AU(){return this._$AM._$AU}_$AT(_,e,s){this._$Ct=_,this._$AM=e,this._$Ci=s}_$AS(_,e){return this.update(_,e)}update(_,e){return this.render(...e)}};var k=class extends w{constructor(_){if(super(_),this.it=l,_.type!==$.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(_){if(_===l||_==null)return this._t=void 0,this.it=_;if(_===x)return _;if(typeof _!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(_===this.it)return this._t;this.it=_;let e=[_];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};k.directiveName="unsafeHTML",k.resultType=1;var K=S(k);var{I:se}=H;var Q=h=>h.strings===void 0;var Y={},G=(h,_=Y)=>h._$AH=_;var y=S(class extends w{constructor(h){if(super(h),h.type!==$.PROPERTY&&h.type!==$.ATTRIBUTE&&h.type!==$.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Q(h))throw Error("`live` bindings can only contain a single expression")}render(h){return h}update(h,[_]){if(_===x||_===l)return _;let e=h.element,s=h.name;if(h.type===$.PROPERTY){if(_===e[s])return x}else if(h.type===$.BOOLEAN_ATTRIBUTE){if(!!_===e.hasAttribute(s))return x}else if(h.type===$.ATTRIBUTE&&e.getAttribute(s)===_+"")return x;return G(h),_}});var W=["EUR","USD","GBP","JPY","CHF","CAD","AUD","NZD","CNY","INR","BRL","CZK","PLN","RUB","SEK","NOK","DKK","UAH"],c=class extends I{constructor(){super(...arguments);this.budget=null;this._settings=null;this._loading=!0;this._importCsv="";this._importLoading=!1;this._includeHistory=!0;this._toast="";this._testingNotification=!1;this._personTargets=[];this._testingUser="";this._users=[];this._savedViews=[];this._vacEnabled=!1;this._vacStart="";this._vacEnd="";this._vacBuffer=3;this._vacExempt=new Set;this._vacIsActive=!1;this._vacWindowEnd=null;this._vacAllTasks=[];this._vacPreview=[];this._vacPreviewLoading=!1;this._vacSaving=!1;this._qrObjects=[];this._qrSelectedEntries=new Set;this._qrActions=new Set(["view"]);this._qrUrlMode="companion";this._qrBatchLoading=!1;this._qrBatchResults=[];this._qrObjectsLoaded=!1;this._exportObjects=[];this._exportSelectedEntries=new Set;this._exportObjectsLoaded=!1;this._docArchiveLoading=!1;this._loaded=!1;this._userService=null;this._sendTestNotification=async e=>{e?this._testingUser=e:this._testingNotification=!0;try{let s=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/global/test_notification",...e?{user_id:e}:{}}),i=s.message||(s.success?t("test_notification_success",this._lang):t("test_notification_failed",this._lang));this._showToast(i)}catch{this._showToast(t("test_notification_failed",this._lang))}finally{e?this._testingUser="":this._testingNotification=!1}};this._allTemplates=[];this._templateCategories={};this._tplOpenGroups=new Set;this._templatesRequested=!1}get _lang(){return z(this.hass)}updated(e){super.updated(e),e.has("hass")&&this.hass&&!this._loaded?(this._loaded=!0,this._userService=new D(this.hass),this._loadSettings(),this._loadUsers()):e.has("hass")&&this.hass&&this._userService&&this._userService.updateHass(this.hass)}async _loadUsers(){if(this._userService){try{this._users=await this._userService.getUsers()}catch{this._users=[]}this._loadNotifyTargets()}}async _loadNotifyTargets(){try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/notify/user_targets"});this._personTargets=e.targets||[]}catch{this._personTargets=[]}}async _loadSettings(){this._loading=!0;try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/settings"});this._settings=e,this._hydrateVacationFromSettings()}catch{}try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/views/list"});this._savedViews=e.views||[]}catch{}this._loading=!1}_hydrateVacationFromSettings(){let e=this._settings?.vacation;e&&(this._vacEnabled=e.enabled,this._vacStart=e.start||"",this._vacEnd=e.end||"",this._vacBuffer=e.buffer_days,this._vacExempt=new Set(e.exempt_task_ids||[]),this._vacIsActive=e.is_active,this._vacWindowEnd=e.window_end)}_renderBatteryLifetimes(e){let s=this._settings?.general?.battery_lifetimes;if(!s||!s.length)return l;let i=this._settings?.general?.battery_lifetime_months??{},a=v=>t("lifetime_source_"+v.source,e),n=t("settings_battery_lifetime_months",e),o=v=>v.learned_models.length?r`<div class="bl-learned">${t("settings_battery_lifetime_learned_models",e).replace("{list}",v.learned_models.map(f=>`${f.model} ${f.months} ${n} (${f.samples})`).join(" \xB7 "))}</div>`:l,g=(v,f)=>{let T=Number.parseInt(f,10);!Number.isFinite(T)||T<1||T>240||this._updateSetting("battery_lifetime_months",{...i,[v]:T})},b=v=>{let f={...i};delete f[v],this._updateSetting("battery_lifetime_months",f)},u=s.filter(v=>v.in_fleet),m=s.filter(v=>!v.in_fleet),E=v=>r`
      <div class="bl-row ${v.source==="override"?"bl-override":""}">
        <span class="bl-type">${v.type}${v.in_fleet?r` <span class="bl-fleet">${t("settings_battery_lifetime_in_fleet",e)}</span>`:l}</span>
        <input class="bl-months" type="number" min="1" max="240" .value=${y(String(v.months))}
          @change=${f=>g(v.type,f.target.value)} />
        <span class="bl-unit">${t("settings_battery_lifetime_months",e)}</span>
        <span class="bl-source">${a(v)}</span>
        ${v.source==="override"?r`<button type="button" class="bl-reset" @click=${()=>b(v.type)}>${t("settings_battery_lifetime_reset",e)}</button>`:l}
        ${o(v)}
      </div>`;return r`
      <h4 class="bl-title">${t("settings_battery_lifetimes",e)}</h4>
      <div class="setting-hint">${t("settings_battery_lifetimes_hint",e)}</div>
      <div class="bl-table">
        ${u.map(E)}
        ${m.length?r`<details class="bl-more"><summary>${m.length} ×</summary>${m.map(E)}</details>`:l}
      </div>
    `}_renderBatteryNotesHint(e){let s=this._settings?.general?.battery_notes;if(!s||!s.devices)return l;let i=this._settings?.general?.battery_low_percent??20,a=s.default>i,n=t("bn_summary",e).replace("{name}","Battery Notes").replace("{pct}",String(s.default)).replace("{n}",String(s.devices)),o=(a?t("bn_above_floor",e).replace("{name}","Battery Notes"):t("bn_floor_decides",e)).replace("{floor}",String(i)),g=n.search(/[:：]/),b=g<0?n:n.slice(0,g),u=g<0?"":n.slice(g);return r`
      <div class="bn-note${a?" warn":""}">
        <ha-icon icon="${a?"mdi:alert-outline":"mdi:battery-heart-variant"}"></ha-icon>
        <span>
          <a class="bn-link" href="/config/integrations/integration/battery_notes">${b}</a>${u}
          ${s.overrides.length?r` · ${t("bn_overrides",e).replace("{n}",String(s.overrides.length+s.more))}
                ${s.overrides.map((m,E)=>r`${E?" \xB7 ":" "}${m.device_id?r`<a class="bn-link" href="/config/devices/device/${m.device_id}">${m.name}</a>`:m.name} (${m.threshold} %)`)}
                ${s.more?r` <span class="bn-more">${t("bn_more",e).replace("{n}",String(s.more))}</span>`:l}`:l}
          <span class="bn-sub">${o}</span>
        </span>
      </div>`}_renderMemberAvatars(e){if(!this._users.length)return l;let s=this._settings?.member_display||{};return r`
      <div class="settings-section member-avatars" data-section="member_avatars">
        <h3>${t("member_avatars",e)}</h3>
        <p class="section-desc">${t("member_avatars_hint",e)}</p>
        ${this._users.map(i=>{let a=N(i),n=s[i.id]||{};return r`
            <div class="member-avatar-row">
              ${U(a)}
              <span class="member-avatar-name">${i.name}</span>
              <input class="member-initials" type="text" maxlength="3" autocomplete="off"
                aria-label="${t("member_initials",e)}"
                placeholder="${a.initials}"
                .value=${n.initials??""}
                @change=${o=>this._setMemberAvatar(i.id,{initials:o.target.value})} />
              <span class="member-palette" role="radiogroup" aria-label="${t("member_color",e)}">
                ${B.map(o=>r`
                  <button type="button" class="member-swatch${a.color===o?" selected":""}"
                    style="--person-color: ${o}" title=${o} aria-label=${o}
                    @click=${()=>this._setMemberAvatar(i.id,{color:o})}></button>`)}
              </span>
              ${n.initials||n.color?r`<button class="ha-button secondary member-reset" @click=${()=>this._setMemberAvatar(i.id,null)}>${t("member_avatar_reset",e)}</button>`:l}
            </div>`})}
      </div>`}async _setMemberAvatar(e,s){let i={...this._settings?.member_display||{}};if(s===null)delete i[e];else{let a={...i[e]||{},...s};"initials"in s&&!(s.initials||"").trim()&&delete a.initials,Object.keys(a).length?i[e]=a:delete i[e]}await this._updateSetting("member_display",i);try{this._users=await this._userService?.getUsers(!0)??this._users}catch{}}async _updateSetting(e,s){try{let i=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/global/update",settings:{[e]:s}});this._settings=i,F(),this._showToast(t("settings_saved",this._lang)),this.dispatchEvent(new CustomEvent("settings-changed"))}catch{this._showToast(t("action_error",this._lang)),this.requestUpdate()}}_showToast(e){this._toast=e,setTimeout(()=>{this._toast=""},3e3)}_onBoundedIntChange(e,s,i,a,n){let o=e.target,g=parseInt(o.value,10);if(Number.isInteger(g)&&g>=i&&g<=a){this._updateSetting(s,g);return}this._showToast(t("settings_value_out_of_range",this._lang).replace("{min}",String(i)).replace("{max}",String(a))),o.value=String(n)}_downloadFile(e,s,i){M(e,s,i)}render(){let e=this._lang;return this._loading||!this._settings?r`<div class="settings-loading">Loading…</div>`:r`
      ${this._renderFeatures(e)}
      ${this._renderPanelAccess(e)}
      ${this._renderMemberAvatars(e)}
      ${this._renderGeneral(e)}
      ${this._renderObjectsColumns(e)}
      ${this._settings.general.notifications_enabled?this._renderNotifications(e):l}
      ${this.features.budget?this._renderBudget(e):l}
      ${this._renderArchive(e)}
      ${this._renderVacation(e)}
      ${this._renderPrintQr(e)}
      ${this._renderImportExport(e)}
      ${this._renderTemplateToggles(e)}
      ${this._toast?r`<div class="settings-toast">${this._toast}</div>`:l}
    `}scrollToSection(e){requestAnimationFrame(()=>{let s=this.shadowRoot;if(!s)return;let i=s.querySelector(`[data-section="${e}"]`)??s.querySelector(`[data-section-alt="${e}"]`);i&&i.scrollIntoView({behavior:"smooth",block:"start"})})}_renderPanelAccess(e){let s=new Set(this._settings.admin_panel_user_ids||[]),i=this._users.filter(o=>!o.is_admin),a=this._settings.operator_write_enabled??!1,n=(o,g)=>{let b=new Set(s);g?b.add(o):b.delete(o),this._updateSetting("admin_panel_user_ids",[...b])};return r`
      <div class="settings-section">
        <h3>${t("settings_panel_access",e)} ${a&&s.size>0?r`<span class="section-badge">${s.size}</span>`:l}</h3>
        <p class="section-desc">${t("settings_panel_access_desc",e)}</p>
        <label class="setting-row">
          <span>
            <span class="setting-label">${t("settings_operator_write",e)}</span>
            <span class="setting-desc">${t("settings_operator_write_desc",e)}</span>
          </span>
          <input type="checkbox"
            .checked=${a}
            @change=${o=>this._updateSetting("operator_write_enabled",o.target.checked)} />
        </label>
        ${a?i.length===0?r`<div class="setting-row hint">${t("no_non_admin_users",e)}</div>`:i.map(o=>r`
              <label class="setting-row">
                <span>
                  <span class="setting-label">${o.name||o.id.slice(0,8)}</span>
                  <span class="setting-desc">${o.is_owner?t("owner_label",e):""}</span>
                </span>
                <input type="checkbox"
                  .checked=${s.has(o.id)}
                  @change=${g=>n(o.id,g.target.checked)} />
              </label>
            `):l}
      </div>
    `}_renderFeatures(e){let s=this._settings.features,i=[{key:"adaptive",settingKey:"advanced_adaptive_visible",label:t("feat_adaptive",e),desc:t("feat_adaptive_desc",e)},{key:"predictions",settingKey:"advanced_predictions_visible",label:t("feat_predictions",e),desc:t("feat_predictions_desc",e)},{key:"seasonal",settingKey:"advanced_seasonal_visible",label:t("feat_seasonal",e),desc:t("feat_seasonal_desc",e)},{key:"environmental",settingKey:"advanced_environmental_visible",label:t("feat_environmental",e),desc:t("feat_environmental_desc",e)},{key:"budget",settingKey:"advanced_budget_visible",label:t("feat_budget",e),desc:t("feat_budget_desc",e)},{key:"groups",settingKey:"advanced_groups_visible",label:t("feat_groups",e),desc:t("feat_groups_desc",e)},{key:"checklists",settingKey:"advanced_checklists_visible",label:t("feat_checklists",e),desc:t("feat_checklists_desc",e)},{key:"schedule_time",settingKey:"advanced_schedule_time_visible",label:t("feat_schedule_time",e),desc:t("feat_schedule_time_desc",e)},{key:"completion_actions",settingKey:"advanced_completion_actions_visible",label:t("feat_completion_actions",e),desc:t("feat_completion_actions_desc",e)}];return r`
      <div class="settings-section" data-section="settings" data-section-alt="groups">
        <h3>${t("settings_features",e)}</h3>
        <p class="section-desc">${t("settings_features_desc",e)}</p>
        ${i.map(a=>r`
          <label class="setting-row">
            <span>
              <span class="setting-label">${a.label}</span>
              <span class="setting-desc">${a.desc}</span>
            </span>
            <input type="checkbox" .checked=${s[a.key]}
              @change=${n=>this._updateSetting(a.settingKey,n.target.checked)} />
          </label>
        `)}
      </div>
    `}async _loadTemplates(){if(!this._templatesRequested){this._templatesRequested=!0;try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/templates",language:this._lang});this._allTemplates=e.templates||[],this._templateCategories=e.categories||{}}catch{}}}_renderTemplateToggles(e){this._loadTemplates();let s=new Set(this._settings.disabled_template_ids||[]),i=new Map;for(let n of Object.keys(this._templateCategories))i.set(n,[]);for(let n of this._allTemplates)i.has(n.category)||i.set(n.category,[]),i.get(n.category).push(n);let a=n=>this._templateCategories[n]?.["name_"+e]||this._templateCategories[n]?.name_en||n;return r`
      <div class="settings-section" data-section="templates">
        <h3>${t("settings_templates_label",e)}</h3>
        <p class="section-desc">${t("settings_templates_hint",e)}</p>
        ${[...i.entries()].filter(([,n])=>n.length>0).map(([n,o])=>{let g=o.filter(u=>!s.has(u.id)).length,b=this._tplOpenGroups.has(n);return r`
            <div class="tpl-group">
              <div
                class="tpl-group-head"
                role="button"
                tabindex="0"
                @click=${()=>this._toggleTplGroupOpen(n)}
                @keydown=${u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),this._toggleTplGroupOpen(n))}}
              >
                <ha-icon class="tpl-chevron" icon=${b?"mdi:chevron-down":"mdi:chevron-right"}></ha-icon>
                <ha-icon icon=${this._templateCategories[n]?.icon||"mdi:folder-outline"}></ha-icon>
                <span class="tpl-group-name">${a(n)}</span>
                <span class="tpl-group-count">${g}/${o.length}</span>
                <input
                  type="checkbox"
                  title=${t("settings_templates_toggle_group",e)}
                  .checked=${g===o.length}
                  @click=${u=>u.stopPropagation()}
                  @change=${u=>this._toggleTemplateGroup(o.map(m=>m.id),u.target.checked)}
                />
              </div>
              ${b?o.map(u=>r`
                    <label class="setting-row tpl-row">
                      <span class="setting-label">${u.name}</span>
                      <input
                        type="checkbox"
                        .checked=${!s.has(u.id)}
                        @change=${m=>this._toggleTemplate(u.id,m.target.checked)}
                      />
                    </label>
                  `):l}
            </div>
          `})}
      </div>
    `}_toggleTemplate(e,s){let i=new Set(this._settings.disabled_template_ids||[]);s?i.delete(e):i.add(e),this._updateSetting("disabled_template_ids",[...i])}_toggleTplGroupOpen(e){let s=new Set(this._tplOpenGroups);s.has(e)?s.delete(e):s.add(e),this._tplOpenGroups=s}_toggleTemplateGroup(e,s){let i=new Set(this._settings.disabled_template_ids||[]);for(let a of e)s?i.delete(a):i.add(a);this._updateSetting("disabled_template_ids",[...i])}_renderObjectsColumns(e){let s=j(this._settings.objects_table_columns);return r`
      <div class="settings-section" data-section="objects_table_columns">
        <h3>${t("objects_table_columns_label",e)}</h3>
        <p class="section-desc">${t("objects_table_columns_hint",e)}</p>
        ${A.map(i=>r`
          <label class="setting-row">
            <span class="setting-label">${t(i.labelKey,e)}</span>
            <input
              type="checkbox"
              .checked=${s.includes(i.key)}
              ?disabled=${!!i.required}
              @change=${a=>this._toggleColumn(i.key,a.target.checked)}
            />
          </label>
        `)}
      </div>
    `}_toggleColumn(e,s){let i=new Set(j(this._settings.objects_table_columns));s?i.add(e):i.delete(e);let a=A.filter(n=>n.required||i.has(n.key)).map(n=>n.key);this._updateSetting("objects_table_columns",a)}_renderGeneral(e){let s=this._settings.general,i=s.notify_targets??[],a=this._settings.budget;return r`
      <div class="settings-section">
        <h3>${t("settings_general",e)}</h3>
        <label class="setting-row">
          <span class="setting-label">${t("settings_default_warning",e)}</span>
          <input type="number" min="0" max="365" .value=${y(String(s.default_warning_days))}
            @change=${n=>this._onBoundedIntChange(n,"default_warning_days",0,365,s.default_warning_days)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_consumable_threshold",e)}</span>
          <input type="number" min="1" max="90" .value=${y(String(s.default_consumable_threshold??10))}
            @change=${n=>this._onBoundedIntChange(n,"default_consumable_threshold",1,90,s.default_consumable_threshold??10)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_battery_low_percent",e)}</span>
          <input type="number" min="1" max="90" .value=${y(String(s.battery_low_percent??20))}
            @change=${n=>this._onBoundedIntChange(n,"battery_low_percent",1,90,s.battery_low_percent??20)} />
        </label>
        ${this._renderBatteryNotesHint(e)}
        ${this._renderBatteryLifetimes(e)}
        <div class="setting-hint">${t("settings_thresholds_hint",e)}</div>
        <label class="setting-row">
          <span class="setting-label">${t("settings_row_actions",e)}</span>
          <select .value=${y(s.row_action_style||"buttons_compact")}
            @change=${n=>this._updateSetting("row_action_style",n.target.value)}>
            ${["buttons_compact","buttons","icons"].map(n=>r`
              <option value=${n} ?selected=${(s.row_action_style||"buttons_compact")===n}>${t(`row_actions_${n}`,e)}</option>`)}
          </select>
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_currency",e)}</span>
          <select .value=${y(a.currency)} @change=${n=>this._updateSetting("budget_currency",n.target.value)}>
            ${W.map(n=>r`<option value=${n} ?selected=${a.currency===n}>${n}</option>`)}
          </select>
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_panel_enabled",e)}</span>
          <input type="checkbox" .checked=${s.panel_enabled}
            @change=${n=>this._updateSetting("panel_enabled",n.target.checked)} />
        </label>
        ${s.panel_enabled?r`
          <label class="setting-row">
            <span class="setting-label">${t("settings_panel_title",e)}</span>
            <input type="text" .value=${s.panel_title??""}
              placeholder="Maintenance"
              maxlength="50"
              @change=${n=>this._updateSetting("panel_title",n.target.value.trim())} />
          </label>
        `:""}
        <label class="setting-row">
          <span class="setting-label">${t("settings_install_assist_sentences",e)}</span>
          <input type="checkbox" .checked=${s.install_assist_sentences??!1}
            @change=${n=>this._updateSetting("install_assist_sentences",n.target.checked)} />
        </label>
        <div class="setting-hint">${t("settings_install_assist_sentences_hint",e)}</div>
        <label class="setting-row">
          <span class="setting-label">${t("settings_notifications",e)}</span>
          <input type="checkbox" .checked=${s.notifications_enabled}
            @change=${n=>this._updateSetting("notifications_enabled",n.target.checked)} />
        </label>
        ${s.notifications_enabled?r`
          <label class="setting-row">
            <span class="setting-label">${t("settings_notify_service",e)}</span>
            <input type="text" list="ms-notify-services" .value=${s.notify_service}
              @change=${n=>this._updateSetting("notify_service",n.target.value.trim())} />
            <datalist id="ms-notify-services">
              ${i.map(n=>r`<option value=${n}></option>`)}
            </datalist>
          </label>
          <div class="setting-row">
            <span class="setting-label">${t("test_notification",e)}</span>
            <button class="ha-button secondary"
              ?disabled=${!s.notify_service||this._testingNotification}
              @click=${()=>this._sendTestNotification()}>
              ${this._testingNotification?t("testing",e):t("send_test",e)}
            </button>
          </div>
          ${this._personTargets.length?r`
            <div class="notify-per-person">
              <span class="setting-label">${t("notify_per_person",e)}</span>
              ${this._personTargets.map(n=>r`
                <div class="notify-person-row">
                  <span class="notify-person-name">${n.name}</span>
                  <span class="notify-person-target ${n.services.length?"":"muted"}">
                    ${n.services.length?n.services.join(", "):t("notify_no_own_device",e)}
                  </span>
                  <button class="ha-button secondary"
                    ?disabled=${!n.services.length||this._testingUser===n.user_id}
                    @click=${()=>this._sendTestNotification(n.user_id)}>
                    ${this._testingUser===n.user_id?t("testing",e):t("send_test",e)}
                  </button>
                </div>
              `)}
            </div>
          `:l}
        `:l}

        <label class="setting-row">
          <span class="setting-label" title=${t("settings_shopping_list_help",e)}>${t("settings_shopping_list",e)}</span>
          <select .value=${y(s.shopping_list_entity||"")}
            @change=${n=>this._updateSetting("shopping_list_entity",n.target.value)}>
            <option value="" ?selected=${!s.shopping_list_entity}>${t("shopping_list_none",e)}</option>
            ${this._todoEntities(s.shopping_list_entity||"").map(n=>r`
              <option value=${n} ?selected=${s.shopping_list_entity===n}>${n}</option>
            `)}
          </select>
        </label>
      </div>
    `}_todoEntities(e){let s=Object.keys(this.hass?.states||{}).filter(i=>i.startsWith("todo.")).sort();return e&&!s.includes(e)&&s.unshift(e),s}_renderNotifications(e){let s=this._settings.notifications,i=this._settings.actions;return r`
      <div class="settings-section">
        <h3>${t("settings_notifications",e)}</h3>

        <label class="setting-row">
          <span>
            <span class="setting-label">${t("settings_notify_due_soon",e)}</span>
          </span>
          <input type="checkbox" .checked=${s.due_soon_enabled}
            @change=${a=>this._updateSetting("notify_due_soon_enabled",a.target.checked)} />
        </label>
        ${s.due_soon_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_interval_hours",e)}</span>
            <input type="number" min="0" max="720" .value=${String(s.due_soon_interval_hours)}
              @change=${a=>this._updateSetting("notify_due_soon_interval_hours",parseInt(a.target.value,10)||0)} />
          </label>
        `:l}

        <label class="setting-row">
          <span>
            <span class="setting-label">${t("settings_notify_overdue",e)}</span>
          </span>
          <input type="checkbox" .checked=${s.overdue_enabled}
            @change=${a=>this._updateSetting("notify_overdue_enabled",a.target.checked)} />
        </label>
        ${s.overdue_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_interval_hours",e)}</span>
            <input type="number" min="0" max="720" .value=${String(s.overdue_interval_hours)}
              @change=${a=>this._updateSetting("notify_overdue_interval_hours",parseInt(a.target.value,10)||0)} />
          </label>
        `:l}

        <label class="setting-row">
          <span>
            <span class="setting-label">${t("settings_notify_triggered",e)}</span>
          </span>
          <input type="checkbox" .checked=${s.triggered_enabled}
            @change=${a=>this._updateSetting("notify_triggered_enabled",a.target.checked)} />
        </label>
        ${s.triggered_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_interval_hours",e)}</span>
            <input type="number" min="0" max="720" .value=${String(s.triggered_interval_hours)}
              @change=${a=>this._updateSetting("notify_triggered_interval_hours",parseInt(a.target.value,10)||0)} />
          </label>
        `:l}

        <label class="setting-row">
          <span class="setting-label">${t("settings_quiet_hours",e)}</span>
          <input type="checkbox" .checked=${s.quiet_hours_enabled}
            @change=${a=>this._updateSetting("quiet_hours_enabled",a.target.checked)} />
        </label>
        ${s.quiet_hours_enabled?r`
          <div class="setting-row sub-row">
            <span class="setting-desc">${t("settings_quiet_start",e)}</span>
            <ms-date-field
              kind="time"
              required
              .hass=${this.hass}
              .lang=${e}
              .value=${s.quiet_hours_start}
              @value-changed=${a=>{let n=a.detail.value;n&&this._updateSetting("quiet_hours_start",n)}}
            ></ms-date-field>
          </div>
          <div class="setting-row sub-row">
            <span class="setting-desc">${t("settings_quiet_end",e)}</span>
            <ms-date-field
              kind="time"
              required
              .hass=${this.hass}
              .lang=${e}
              .value=${s.quiet_hours_end}
              @value-changed=${a=>{let n=a.detail.value;n&&this._updateSetting("quiet_hours_end",n)}}
            ></ms-date-field>
          </div>
        `:l}

        <label class="setting-row">
          <span class="setting-label">${t("settings_max_per_day",e)}</span>
          <input type="number" min="0" max="100" .value=${String(s.max_per_day)}
            @change=${a=>this._updateSetting("max_notifications_per_day",parseInt(a.target.value,10)||0)} />
        </label>

        <label class="setting-row">
          <span class="setting-label">${t("settings_bundling",e)}</span>
          <input type="checkbox" .checked=${s.bundling_enabled}
            @change=${a=>this._updateSetting("notification_bundling_enabled",a.target.checked)} />
        </label>
        ${s.bundling_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_bundle_threshold",e)}</span>
            <input type="number" min="2" max="20" .value=${String(s.bundle_threshold)}
              @change=${a=>this._updateSetting("notification_bundle_threshold",parseInt(a.target.value,10)||2)} />
          </label>
        `:l}
        <label class="setting-row">
          <span class="setting-label">${t("settings_reminder_leads",e)}</span>
          <input type="text" placeholder="14, 3, 0"
            .value=${(s.reminder_lead_days||[]).join(", ")}
            @change=${a=>{let n=a.target.value.split(",").map(o=>parseInt(o.trim(),10)).filter(o=>Number.isInteger(o)&&o>=0&&o<=365);this._updateSetting("reminder_lead_days",[...new Set(n)])}} />
        </label>
        <div class="setting-hint">${t("settings_reminder_leads_hint",e)}</div>
        <label class="setting-row">
          <span class="setting-label">${t("settings_notify_scope",e)}</span>
          <select
            .value=${y(s.scope_view_id||"")}
            @change=${a=>this._updateSetting("notify_scope_view_id",a.target.value)}
          >
            <option value="" ?selected=${!s.scope_view_id}>${t("settings_notify_scope_all",e)}</option>
            ${this._savedViews.map(a=>r`<option value=${a.id} ?selected=${s.scope_view_id===a.id}>${a.name}</option>`)}
          </select>
        </label>
        <div class="setting-hint">${t("settings_notify_scope_hint",e)}</div>
        <label class="setting-row">
          <span class="setting-label">${t("settings_notify_completed",e)}</span>
          <select class="notify-completed" .value=${y(s.completed||"off")}
            @change=${a=>this._updateSetting("notify_completed",a.target.value)}>
            <option value="off">${t("notify_completed_off",e)}</option>
            <option value="automatic">${t("notify_completed_automatic",e)}</option>
            <option value="all">${t("notify_completed_all",e)}</option>
          </select>
        </label>
        <div class="setting-hint">${t("settings_notify_completed_hint",e)}</div>

        <div class="notify-rule">
        <h4 style="margin: 16px 0 8px; font-size: 14px;">${t("settings_notify_rule",e)}</h4>
        <div class="setting-hint">${t("settings_notify_rule_hint",e)}</div>
        <label class="setting-row">
          <span class="setting-label">${t("settings_notify_event_only",e)}</span>
          <input type="checkbox" .checked=${!!s.event_only}
            @change=${a=>this._updateSetting("notify_event_only",a.target.checked)} />
        </label>
        <div class="setting-hint">${t("settings_notify_event_only_hint",e)}</div>
        <label class="setting-row setting-row-block">
          <span class="setting-label">${t("settings_notify_extra_data",e)}</span>
          <!-- No live(): the view re-renders on every hass update and live()
               would snap the DOM back to the stored value mid-typing (#176). -->
          <textarea class="import-area notify-extra" .value=${s.extra_data||""} maxlength="2000" spellcheck="false"
            placeholder=${'{"category": "maintenance", "critical": {{ priority == "high" }}, "navigate_to": "{{ url }}"}'}
            @change=${a=>this._updateSetting("notify_extra_data",a.target.value)}
          ></textarea>
        </label>
        <div class="setting-hint">${t("settings_notify_extra_data_hint",e)}</div>
        </div>

        <h4 style="margin: 16px 0 8px; font-size: 14px;">${t("settings_actions",e)}</h4>
        <label class="setting-row">
          <span class="setting-label">${t("settings_action_complete",e)}</span>
          <input type="checkbox" .checked=${i.complete_enabled}
            @change=${a=>this._updateSetting("action_complete_enabled",a.target.checked)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_action_skip",e)}</span>
          <input type="checkbox" .checked=${i.skip_enabled}
            @change=${a=>this._updateSetting("action_skip_enabled",a.target.checked)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_action_snooze",e)}</span>
          <input type="checkbox" .checked=${i.snooze_enabled}
            @change=${a=>this._updateSetting("action_snooze_enabled",a.target.checked)} />
        </label>
        ${i.snooze_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_snooze_hours",e)}</span>
            <input type="number" min="1" max="168" .value=${String(i.snooze_duration_hours)}
              @change=${a=>this._updateSetting("snooze_duration_hours",parseInt(a.target.value,10)||4)} />
          </label>
        `:l}
        <label class="setting-row">
          <span class="setting-label">${t("settings_weekly_digest",e)}</span>
          <input type="checkbox" .checked=${i.weekly_digest_enabled}
            @change=${a=>this._updateSetting("weekly_digest_enabled",a.target.checked)} />
        </label>
        <div class="setting-hint">${t("settings_weekly_digest_hint",e)}</div>
        <label class="setting-row">
          <span class="setting-label">${t("settings_warranty_reminder",e)}</span>
          <input type="checkbox" .checked=${i.warranty_reminder_enabled}
            @change=${a=>this._updateSetting("warranty_reminder_enabled",a.target.checked)} />
        </label>
        ${i.warranty_reminder_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_warranty_reminder_days",e)}</span>
            <input type="number" min="1" max="365" .value=${String(i.warranty_reminder_days)}
              @change=${a=>this._updateSetting("warranty_reminder_days",parseInt(a.target.value,10)||30)} />
          </label>
        `:l}
        <div class="setting-hint">${t("settings_warranty_reminder_hint",e)}</div>
      </div>
    `}_renderBudget(e){let s=this._settings.budget;return r`
      <div class="settings-section" data-section="budget">
        <h3>${t("settings_budget",e)}</h3>
        <label class="setting-row">
          <span class="setting-label">${t("settings_budget_monthly",e)}</span>
          <input type="number" min="0" step="0.01" .value=${String(s.monthly)}
            @change=${i=>this._updateSetting("budget_monthly",parseFloat(i.target.value)||0)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_budget_yearly",e)}</span>
          <input type="number" min="0" step="0.01" .value=${String(s.yearly)}
            @change=${i=>this._updateSetting("budget_yearly",parseFloat(i.target.value)||0)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_budget_alerts",e)}</span>
          <input type="checkbox" .checked=${s.alerts_enabled}
            @change=${i=>this._updateSetting("budget_alerts_enabled",i.target.checked)} />
        </label>
        ${s.alerts_enabled?r`
          <label class="setting-row sub-row">
            <span class="setting-desc">${t("settings_budget_threshold",e)}</span>
            <input type="number" min="1" max="100" .value=${String(s.alert_threshold_pct)}
              @change=${i=>this._updateSetting("budget_alert_threshold",parseInt(i.target.value,10)||80)} />
          </label>
        `:l}
      </div>
    `}_renderArchive(e){let s=this._settings.archive??{oneoff_days:14,delete_archived_oneoff_days:0};return r`
      <div class="settings-section" data-section="archive">
        <h3>${t("settings_archive",e)}</h3>
        <p class="section-desc">${t("settings_archive_desc",e)}</p>
        <label class="setting-row">
          <span class="setting-label">${t("settings_archive_oneoff_days",e)}</span>
          <input type="number" min="0" max="3650" step="1" .value=${String(s.oneoff_days)}
            @change=${i=>this._updateSetting("archive_oneoff_days",parseInt(i.target.value,10)||0)} />
        </label>
        <label class="setting-row">
          <span class="setting-label">${t("settings_delete_archived_oneoff_days",e)}</span>
          <input type="number" min="0" max="3650" step="1" .value=${String(s.delete_archived_oneoff_days)}
            @change=${i=>this._updateSetting("delete_archived_oneoff_days",parseInt(i.target.value,10)||0)} />
        </label>
      </div>
    `}_renderVacation(e){let s=this._vacEnabled&&!this._vacIsActive&&this._vacWindowEnd&&new Date(this._vacWindowEnd)<new Date,i=this._vacExempt.size;return r`
      <div class="settings-section vacation-section" data-section="vacation">
        <h3>
          ${t("vacation_title",e)}
          ${this._vacIsActive?r`<span class="vac-badge active">${t("vacation_active",e)}</span>`:l}
          ${s?r`<span class="vac-badge stale">${t("vacation_ended",e)}</span>`:l}
        </h3>
        <p class="section-desc">${t("vacation_desc",e)}</p>

        <label class="vac-toggle">
          <input type="checkbox" .checked=${this._vacEnabled}
            @change=${a=>this._toggleVacationEnabled(a.target.checked)} />
          ${t("vacation_enable",e)}
        </label>

        <div class="vac-grid">
          <div class="vac-field">
            <span class="filter-label">${t("vacation_start",e)}</span>
            <ms-date-field
              kind="date"
              clearable
              .hass=${this.hass}
              .lang=${e}
              .value=${this._vacStart}
              @value-changed=${a=>this._setVacationDate("start",a.detail.value)}
            ></ms-date-field>
          </div>
          <div class="vac-field">
            <span class="filter-label">${t("vacation_end",e)}</span>
            <ms-date-field
              kind="date"
              clearable
              .hass=${this.hass}
              .lang=${e}
              .value=${this._vacEnd}
              @value-changed=${a=>this._setVacationDate("end",a.detail.value)}
            ></ms-date-field>
          </div>
          <label class="vac-field">
            <span class="filter-label">${t("vacation_buffer",e)}</span>
            <input type="number" min="0" max="14" .value=${String(this._vacBuffer)}
              @change=${a=>this._setVacationBuffer(parseInt(a.target.value,10)||0)} />
          </label>
        </div>

        <details class="vac-exempt-panel">
          <summary>
            ${t("vacation_exempt_title",e)}
            ${i>0?r`<span class="section-badge">${i}</span>`:l}
          </summary>
          <p class="section-desc">${t("vacation_exempt_desc",e)}</p>
          ${this._vacAllTasks.length===0?r`<button @click=${this._loadAllTasksForVacation}>${t("vacation_load_tasks",e)}</button>`:r`
              <div class="vac-task-list">
                ${this._renderVacationTaskList(e)}
              </div>
            `}
        </details>

        ${this._vacStart&&this._vacEnd?r`
          <div class="vac-preview-toolbar">
            <button @click=${this._loadVacationPreview} ?disabled=${this._vacPreviewLoading}>
              ${this._vacPreviewLoading?"\u2026":t("vacation_preview_btn",e)}
            </button>
            ${this._vacPreview.length>0?r`<span class="vac-preview-count">${this._vacPreview.length} ${t("vacation_preview_affected",e)}</span>`:l}
          </div>
          ${this._vacPreview.length>0?this._renderVacationPreview(e):l}
        `:l}

        ${this._vacIsActive||s?r`<button class="vac-end-now" @click=${this._endVacationNow}>
              ${t("vacation_end_now",e)}
            </button>`:l}
      </div>
    `}_renderVacationTaskList(e){let s=new Map;for(let a of this._vacAllTasks){let n=s.get(a.object_name)||[];n.push(a),s.set(a.object_name,n)}return[...s.entries()].sort(([a],[n])=>a.localeCompare(n)).map(([a,n])=>r`
      <div class="vac-task-group">
        <div class="vac-task-group-name">${a||t("no_objects",e)}</div>
        ${n.sort((o,g)=>o.task_name.localeCompare(g.task_name)).map(o=>r`
            <label class="vac-task-row">
              <input type="checkbox"
                .checked=${this._vacExempt.has(o.task_id)}
                @change=${g=>this._toggleVacationExempt(o.task_id,g.target.checked)} />
              <span>${o.task_name}</span>
            </label>
          `)}
      </div>
    `)}_renderVacationPreview(e){return r`
      <div class="vac-preview-list">
        ${this._vacPreview.map(s=>{let i=s.events.map(n=>{let o=`vacation_event_${n.status}`;return`${n.date} (${t(o,e)})`}).join(" \xB7 "),a=!s.will_suppress;return r`
            <div class="vac-preview-row ${a?"exempt":""}">
              <div class="vac-preview-info">
                <div class="vac-preview-name">
                  <strong>${s.object_name}</strong> · ${s.task_name}
                  ${s.kind==="sensor_based"?r`<span class="vac-preview-kind">${t("vacation_sensor_based",e)}</span>`:l}
                </div>
                <div class="vac-preview-events">${i}</div>
              </div>
              <div class="vac-preview-actions">
                <button @click=${()=>this._previewActionComplete(s)}>${t("qr_action_complete",e)}</button>
                ${s.kind==="time_based"&&s.allow_skip!==!1?r`<button @click=${()=>this._previewActionSkip(s)}>${t("qr_action_skip",e)}</button>`:l}
                <button class=${a?"vac-notify-on":""}
                  @click=${()=>this._toggleVacationExempt(s.task_id,!a)}>
                  ${a?t("vacation_action_unsilence",e):t("vacation_action_notify",e)}
                </button>
              </div>
            </div>
          `})}
      </div>
    `}async _loadAllTasksForVacation(){try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/objects"}),s=[];for(let i of e.objects||[])for(let a of i.tasks||[])s.push({entry_id:i.entry_id,object_name:i.object.name||"",task_id:a.id,task_name:a.name||""});this._vacAllTasks=s}catch{this._showToast(t("action_error",this._lang))}}async _saveVacation(e){if(!this._vacSaving){this._vacSaving=!0;try{let s=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/update",...e});this._vacEnabled=s.enabled,this._vacStart=s.start||"",this._vacEnd=s.end||"",this._vacBuffer=s.buffer_days,this._vacExempt=new Set(s.exempt_task_ids||[]),this._vacIsActive=s.is_active,this._vacWindowEnd=s.window_end,this.dispatchEvent(new CustomEvent("settings-changed"))}catch(s){let i=s?.message||t("action_error",this._lang);this._showToast(i)}finally{this._vacSaving=!1}}}_toggleVacationEnabled(e){this._saveVacation({enabled:e})}_setVacationDate(e,s){let i={};i[e]=s||null,this._saveVacation(i)}_setVacationBuffer(e){e<0||e>14||this._saveVacation({buffer_days:e})}_toggleVacationExempt(e,s){let i=new Set(this._vacExempt);s?i.add(e):i.delete(e),this._saveVacation({exempt_task_ids:[...i]})}async _loadVacationPreview(){this._vacPreviewLoading=!0;try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/preview"});this._vacPreview=e.rows||[]}catch{this._showToast(t("action_error",this._lang))}finally{this._vacPreviewLoading=!1}}async _previewActionComplete(e){try{await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/task/complete",entry_id:e.entry_id,task_id:e.task_id}),this._showToast(t("vacation_marked_complete",this._lang)),await this._loadVacationPreview()}catch{this._showToast(t("action_error",this._lang))}}async _previewActionSkip(e){try{await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/task/skip",entry_id:e.entry_id,task_id:e.task_id,reason:"Skipped before vacation"}),this._showToast(t("vacation_marked_skip",this._lang)),await this._loadVacationPreview()}catch{this._showToast(t("action_error",this._lang))}}async _endVacationNow(){try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/end_now"});this._vacEnabled=e.enabled,this._vacEnd=e.end||"",this._vacIsActive=e.is_active,this._vacWindowEnd=e.window_end,this.dispatchEvent(new CustomEvent("settings-changed")),this._showToast(t("vacation_ended",this._lang))}catch{this._showToast(t("action_error",this._lang))}}_renderPrintQr(e){let s=this._qrSelectedEntries.size||this._qrObjects.length,i=this._qrActions.size,a=s*i,n=a>200;return r`
      <div class="settings-section qr-print-section">
        <h3>${t("qr_print_title",e)}</h3>
        <p class="section-desc">${t("qr_print_desc",e)}</p>

        ${this._qrObjectsLoaded?r`
            <details open class="qr-filter-panel">
              <summary>${t("qr_print_filter",e)}</summary>

              <div class="qr-filter-group">
                <div class="qr-filter-label">${t("qr_print_objects",e)}</div>
                <div class="qr-object-list">
                  ${this._qrObjects.length===0?r`<div class="hint">${t("no_objects",e)}</div>`:this._qrObjects.map(o=>r`
                      <label class="qr-object-row">
                        <input type="checkbox"
                          .checked=${this._qrSelectedEntries.size===0||this._qrSelectedEntries.has(o.entry_id)}
                          @change=${g=>this._toggleQrObject(o.entry_id,g.target.checked)} />
                        <span>${o.name}</span>
                        <span class="qr-task-count">${o.task_count}</span>
                      </label>
                    `)}
                </div>
              </div>

              <div class="qr-filter-group">
                <div class="qr-filter-label">${t("qr_print_actions",e)}</div>
                <div class="qr-action-chips">
                  ${["view","complete","skip"].map(o=>r`
                    <label class="qr-action-chip ${this._qrActions.has(o)?"active":""}">
                      <input type="checkbox"
                        .checked=${this._qrActions.has(o)}
                        @change=${g=>this._toggleQrAction(o,g.target.checked)} />
                      ${t("qr_action_"+o,e)}
                    </label>
                  `)}
                </div>
              </div>

              <div class="qr-filter-group">
                <div class="qr-filter-label">${t("qr_print_url_mode",e)}</div>
                <select .value=${this._qrUrlMode}
                  @change=${o=>{this._qrUrlMode=o.target.value}}>
                  <option value="companion">${t("qr_mode_companion",e)}</option>
                  <option value="local">${t("qr_mode_local",e)}</option>
                  <option value="server">${t("qr_mode_server",e)}</option>
                </select>
              </div>

              <div class="qr-filter-group qr-filter-actions">
                <div class="qr-estimate ${n?"error":""}">
                  ${t("qr_print_estimate",e)}: <strong>${a}</strong>
                  ${n?r` — ${t("qr_print_over_limit",e)}`:l}
                </div>
                <button
                  ?disabled=${this._qrBatchLoading||n||i===0}
                  @click=${this._generateBatch}>
                  ${this._qrBatchLoading?t("qr_print_generating",e):t("qr_print_generate",e)}
                </button>
              </div>
            </details>

            ${this._qrBatchResults.length>0?r`
                <div class="qr-results-toolbar">
                  <span>${this._qrBatchResults.length} ${t("qr_print_ready",e)}</span>
                  <button @click=${this._printQrs}>${t("qr_print_print_button",e)}</button>
                </div>
                <div class="qr-print-grid">
                  ${this._qrBatchResults.map(o=>r`
                    <div class="qr-print-cell">
                      <div class="qr-svg">${K(o.svg)}</div>
                      <div class="qr-label">
                        <div class="qr-label-obj">${o.object_name}</div>
                        <div class="qr-label-task">${o.task_name}</div>
                        <div class="qr-label-action">${t("qr_action_"+o.action,e)}</div>
                      </div>
                    </div>
                  `)}
                </div>
              `:l}
          `:r`<button @click=${this._loadQrObjects}>${t("qr_print_load",e)}</button>`}
      </div>
    `}async _loadQrObjects(){try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/objects"});this._qrObjects=(e.objects||[]).map(s=>({entry_id:s.entry_id,name:s.object.name,task_count:(s.tasks||[]).length})).sort((s,i)=>s.name.localeCompare(i.name)),this._qrObjectsLoaded=!0}catch{this._showToast(t("action_error",this._lang))}}_toggleQrObject(e,s){let i=new Set(this._qrSelectedEntries);if(i.size===0)for(let a of this._qrObjects)i.add(a.entry_id);s?i.add(e):i.delete(e),i.size===this._qrObjects.length&&i.clear(),this._qrSelectedEntries=i}_toggleQrAction(e,s){let i=new Set(this._qrActions);s?i.add(e):i.delete(e),this._qrActions=i}async _generateBatch(){this._qrBatchLoading=!0,this._qrBatchResults=[];try{let e={type:"maintenance_supporter/qr/batch_generate",actions:[...this._qrActions],url_mode:this._qrUrlMode};this._qrSelectedEntries.size>0&&(e.entry_ids=[...this._qrSelectedEntries]);let s=await this.hass.connection.sendMessagePromise(e);this._qrBatchResults=s.qrs||[],this._qrBatchResults.length===0&&this._showToast(t("qr_print_empty",this._lang))}catch(e){let s=e?.message||t("action_error",this._lang);this._showToast(s)}finally{this._qrBatchLoading=!1}}_printQrs(){if(this._qrBatchResults.length===0)return;let e=this._lang,s=this._qrBatchResults.map(o=>{let g=t("qr_action_"+o.action,e);return`
        <div class="cell">
          <div class="qr">${o.svg}</div>
          <div class="label">
            <div class="obj">${this._escapeHtml(o.object_name)}</div>
            <div class="task">${this._escapeHtml(o.task_name)}</div>
            <div class="action">${this._escapeHtml(g)}</div>
          </div>
        </div>`}).join(""),i=t("qr_print_title",e),a=`<!DOCTYPE html>
<html lang="${this._escapeHtml(e)}">
<head>
  <meta charset="utf-8" />
  <title>${this._escapeHtml(i)}</title>
  <style>
    @page { size: A4; margin: 10mm; }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; background: #fff; color: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
    body { padding: 8mm; }
    .toolbar { padding-bottom: 6mm; display: flex; justify-content: space-between; align-items: center; }
    .toolbar h1 { font-size: 14pt; margin: 0; font-weight: 600; }
    .toolbar button { font: inherit; padding: 6px 14px; cursor: pointer; }
    .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6mm; }
    .cell { border: 1px solid #ddd; border-radius: 4px; padding: 4mm; display: flex; flex-direction: column; align-items: center; gap: 3mm; page-break-inside: avoid; break-inside: avoid; }
    .cell .qr { width: 100%; max-width: 50mm; }
    .cell .qr svg { width: 100%; height: auto; display: block; }
    .label { text-align: center; width: 100%; font-size: 9pt; line-height: 1.25; word-break: break-word; }
    .label .obj { font-weight: 600; }
    .label .task { color: #444; }
    .label .action { color: #777; font-size: 8pt; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 2mm; }
    @media print {
      .toolbar { display: none; }
      body { padding: 0; }
    }
  </style>
</head>
<body>
  <div class="toolbar">
    <h1>${this._escapeHtml(i)} \u2014 ${this._qrBatchResults.length}</h1>
    <button onclick="window.print()">${this._escapeHtml(t("qr_print_print_button",e))}</button>
  </div>
  <div class="grid">${s}</div>
  <script>window.addEventListener("load", function () { setTimeout(function () { window.print(); }, 250); });<\/script>
</body>
</html>`,n=window.open("","_blank","width=900,height=1100");if(!n){window.print();return}n.document.open(),n.document.write(a),n.document.close()}_escapeHtml(e){return e.replace(/[&<>"']/g,s=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[s])}_renderImportExport(e){return r`
      <div class="settings-section">
        <h3>${t("settings_import_export",e)}</h3>
        <div class="settings-actions">
          <label class="export-history-toggle">
            <input type="checkbox" .checked=${this._includeHistory}
              @change=${s=>{this._includeHistory=s.target.checked}} />
            ${t("settings_include_history",e)}
          </label>
        </div>
        <div class="settings-actions">
          ${this._exportObjectsLoaded?r`
              <details class="qr-filter-panel">
                <summary>${t("settings_export_selection",e)}</summary>
                <div class="qr-object-list">
                  ${this._exportObjects.length===0?r`<div class="hint">${t("no_objects",e)}</div>`:this._exportObjects.map(s=>r`
                      <label class="qr-object-row">
                        <input type="checkbox"
                          .checked=${this._exportSelectedEntries.size===0||this._exportSelectedEntries.has(s.entry_id)}
                          @change=${i=>this._toggleExportObject(s.entry_id,i.target.checked)} />
                        <span>${s.name}</span>
                        <span class="qr-task-count">${s.task_count}</span>
                      </label>
                    `)}
                </div>
              </details>
            `:r`<button @click=${this._loadExportObjects}>${t("settings_export_selection",e)}</button>`}
        </div>
        <div class="settings-actions">
          <button @click=${this._exportJson}>${t("settings_export_json",e)}</button>
          <button @click=${this._exportYaml}>${t("settings_export_yaml",e)}</button>
          <button @click=${this._exportCsv}>${t("settings_export_csv",e)}</button>
          <button @click=${this._exportSettings}>${t("settings_export_settings",e)}</button>
        </div>
        <div class="settings-actions docs-archive-block">
          <h4>${t("settings_docs_archive",e)}</h4>
          <p class="section-desc">${t("settings_docs_archive_hint",e)}</p>
          <div class="settings-actions">
            <button ?disabled=${this._docArchiveLoading} @click=${this._exportDocsArchive}>
              ${t("settings_docs_export_btn",e)}
            </button>
            <button ?disabled=${this._docArchiveLoading} @click=${this._triggerDocsArchiveImport}>
              ${this._docArchiveLoading?"\u2026":t("settings_docs_import_btn",e)}
            </button>
            <input class="docs-archive-file" type="file" accept=".zip" hidden
              @change=${this._importDocsArchive} />
          </div>
        </div>
        <div class="import-section">
          <textarea class="import-area" .value=${this._importCsv}
            placeholder=${t("settings_import_placeholder",e)}
            @input=${s=>{this._importCsv=s.target.value}}
          ></textarea>
          <div class="settings-actions">
            <button ?disabled=${!this._importCsv.trim()||this._importLoading}
              @click=${this._importCsvAction}>
              ${this._importLoading?"\u2026":t("settings_import_btn",e)}
            </button>
          </div>
        </div>
      </div>
    `}get _selectedEntryIds(){return this._exportSelectedEntries.size?[...this._exportSelectedEntries]:void 0}async _loadExportObjects(){try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/objects"});this._exportObjects=(e.objects||[]).map(s=>({entry_id:s.entry_id,name:s.object.name,task_count:(s.tasks||[]).length})).sort((s,i)=>s.name.localeCompare(i.name)),this._exportObjectsLoaded=!0}catch{this._showToast(t("action_error",this._lang))}}_toggleExportObject(e,s){let i=new Set(this._exportSelectedEntries);if(i.size===0)for(let a of this._exportObjects)i.add(a.entry_id);s?i.add(e):i.delete(e),i.size===this._exportObjects.length&&i.clear(),this._exportSelectedEntries=i}async _exportJson(){try{let e=this._selectedEntryIds,s=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/export",format:"json",include_history:this._includeHistory,...e?{entry_ids:e}:{}}),i=new Date().toISOString().slice(0,10);this._downloadFile(s.data,`maintenance_export_${i}.json`,"application/json"),this._showToast(t("settings_export_success",this._lang))}catch{this._showToast(t("action_error",this._lang))}}async _exportSettings(){try{let e=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/settings/export"}),s=new Date().toISOString().slice(0,10);this._downloadFile(e.data,`maintenance_settings_${s}.json`,"application/json"),this._showToast(t("settings_export_success",this._lang))}catch{this._showToast(t("action_error",this._lang))}}async _exportYaml(){try{let e=this._selectedEntryIds,s=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/export",format:"yaml",include_history:this._includeHistory,...e?{entry_ids:e}:{}}),i=new Date().toISOString().slice(0,10);this._downloadFile(s.data,`maintenance_export_${i}.yaml`,"application/yaml"),this._showToast(t("settings_export_success",this._lang))}catch{this._showToast(t("action_error",this._lang))}}async _exportCsv(){try{let e=this._selectedEntryIds,s=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/csv/export",...e?{entry_ids:e}:{}}),i=new Date().toISOString().slice(0,10);this._downloadFile(s.csv,`maintenance_export_${i}.csv`,"text/csv"),this._showToast(t("settings_export_success",this._lang))}catch{this._showToast(t("action_error",this._lang))}}async _importCsvAction(){let e=this._importCsv.trim();if(e){this._importLoading=!0;try{let s=e.startsWith("object_name"),a=(await this.hass.connection.sendMessagePromise(s?{type:"maintenance_supporter/csv/import",csv_content:e}:{type:"maintenance_supporter/json/import",json_content:e})).created??0;this._showToast(t("settings_import_success",this._lang).replace("{count}",String(a))),this._importCsv="",this.dispatchEvent(new CustomEvent("settings-changed"))}catch{this._showToast(t("action_error",this._lang))}this._importLoading=!1}}async _exportDocsArchive(){this._docArchiveLoading=!0;try{let e=this._selectedEntryIds,s=e?`?entry_ids=${encodeURIComponent(e.join(","))}`:"",i=await O(this.hass,`/api/maintenance_supporter/documents/archive${s}`);R(i,"maintenance-documents.zip")}catch{this._showToast(t("action_error",this._lang))}this._docArchiveLoading=!1}_triggerDocsArchiveImport(){this.renderRoot.querySelector(".docs-archive-file")?.click()}async _importDocsArchive(e){let s=e.target,i=s.files?.[0];if(i){this._docArchiveLoading=!0;try{let a=new FormData;a.append("file",i,i.name);let n=await fetch("/api/maintenance_supporter/documents/archive",{method:"POST",headers:{Authorization:`Bearer ${this.hass.auth?.data?.access_token??""}`},body:a});if(!n.ok)this._showToast(t("action_error",this._lang));else{let o=await n.json();this._showToast(t("settings_docs_import_success",this._lang).replace("{blobs}",String(o.blobs_written??0)).replace("{docs}",String(o.documents_created??0))),this.dispatchEvent(new CustomEvent("settings-changed"))}}catch{this._showToast(t("action_error",this._lang))}s.value="",this._docArchiveLoading=!1}}};c.styles=[C,P`
    .bn-note {
      display: flex; align-items: flex-start; gap: 10px;
      margin: 6px 0 10px; padding: 10px 12px; border-radius: 8px;
      background: rgba(3, 169, 244, 0.08);
      border: 1px solid rgba(3, 169, 244, 0.25);
      font-size: 13.5px; line-height: 1.45;
    }
    .bn-note ha-icon { --mdc-icon-size: 20px; flex: none; color: var(--primary-color); margin-top: 1px; }
    .bn-note.warn { background: rgba(255, 167, 38, 0.08); border-color: rgba(255, 167, 38, 0.35); }
    .bn-note.warn ha-icon { color: var(--warning-color, #ffa726); }
    .bn-link { color: var(--primary-color); text-decoration: none; }
    .bn-link:hover { text-decoration: underline; }
    .bn-more, .bn-sub { color: var(--secondary-text-color); }
    .bn-sub { display: block; font-size: 12.5px; margin-top: 2px; }

    :host { display: block; }

    .settings-loading {
      text-align: center;
      padding: 32px;
      color: var(--secondary-text-color);
    }

    .settings-section {
      margin-bottom: 24px;
      padding: 16px;
      background: var(--card-background-color, #fff);
      border-radius: 12px;
      border: 1px solid var(--divider-color, #e0e0e0);
    }
    .settings-section h3 {
      margin: 0 0 4px 0;
      font-size: 16px;
    }
    .section-desc {
      font-size: 13px;
      color: var(--secondary-text-color);
      margin: 0 0 16px 0;
    }

    .setting-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      border-bottom: 1px solid var(--divider-color, #e0e0e0);
      cursor: pointer;
      gap: 12px;
    }
    .notify-per-person {
      padding: 10px 0;
      border-bottom: 1px solid var(--divider-color, #e0e0e0);
    }
    .notify-person-row {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 6px 0 0;
      flex-wrap: wrap;
    }
    .notify-person-name {
      font-weight: 500;
      min-width: 120px;
    }
    .notify-person-target {
      flex: 1;
      min-width: 160px;
      font-size: 0.9em;
      word-break: break-word;
      color: var(--secondary-text-color, #727272);
    }
    .notify-person-target.muted {
      font-style: italic;
    }
    /* #169 follow-up: member avatar editor */
    .member-avatar-row { display: flex; align-items: center; gap: 10px; padding: 6px 0 0; flex-wrap: wrap; }
    .member-avatar-name { font-weight: 500; min-width: 120px; }
    .member-initials {
      width: 4.5em; padding: 4px 6px; text-align: center; text-transform: uppercase;
      border: 1px solid var(--divider-color, #e0e0e0); border-radius: 6px;
      background: var(--card-background-color); color: var(--primary-text-color); font: inherit;
    }
    .member-palette { display: inline-flex; gap: 4px; flex-wrap: wrap; }
    .member-swatch {
      width: 20px; height: 20px; border-radius: 50%; border: 2px solid transparent; padding: 0;
      background: var(--person-color); cursor: pointer;
    }
    .member-swatch.selected { border-color: var(--primary-text-color); box-shadow: 0 0 0 2px var(--card-background-color) inset; }
    .member-reset { --ha-button-font-size: 12px; }
    /* v2.27: template gallery clustered by category */
    .tpl-group { margin-top: 14px; }
    .tpl-group-head {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 0 6px;
      border-bottom: 2px solid var(--divider-color, #e0e0e0);
      cursor: pointer;
      font-weight: 600;
    }
    .tpl-group-head ha-icon { --mdc-icon-size: 18px; color: var(--primary-color); }
    .tpl-group-head .tpl-chevron { color: var(--secondary-text-color); }
    .tpl-group-head:focus-visible { outline: 2px solid var(--primary-color); outline-offset: 2px; }
    .tpl-group-name { flex: 1; }
    .tpl-group-count {
      font-size: 12px;
      color: var(--secondary-text-color);
      font-weight: 400;
    }
    .tpl-row { padding-left: 26px; }
    .setting-row:last-child { border-bottom: none; }
    .setting-row.sub-row {
      padding-left: 16px;
    }

    .setting-label { font-size: 14px; display: block; }
    .setting-desc { font-size: 12px; color: var(--secondary-text-color); display: block; }

    .setting-row input[type="checkbox"] {
      width: 18px; height: 18px; flex-shrink: 0;
    }
    .setting-row ms-date-field {
      flex: 0 0 auto;
      max-width: 60%;
    }
    .setting-row input[type="number"],
    .setting-row input[type="text"] {
      width: 120px;
      padding: 6px 8px;
      border: 1px solid var(--divider-color, #e0e0e0);
      border-radius: 4px;
      background: var(--card-background-color, #fff);
      color: var(--primary-text-color);
      font-size: 14px;
      flex-shrink: 0;
    }
    .setting-row input[type="number"] {
      text-align: right;
    }
    .setting-row select {
      padding: 6px 8px;
      border: 1px solid var(--divider-color, #e0e0e0);
      border-radius: 4px;
      background: var(--card-background-color, #fff);
      color: var(--primary-text-color);
      font-size: 14px;
      flex-shrink: 0;
    }

    .settings-actions {
      display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px;
    }
    .settings-actions button {
      padding: 8px 16px;
      border-radius: 8px;
      border: 1px solid var(--divider-color, #e0e0e0);
      background: var(--card-background-color, #fff);
      color: var(--primary-text-color);
      cursor: pointer;
      font-size: 14px;
    }
    .settings-actions button:hover {
      background: var(--secondary-background-color, #f5f5f5);
    }
    .settings-actions button[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
    }

    .export-history-toggle {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      cursor: pointer;
    }
    .export-history-toggle input { width: 16px; height: 16px; }

    .import-section { margin-top: 16px; }

    .setting-row-block { flex-direction: column; align-items: stretch; gap: 6px; }
    /* D#162 follow-up: battery lifetime table */
    .bl-title { margin: 16px 0 8px; font-size: 14px; }
    .bl-table { display: flex; flex-direction: column; gap: 4px; margin: 8px 0 12px; }
    .bl-row { display: grid; grid-template-columns: minmax(0, 1fr) 72px max-content minmax(0, 1.4fr) max-content; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--divider-color); }
    .bl-type { font-weight: 500; }
    .bl-fleet { font-size: 11px; color: var(--secondary-text-color); font-weight: 400; margin-left: 4px; }
    .bl-months { width: 72px; padding: 4px 6px; border: 1px solid var(--divider-color); border-radius: 4px; background: var(--card-background-color); color: var(--primary-text-color); font: inherit; }
    .bl-unit, .bl-source { font-size: 12px; color: var(--secondary-text-color); }
    .bl-override .bl-source { color: var(--primary-color); }
    .bl-learned { grid-column: 1 / -1; font-size: 12px; color: var(--secondary-text-color); }
    .bl-reset { background: none; border: 1px solid var(--divider-color); border-radius: 12px; padding: 2px 10px; font-size: 12px; color: var(--primary-text-color); cursor: pointer; }
    .bl-more > summary { cursor: pointer; font-size: 12px; color: var(--secondary-text-color); padding: 4px 0; }
    @media (max-width: 640px) {
      .bl-row { grid-template-columns: minmax(0, 1fr) 64px max-content; }
      .bl-source { grid-column: 1 / 3; }
      .bl-reset { grid-column: 3; justify-self: end; }
    }
    .notify-extra { min-height: 72px; font-family: var(--code-font-family, monospace); font-size: 12.5px; }
    .import-area {
      width: 100%;
      min-height: 120px;
      padding: 8px;
      border: 1px solid var(--divider-color, #e0e0e0);
      border-radius: 8px;
      font-family: monospace;
      font-size: 12px;
      resize: vertical;
      background: var(--card-background-color, #fff);
      color: var(--primary-text-color);
      box-sizing: border-box;
    }

    .settings-toast {
      position: fixed;
      bottom: 24px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--primary-color, #03a9f4);
      color: #fff;
      padding: 10px 24px;
      border-radius: 8px;
      font-size: 14px;
      z-index: 1000;
      box-shadow: 0 2px 8px rgba(0,0,0,.3);
      animation: toast-in .3s ease;
    }
    @keyframes toast-in {
      from { opacity: 0; transform: translateX(-50%) translateY(16px); }
      to { opacity: 1; transform: translateX(-50%) translateY(0); }
    }

    /* ─── Vacation mode section (v1.2.0) ─── */

    .vacation-section h3 {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .vac-badge {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.4px;
      text-transform: uppercase;
      padding: 2px 8px;
      border-radius: 10px;
    }
    .vac-badge.active {
      background: var(--success-color, #4caf50);
      color: #fff;
    }
    .vac-badge.stale {
      background: var(--warning-color, #ff9800);
      color: #fff;
    }
    .vac-toggle {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      margin: 8px 0 12px;
    }
    .vac-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 12px;
      margin-bottom: 12px;
    }
    .vac-field {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .vac-field input {
      padding: 6px 8px;
      border: 1px solid var(--divider-color);
      border-radius: 4px;
      background: var(--card-background-color, #fff);
      color: var(--primary-text-color);
    }
    .vac-exempt-panel {
      border: 1px solid var(--divider-color);
      border-radius: 6px;
      padding: 10px;
      margin: 12px 0;
    }
    .vac-exempt-panel summary {
      cursor: pointer;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .section-badge {
      background: var(--primary-color, #03a9f4);
      color: #fff;
      font-size: 11px;
      font-weight: 600;
      padding: 1px 8px;
      border-radius: 10px;
    }
    .vac-task-list {
      max-height: 280px;
      overflow-y: auto;
      margin-top: 8px;
    }
    .vac-task-group {
      margin: 8px 0;
    }
    .vac-task-group-name {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      color: var(--secondary-text-color);
      padding: 4px 0;
    }
    .vac-task-row {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 4px 8px;
      cursor: pointer;
      border-radius: 4px;
    }
    .vac-task-row:hover { background: var(--secondary-background-color, rgba(127,127,127,0.1)); }
    .vac-preview-toolbar {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 12px 0 8px;
    }
    .vac-preview-count {
      color: var(--secondary-text-color);
      font-size: 13px;
    }
    .vac-preview-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .vac-preview-row {
      display: flex;
      gap: 12px;
      padding: 10px 12px;
      background: var(--secondary-background-color, rgba(127,127,127,0.08));
      border-radius: 6px;
      border-left: 3px solid var(--warning-color, #ff9800);
    }
    .vac-preview-row.exempt {
      border-left-color: var(--success-color, #4caf50);
    }
    .vac-preview-info { flex: 1; }
    .vac-preview-name { font-size: 14px; }
    .vac-preview-kind {
      font-size: 11px;
      color: var(--secondary-text-color);
      margin-left: 6px;
    }
    .vac-preview-events {
      font-size: 12px;
      color: var(--secondary-text-color);
      margin-top: 2px;
    }
    .vac-preview-actions {
      display: flex;
      gap: 6px;
      align-items: center;
      flex-wrap: wrap;
    }
    .vac-preview-actions button {
      font-size: 12px;
      padding: 4px 10px;
    }
    .vac-notify-on { background: var(--success-color, #4caf50) !important; color: #fff; }
    .vac-end-now {
      margin-top: 12px;
      background: var(--error-color, #f44336);
      color: #fff;
    }

    /* ─── Print QR codes section (v1.1.0) ─── */

    .qr-filter-panel {
      border: 1px solid var(--divider-color);
      border-radius: 6px;
      padding: 12px;
      margin-top: 8px;
    }
    .qr-filter-panel > summary {
      cursor: pointer;
      font-weight: 500;
    }
    .qr-filter-group {
      margin-top: 12px;
    }
    .qr-filter-label {
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      color: var(--secondary-text-color);
      margin-bottom: 4px;
    }
    .qr-object-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 4px 12px;
      max-height: 240px;
      overflow-y: auto;
    }
    .qr-object-row {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 4px 6px;
      cursor: pointer;
      border-radius: 4px;
    }
    .qr-object-row:hover { background: var(--secondary-background-color, rgba(127,127,127,0.1)); }
    .qr-object-row > span:nth-of-type(1) { flex: 1; }
    .qr-task-count {
      color: var(--secondary-text-color);
      font-size: 12px;
      font-variant-numeric: tabular-nums;
    }

    .qr-action-chips {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
    }
    .qr-action-chip {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px 10px;
      border-radius: 14px;
      border: 1px solid var(--divider-color);
      cursor: pointer;
      user-select: none;
    }
    .qr-action-chip.active {
      background: var(--primary-color, #03a9f4);
      color: #fff;
      border-color: transparent;
    }
    .qr-action-chip input { accent-color: currentColor; }

    .qr-filter-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .qr-estimate { font-size: 13px; }
    .qr-estimate.error { color: var(--error-color, #f44336); }

    .qr-results-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 16px;
      padding: 8px 12px;
      background: var(--secondary-background-color, rgba(127,127,127,0.1));
      border-radius: 6px;
    }

    .qr-print-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
      gap: 16px;
      margin-top: 16px;
    }
    .qr-print-cell {
      border: 1px solid var(--divider-color);
      border-radius: 6px;
      padding: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      background: #fff;
      color: #000;
    }
    .qr-print-cell .qr-svg {
      width: 100%;
      max-width: 160px;
    }
    .qr-print-cell .qr-svg svg { width: 100%; height: auto; display: block; }
    .qr-label {
      margin-top: 6px;
      font-size: 11px;
      line-height: 1.3;
    }
    .qr-label-obj { font-weight: 600; }
    .qr-label-task { color: #444; }
    .qr-label-action {
      margin-top: 2px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-size: 10px;
      color: #777;
    }

    /* ─── Print stylesheet ─── */
    @media print {
      /* Strip everything except the QR grid itself */
      :host { color: #000; background: #fff; }
      .qr-print-section h3,
      .qr-print-section .section-desc,
      .qr-filter-panel,
      .qr-results-toolbar,
      .settings-section:not(.qr-print-section),
      .settings-toast {
        display: none !important;
      }
      .qr-print-section { padding: 0; margin: 0; }
      .qr-print-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 12mm 8mm;
        margin: 0;
      }
      .qr-print-cell {
        border: none;
        padding: 0;
        page-break-inside: avoid;
      }
      .qr-print-cell .qr-svg { max-width: 48mm; }
      .qr-label { font-size: 9pt; }
    }
  `],d([q({attribute:!1})],c.prototype,"hass",2),d([q({attribute:!1})],c.prototype,"features",2),d([q({attribute:!1})],c.prototype,"budget",2),d([p()],c.prototype,"_settings",2),d([p()],c.prototype,"_loading",2),d([p()],c.prototype,"_importCsv",2),d([p()],c.prototype,"_importLoading",2),d([p()],c.prototype,"_includeHistory",2),d([p()],c.prototype,"_toast",2),d([p()],c.prototype,"_testingNotification",2),d([p()],c.prototype,"_personTargets",2),d([p()],c.prototype,"_testingUser",2),d([p()],c.prototype,"_users",2),d([p()],c.prototype,"_savedViews",2),d([p()],c.prototype,"_vacEnabled",2),d([p()],c.prototype,"_vacStart",2),d([p()],c.prototype,"_vacEnd",2),d([p()],c.prototype,"_vacBuffer",2),d([p()],c.prototype,"_vacExempt",2),d([p()],c.prototype,"_vacIsActive",2),d([p()],c.prototype,"_vacWindowEnd",2),d([p()],c.prototype,"_vacAllTasks",2),d([p()],c.prototype,"_vacPreview",2),d([p()],c.prototype,"_vacPreviewLoading",2),d([p()],c.prototype,"_vacSaving",2),d([p()],c.prototype,"_qrObjects",2),d([p()],c.prototype,"_qrSelectedEntries",2),d([p()],c.prototype,"_qrActions",2),d([p()],c.prototype,"_qrUrlMode",2),d([p()],c.prototype,"_qrBatchLoading",2),d([p()],c.prototype,"_qrBatchResults",2),d([p()],c.prototype,"_qrObjectsLoaded",2),d([p()],c.prototype,"_exportObjects",2),d([p()],c.prototype,"_exportSelectedEntries",2),d([p()],c.prototype,"_exportObjectsLoaded",2),d([p()],c.prototype,"_docArchiveLoading",2),d([p()],c.prototype,"_allTemplates",2),d([p()],c.prototype,"_templateCategories",2),d([p()],c.prototype,"_tplOpenGroups",2);customElements.define("maintenance-settings-view",c);export{c as MaintenanceSettingsView};
/*! Bundled license information:

lit-html/directive.js:
lit-html/directives/unsafe-html.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

lit-html/directive-helpers.js:
lit-html/directives/live.js:
  (**
   * @license
   * Copyright 2020 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)
*/