/* ANO Site Hub V7.44 - Hub Plus (work log, near me, smart search, site map, notes/photos, data quality, today, storage) */
.hx-page h2,.hx-today h2{margin:0;font-size:1.25rem;letter-spacing:-.01em;color:var(--u-text)}
.hx-page-h,.hx-th{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.hx-page-h>div{min-width:0}.hx-page-h p.muted{margin:4px 0 0;font-size:.84rem;line-height:1.45}
.hx-primary,#app .hx-primary,.ano-sheet .hx-primary{display:inline-flex;align-items:center;gap:7px;flex:none;background:var(--u-primary)!important;color:#fff!important;border:0;border-radius:12px!important;padding:10px 14px!important;font-weight:700;font-size:.86rem!important;margin:0!important;min-height:42px;white-space:nowrap}
.hx-primary .ico{width:17px;height:17px}
.hx-primary:disabled{opacity:.6}
.hx-icon{display:grid!important;place-items:center;flex:none;width:40px;height:40px;padding:0!important;margin:0!important;border-radius:12px!important;background:var(--u-soft)!important;color:var(--u-primary)!important;border:1px solid var(--u-line)!important;font-size:1.2rem;font-weight:700}
.hx-icon .ico{width:19px;height:19px}
.hx-link{background:none!important;border:0!important;color:var(--u-primary)!important;padding:4px 2px!important;margin:0!important;font-weight:700;font-size:.8rem!important;min-height:0!important;box-shadow:none!important}
.hx-hint{font-size:.78rem;color:var(--u-muted);line-height:1.45;margin:6px 0}
.hx-empty{text-align:center;padding:26px 14px;border:1px dashed var(--u-line);border-radius:16px;color:var(--u-muted);margin:10px 0}
.hx-empty .ico{width:30px;height:30px;color:var(--u-primary);opacity:.7}.hx-empty strong{display:block;color:var(--u-text);margin:8px 0 4px}.hx-empty p{margin:0;font-size:.84rem;line-height:1.45}
.hx-alert{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fdecea;color:#8a2a1f;font-size:.84rem;line-height:1.45}
.hx-alert .ico{flex:none;width:18px;height:18px;margin-top:1px}
html[data-theme="dark"] .hx-alert{background:#3a1d1a;color:#f6b9ae}
.hx-seg{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--u-surface2);border:1px solid var(--u-line);margin:10px 0;overflow-x:auto;scrollbar-width:none}
.hx-seg::-webkit-scrollbar{display:none}
.hx-seg button{flex:1 0 auto;margin:0!important;padding:8px 11px!important;min-height:36px;border-radius:10px!important;background:transparent!important;color:var(--u-muted)!important;font-weight:700;font-size:.8rem!important;box-shadow:none!important;border:0!important;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.hx-seg button.on{background:var(--u-surface)!important;color:var(--u-primary)!important;box-shadow:0 1px 4px rgba(16,44,78,.14)!important}
.hx-seg.sm button{font-size:.76rem!important;min-height:32px;padding:6px 10px!important}
.hx-seg .dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#7a8aa0}.hx-seg .dot.ok{background:#14a37f}.hx-seg .dot.bad{background:#d9534f}.hx-seg .dot.warn{background:#e0a020}.hx-seg .dot.all{background:conic-gradient(#14a37f 0 50%,#e0a020 0 75%,#d9534f 0)}
.hx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.hx-kpis>div{background:var(--u-surface2);border:1px solid var(--u-line);border-radius:14px;padding:10px 6px;text-align:center;min-width:0}
.hx-kpis b{display:block;font-size:1.25rem;color:var(--u-text);font-variant-numeric:tabular-nums;line-height:1.15}
.hx-kpis span{display:block;font-size:.68rem;color:var(--u-muted);font-weight:650;margin-top:2px;overflow-wrap:anywhere}
.hx-kpis .warn b{color:#b26a00}
.hx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-f{display:block;margin:10px 0;font-weight:700;font-size:.8rem;color:var(--u-text)}
.hx-f>span{display:block;margin-bottom:5px}.hx-f>span small{color:var(--u-muted);font-weight:600}
.hx-f input,.hx-f textarea,.hx-f select,.hx-filters select{width:100%;box-sizing:border-box;border:1px solid var(--u-line);background:var(--u-surface);color:var(--u-text);border-radius:11px;padding:10px 12px;font:inherit;font-weight:500;font-size:.92rem;margin:0}
.hx-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0}
.hx-filters select{flex:1 1 200px;width:auto}
.hx-tog{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:650;color:var(--u-text)}
.hx-tog input{width:18px;height:18px;margin:0;accent-color:var(--u-primary)}
/* work types */
.hx-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.hx-type{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;margin:0!important;padding:9px 11px!important;border-radius:12px!important;background:var(--u-surface2)!important;color:var(--u-text)!important;border:1.5px solid var(--u-line)!important;min-height:54px;box-shadow:none!important}
.hx-type b{font-size:.86rem}.hx-type small{font-size:.68rem;color:var(--u-muted);font-weight:600;line-height:1.3}
.hx-type.on{border-color:var(--u-primary)!important;background:var(--u-soft)!important}.hx-type.on b{color:var(--u-primary)}
.hx-wt{display:inline-flex;align-items:center;flex:none;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em;background:#e3edfb;color:#1550a8;white-space:nowrap}
.hx-wt.t-BD{background:#fde4e1;color:#a3291c}.hx-wt.t-ACDC{background:#efe5fb;color:#6527a8}.hx-wt.t-MAINT{background:#dff3ea;color:#0f6d4d}.hx-wt.t-INSP{background:#e1f2f7;color:#0e6177}.hx-wt.t-RPT{background:#fbf0d9;color:#8a5a00}.hx-wt.t-PNANC{background:#f8e3ef;color:#9b1f66}.hx-wt.t-OTHER{background:#ececf1;color:#4b5563}
html[data-theme="dark"] .hx-wt{filter:brightness(.88) saturate(1.1)}
/* site picker */
.hx-picked{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.hx-pk{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:var(--u-soft);border:1px solid var(--u-line)}
.hx-pk b{font-size:.84rem;color:var(--u-text)}.hx-pk small{flex:1;min-width:0;font-size:.72rem;color:var(--u-muted);font-weight:600;overflow-wrap:anywhere}
.hx-pk button{margin:0!important;padding:0!important;width:28px;height:28px;min-height:0;border-radius:8px!important;background:transparent!important;color:var(--u-muted)!important;font-size:1.2rem;box-shadow:none!important}
.hx-find{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.hx-find button{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;margin:0!important;padding:9px 11px!important;border-radius:11px!important;background:var(--u-surface2)!important;color:var(--u-text)!important;border:1px solid var(--u-line)!important;box-shadow:none!important}
.hx-find button small{color:var(--u-muted);font-weight:600;font-size:.72rem}
.hx-bd{border-left:3px solid #d9534f;padding:2px 0 2px 11px;margin:6px 0}
.danger-t{color:#b5281a!important}
/* work log page */
.hx-exportbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--u-soft);border:1px solid var(--u-line);margin:10px 0;font-size:.82rem;font-weight:700;color:var(--u-text)}
.hx-days{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.hx-day{border:1px solid var(--u-line);border-radius:16px;background:var(--u-surface);overflow:hidden}
.hx-day header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--u-surface2);border-bottom:1px solid var(--u-line)}
.hx-day header strong{display:block;font-size:.9rem;color:var(--u-text)}.hx-day header small{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.hx-day header .hx-icon{width:34px;height:34px}
.hx-day ul{list-style:none;margin:0;padding:0}
.hx-day li+li{border-top:1px solid var(--u-line)}
.hx-wrow{display:flex!important;align-items:flex-start;gap:9px;width:100%;text-align:left;margin:0!important;padding:10px 12px!important;border-radius:0!important;background:transparent!important;color:var(--u-text)!important;box-shadow:none!important}
.hx-wrow .hx-wt{margin-top:2px;min-width:44px;justify-content:center}
.hx-wtx{flex:1;min-width:0}.hx-wtx strong{display:block;font-size:.86rem}.hx-wtx small{display:block;font-size:.72rem;color:var(--u-muted);font-weight:600;overflow-wrap:anywhere}.hx-wtx em{display:block;font-size:.74rem;color:var(--u-muted);font-style:normal;margin-top:2px}
.hx-day li.exp .hx-wtx strong{color:var(--u-muted)}
.hx-expd{color:#14a37f;flex:none}.hx-expd .ico{width:16px;height:16px}
.hx-nogps{flex:none;font-style:normal;font-size:.64rem;font-weight:800;padding:2px 6px;border-radius:6px;background:#fdf0dc;color:#9a5b00}
.hx-explist{display:flex;flex-direction:column;gap:6px}
.hx-markexp{margin-top:12px}
/* landing / rows */
.hx-landing{margin-top:8px}
.hx-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hx-qbtn,.hx-tiles button{display:flex!important;align-items:center;gap:10px;text-align:left;margin:0!important;padding:12px!important;border-radius:14px!important;background:var(--u-surface2)!important;color:var(--u-text)!important;border:1px solid var(--u-line)!important;box-shadow:none!important;min-width:0}
.hx-qbtn .ico,.hx-tiles .ico{flex:none;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--u-soft);color:var(--u-primary);box-sizing:border-box}
.hx-qbtn span,.hx-tiles span{min-width:0}.hx-qbtn strong,.hx-tiles strong{display:block;font-size:.84rem}.hx-qbtn small,.hx-tiles small{display:block;font-size:.7rem;color:var(--u-muted);font-weight:600;line-height:1.3}
.hx-tiles button.warn .ico{background:#fdf0dc;color:#b26a00}
.hx-sec{margin-top:14px}.hx-sec-h{display:flex;align-items:center;justify-content:space-between}.hx-sec-h h3{margin:0 0 6px;font-size:.86rem;color:var(--u-text)}.hx-sec-h h3 small{color:var(--u-muted)}
.hx-chips{display:flex;flex-wrap:wrap;gap:6px}
.hx-chip{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:6px 11px!important;border-radius:999px!important;background:var(--u-surface)!important;color:var(--u-text)!important;border:1px solid var(--u-line)!important;font-size:.78rem!important;font-weight:650;box-shadow:none!important}
.hx-chip .ico{width:14px;height:14px;color:var(--u-muted)}
.hx-rows{display:flex;flex-direction:column;gap:6px}
.hx-row{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border:1px solid var(--u-line);border-radius:14px;background:var(--u-surface)}
.hx-row-main{flex:1;min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;margin:0!important;padding:8px!important;background:transparent!important;color:var(--u-text)!important;box-shadow:none!important;border-radius:10px!important}
.hx-row-main strong{font-size:.86rem}.hx-row-main small{font-size:.72rem;color:var(--u-muted);font-weight:600;overflow-wrap:anywhere}
.hx-row-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.hx-dist{font-size:.74rem;font-weight:800;color:var(--u-primary);font-variant-numeric:tabular-nums}
.hx-st{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.66rem;font-weight:800;background:#ececf1;color:#4b5563}
.hx-st.ok{background:#dff3ea;color:#0f6d4d}.hx-st.bad{background:#fde4e1;color:#a3291c}.hx-st.warn{background:#fbf0d9;color:#8a5a00}
.hx-fuzzy{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:var(--u-soft);border:1px solid var(--u-line);margin:10px 0}
.hx-fuzzy .ico{flex:none;width:20px;height:20px;color:var(--u-primary)}.hx-fuzzy strong{display:block;font-size:.86rem;color:var(--u-text)}.hx-fuzzy small{font-size:.76rem;color:var(--u-muted)}
.hx-count{margin:6px 0}
.hx-pos{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--u-muted);font-weight:650;margin:4px 0}.hx-pos .ico{width:15px;height:15px;color:var(--u-primary)}
.hx-nearacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hx-nearacts button,.hx-tacts button,.hx-smrow button{display:inline-flex!important;align-items:center;gap:6px}
.hx-nearacts .ico,.hx-tacts .ico,.hx-smrow .ico{width:16px;height:16px}
/* site card bar */
.hx-cardbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 2px;padding-top:10px;border-top:1px dashed var(--u-line)}
.hx-cb{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:6px 10px!important;min-height:34px;border-radius:10px!important;background:var(--u-surface2)!important;color:var(--u-text)!important;border:1px solid var(--u-line)!important;font-size:.76rem!important;font-weight:700;box-shadow:none!important}
.hx-cb .ico{width:15px;height:15px;color:var(--u-primary)}.hx-cb b{background:var(--u-primary);color:#fff;border-radius:999px;padding:0 6px;font-size:.66rem}
.hx-cb.on{color:#b26a00!important;border-color:#f0c27a!important;background:#fff7ea!important}
html[data-theme="dark"] .hx-cb.on{background:#2d2312!important;color:#f3c47a!important;border-color:#6b4b17!important}
.hx-last{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--u-muted);font-weight:650}.hx-last .ico{width:13px;height:13px}
.hx-cardnote{display:flex;gap:7px;align-items:flex-start;margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#fffbea;border:1px solid #f3e3a6;color:#5d4a0f;font-size:.8rem;line-height:1.45}
.hx-cardnote .ico{flex:none;width:15px;height:15px;margin-top:2px}
html[data-theme="dark"] .hx-cardnote{background:#2b2612;border-color:#5a4c1c;color:#eadb9f}
.hx-cardsheet .site-card{margin:0!important;border:0!important;box-shadow:none!important;padding:0!important}
.hx-navsheet{display:flex;flex-wrap:wrap;gap:8px}
/* photos */
.hx-photos{display:flex;flex-wrap:wrap;gap:8px}
.hx-photos figure{position:relative;margin:0;width:96px}
.hx-photos img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--u-line);display:block;cursor:zoom-in}
.hx-photos figcaption{font-size:.66rem;color:var(--u-muted);text-align:center;margin-top:2px}
.hx-photos figure button{position:absolute;top:4px;right:4px;width:24px;height:24px;margin:0!important;padding:0!important;min-height:0;border-radius:50%!important;background:rgba(0,0,0,.6)!important;color:#fff!important;font-size:.9rem;line-height:1}
.hx-addph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:96px;height:96px;border:1.5px dashed var(--u-line);border-radius:12px;color:var(--u-primary);font-size:.72rem;font-weight:700;cursor:pointer;background:var(--u-surface2)}
.hx-addph .ico{width:22px;height:22px}
.hx-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:16px}
.hx-lightbox img{max-width:100%;max-height:100%;border-radius:10px}
.hx-visits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hx-visits li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:7px 10px;border-radius:10px;background:var(--u-surface2);border:1px solid var(--u-line);font-size:.78rem}
.hx-visits small{flex-basis:100%;color:var(--u-muted);font-size:.72rem}
.hx-visits small:empty{display:none}
/* site map */
.hx-sitemap{border:1px solid var(--u-line);border-radius:16px;background:var(--u-surface);margin:12px 0 16px;overflow:hidden}
.hx-sitemap>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.hx-sitemap>summary::-webkit-details-marker{display:none}
.hx-sitemap>summary .ico{flex:none;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--u-soft);color:var(--u-primary);box-sizing:border-box}
.hx-sitemap>summary strong{display:block;color:var(--u-text);font-size:.92rem}.hx-sitemap>summary small{display:block;color:var(--u-muted);font-size:.74rem}
.hx-sitemap>summary::after{content:'›';margin-left:auto;font-size:1.4rem;color:var(--u-muted);transition:transform .2s}
.hx-sitemap[open]>summary::after{transform:rotate(90deg)}
.hx-smbody{padding:0 12px 12px}
.hx-smrow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.hx-smrow select{flex:1 1 140px;border:1px solid var(--u-line);background:var(--u-surface);color:var(--u-text);border-radius:11px;padding:9px 10px;font:inherit;font-size:.86rem;margin:0}
.hx-smrow button{flex:1 1 140px;margin:0!important;justify-content:center}
.hx-smmap{height:62vh;min-height:360px;max-height:640px;border-radius:14px;border:1px solid var(--u-line);overflow:hidden;z-index:0}
.hx-cl{background:none!important;border:0!important}
.hx-cl span{display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);border:2px solid #fff;box-sizing:border-box}
.hx-cl b{display:grid;place-items:center;width:64%;height:64%;border-radius:50%;background:#fff;color:#16304a;font-size:.72rem;font-weight:800}
.hx-pop strong{display:block;font-size:.9rem;margin-bottom:2px}.hx-pop small{display:block;color:#5a7089;margin-bottom:6px;overflow-wrap:anywhere}
.hx-popb{display:flex;gap:5px;margin-top:8px}
.hx-popb button{flex:1;margin:0!important;padding:7px 6px!important;font-size:.74rem!important;border-radius:9px!important;background:#145bc8!important;color:#fff!important;min-height:0}
.hx-popb button+button{background:#e8f1fd!important;color:#145bc8!important}
/* data quality */
.hx-score{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:var(--u-surface2);border:1px solid var(--u-line);margin:8px 0 12px}
.hx-score>div:last-child{min-width:0}.hx-score strong{display:block;color:var(--u-text);font-size:.9rem}.hx-score small{display:block;color:var(--u-muted);font-size:.78rem;margin:2px 0 8px}
.hx-score button{display:inline-flex!important;align-items:center;gap:6px;margin:0!important}.hx-score button .ico{width:15px;height:15px}
.hx-ring{flex:none;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,var(--u-surface2) 78%,transparent 80%),conic-gradient(#14a37f calc(var(--p)*1%),#e3e8ef 0)}
.hx-ring b{font-size:1.15rem;color:var(--u-text);line-height:1}.hx-ring small{font-size:.62rem;color:var(--u-muted);margin:0!important}
html[data-theme="dark"] .hx-ring{background:radial-gradient(closest-side,var(--u-surface2) 78%,transparent 80%),conic-gradient(#14a37f calc(var(--p)*1%),#2c455f 0)}
.hx-dq{display:flex;flex-direction:column;gap:8px}
.hx-dqc{border:1px solid var(--u-line);border-radius:14px;background:var(--u-surface);overflow:hidden}
.hx-dqh{display:flex!important;align-items:center;gap:12px;width:100%;text-align:left;margin:0!important;padding:11px 12px!important;border-radius:0!important;background:transparent!important;color:var(--u-text)!important;box-shadow:none!important}
.hx-dqh strong{display:block;font-size:.86rem}.hx-dqh small{display:block;font-size:.72rem;color:var(--u-muted);font-weight:600;line-height:1.35}
.hx-dqh>span:nth-child(2){flex:1;min-width:0}
.hx-dqh i{font-style:normal;color:var(--u-muted);font-size:1.3rem;flex:none}.hx-dqh i .ico{width:18px;height:18px;color:#14a37f}
.hx-dqn{flex:none;min-width:46px;padding:5px 8px;border-radius:10px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;background:#dff3ea;color:#0f6d4d}
.hx-dqc.bad .hx-dqn{background:#fde4e1;color:#a3291c}.hx-dqc.warn .hx-dqn{background:#fbf0d9;color:#8a5a00}.hx-dqc.mute .hx-dqn{background:#ececf1;color:#4b5563}
.hx-dqc.open .hx-dqh i{transform:rotate(90deg)}
.hx-dql{border-top:1px solid var(--u-line);padding:6px 10px 10px;max-height:420px;overflow:auto}
.hx-dqr{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--u-line)}
.hx-dqr:last-child{border-bottom:0}.hx-dqr>span{flex:1;min-width:0}.hx-dqr strong{display:block;font-size:.82rem;color:var(--u-text)}.hx-dqr small{display:block;font-size:.7rem;color:var(--u-muted);overflow-wrap:anywhere}
.hx-dqr .secondary{margin:0!important;padding:6px 10px!important;font-size:.74rem!important;min-height:0}
/* today */
.hx-today{margin:14px 0}
.hx-th small{display:block;font-size:.74rem;font-weight:700;color:var(--u-muted);letter-spacing:.02em}
.hx-tsum{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.hx-tlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hx-tlist li{display:flex;align-items:center;gap:8px;padding:2px 4px 2px 2px;border:1px solid var(--u-line);border-radius:12px;background:var(--u-surface2)}
.hx-tlist li>button:first-child{flex:1;min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;margin:0!important;padding:8px 10px!important;background:transparent!important;color:var(--u-text)!important;box-shadow:none!important}
.hx-tlist strong{font-size:.84rem}.hx-tlist small{font-size:.7rem;color:var(--u-muted);font-weight:600}
.hx-tlist li.more{border-style:dashed}.hx-tlist li.more button{color:var(--u-primary)!important;font-weight:700}
.hx-tlist .hx-icon{width:36px;height:36px}
.hx-tacts{margin:10px 0 2px}
.hx-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
/* storage */
.hx-store{border:1px solid var(--u-line);border-radius:16px;padding:12px;margin:10px 0 16px;background:var(--u-surface)}
.hx-store h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:.95rem;color:var(--u-text)}.hx-store h3 .ico{width:18px;height:18px;color:var(--u-primary)}
.hx-strow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--u-line)}
.hx-strow>.ico{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:var(--u-soft);color:var(--u-primary);box-sizing:border-box}
.hx-strow.warn>.ico{background:#fdf0dc;color:#b26a00}.hx-strow.ok>.ico{background:#dff3ea;color:#0f6d4d}
.hx-strow>span{flex:1;min-width:0}.hx-strow strong{display:block;font-size:.84rem;color:var(--u-text)}.hx-strow small{display:block;font-size:.72rem;color:var(--u-muted);line-height:1.4}
.hx-strow button{flex:none;margin:0!important;padding:8px 12px!important;font-size:.78rem!important}
.hx-menu{display:contents}
@media(max-width:420px){.hx-page-h{flex-direction:column}.hx-page-h .hx-primary{align-self:stretch;justify-content:center}.hx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-quick,.hx-tiles{grid-template-columns:1fr 1fr}.hx-strow{flex-wrap:wrap}.hx-strow button{margin-left:40px!important}}
@media(max-width:360px){.hx-types{grid-template-columns:1fr}.hx-grid2{grid-template-columns:1fr}}
/* fixes */
.hx-strow{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:10px;row-gap:8px}
.hx-strow>span{grid-column:2}
.hx-strow button{grid-column:2;justify-self:start;width:auto!important;max-width:100%}
@media(max-width:420px){.hx-strow button{margin-left:0!important}}
.hx-pk{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:1px}
.hx-pk b{grid-column:1}.hx-pk small{grid-column:1;flex:none}
.hx-pk button{grid-column:2;grid-row:1/span 2}
