.udcp{--udcp-ok:#22b866;--udcp-no:#e5484d;--udcp-mid:#e0a12b;background:var(--udcp-bg,transparent);border-radius:var(--udcp-radius,0);padding:var(--udcp-pad,0);margin:16px 0;color:inherit;font-size:14px;line-height:1.4}
.udcp .fal{color:inherit!important}
.udcp__head{display:flex;align-items:center;gap:18px}
.udcp__score{font-size:40px;font-weight:800;line-height:1;letter-spacing:-1px;min-width:88px;text-align:center}
.udcp--good .udcp__score{color:var(--udcp-ok)}
.udcp--mid .udcp__score{color:var(--udcp-mid)}
.udcp--bad .udcp__score{color:var(--udcp-no)}
.udcp__ico{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(127,135,150,.12);opacity:.7;flex:0 0 44px}
.udcp__sum{flex:1;min-width:0}
.udcp__title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-weight:700;font-size:16px}
.udcp__sub{font-size:13px;opacity:.65;margin-top:2px}
.udcp__bar{height:8px;border-radius:8px;background:var(--udcp-no);opacity:.9;overflow:hidden;margin:8px 0 6px}
.udcp__bar i{display:block;height:100%;background:var(--udcp-ok);border-radius:8px 0 0 8px}
.udcp__legend{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;font-weight:600}
.udcp__legend .is-ok{color:var(--udcp-ok)}
.udcp__legend .is-no{color:var(--udcp-no)}
.udcp__note{margin-left:auto;font-weight:500;opacity:.65}
.udcp__need{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(127,135,150,.13);white-space:nowrap}
.udcp--empty .udcp__need{margin-left:auto}
.udcp--empty .udcp__title[title],.udcp__vd--none{cursor:help}
.udcp__you{display:flex;flex-direction:column;gap:6px}
.udcp--empty .udcp__you{margin-top:14px;padding-top:12px;border-top:1px solid rgba(127,135,150,.18)}
.udcp__dev{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.udcp__dname{font-weight:700;min-width:0;margin-right:auto}
.udcp__q{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:-2px 0 6px;font-size:12.5px;color:var(--tt-2,#757b85)}
.udcp__q--done b.is-ok{color:var(--udcp-ok)}.udcp__q--done b.is-no{color:var(--udcp-no)}
.udcp__q--done .fal{color:var(--udcp-ok)}
.udcp__qb{display:inline-flex!important;align-items:center;gap:5px;height:28px;padding:0 12px!important;margin:0!important;border:1px solid rgba(127,135,150,.28)!important;border-radius:14px!important;background:transparent!important;color:inherit!important;font:inherit!important;font-weight:600!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
.udcp__qb--ok:hover,.udcp__qb--ok.is-on{border-color:var(--udcp-ok)!important;color:var(--udcp-ok)!important}
.udcp__qb--no:hover,.udcp__qb--no.is-on{border-color:var(--udcp-no)!important;color:var(--udcp-no)!important}
.udcp__qb--ok.is-on{background:var(--udcp-ok)!important;color:#fff!important}
.udcp__qb--no.is-on{background:var(--udcp-no)!important;color:#fff!important}
.udcp__qb.is-busy{opacity:.55;pointer-events:none}
.udcp__qmore{text-decoration:none!important;display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--tt-accent,var(--accent,#1dcc67))!important}
.udcp__qmsg{flex-basis:100%;color:var(--udcp-no)}
.udcp__qx{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 14px}
.udcp__qcancel{display:inline-flex!important;align-items:center;gap:5px;height:28px;padding:0 4px!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--tt-2,#757b85)!important;font:inherit!important;font-weight:600!important;cursor:pointer}
.udcp__qcancel:hover{color:var(--udcp-no)!important}
.udcp__qcancel.is-busy{opacity:.55;pointer-events:none}
@media (max-width:600px){
	.udcp__q:not(.udcp__q--done){display:grid;grid-template-columns:1fr 1fr;gap:6px}
	.udcp__q--done{display:block;line-height:1.5}
	.udcp__q--done .fal{margin-right:4px}
	.udcp__ql{grid-column:1/-1}
	.udcp__qb{justify-content:center;height:34px;padding:0 8px!important}
	.udcp__qx,.udcp__qmsg{grid-column:1/-1}
	.udcp__qx{justify-content:space-between}
}
.udcp__qn{color:var(--tt-2,#757b85);font-weight:600}
.udcp__vd{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:700;cursor:help;white-space:nowrap}
.udcp__vd small{font-size:11px;opacity:.6;font-weight:600;margin-left:2px}
.udcp__vd--ok{background:rgba(34,184,102,.14);color:var(--udcp-ok)}
.udcp__vd--no{background:rgba(229,72,77,.14);color:var(--udcp-no)}
.udcp__vd--mid{background:rgba(224,161,43,.16);color:var(--udcp-mid)}
.udcp__vd--none{background:rgba(127,135,150,.12);opacity:.75}
.udcp__and{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;cursor:help;white-space:nowrap}
.udcp__and--ok{color:var(--udcp-ok)}
.udcp__and--no{color:var(--udcp-no)}
.udcp__hint{font-size:13px;opacity:.85}
.udcp--empty .udcp__hint{margin-top:12px}
.udcp__hint a{font-weight:600;color:var(--tt-accent,#5b6cff)}
.udcp__tabs{margin-top:12px}
.udcp__tabnav{display:flex;gap:18px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;border:0;box-shadow:inset 0 -1px 0 rgba(127,135,150,.18);margin-bottom:10px}
.udcp__tabnav::-webkit-scrollbar{display:none}
.udcp__tab{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;position:relative;border:0!important;margin:0!important;background:none!important;box-shadow:none!important;color:inherit!important;font:inherit;font-size:12.5px;font-weight:600;padding:4px 0 8px;border-radius:0;cursor:pointer;opacity:.6}
.udcp__tab:hover{opacity:.9}
.udcp__tab.is-on{opacity:1;color:var(--udcp-ok)!important}
.udcp__tab.is-on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--udcp-ok)}
.udcp__pane{display:none}
.udcp__pane.is-on{display:block}
.udcp__line{font-size:13px;margin-bottom:6px}
.udcp__lk{opacity:.6}
.udcp__chips{display:flex;flex-wrap:wrap;gap:6px}
.udcp__chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:8px;font-size:12.5px;background:rgba(127,135,150,.1)}
.udcp__chip::before{content:'';width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:rgba(127,135,150,.5)}
.udcp__chip b{font-weight:700;font-size:11.5px}
.udcp__chip b.is-ok{color:var(--udcp-ok)}
.udcp__chip b.is-no{color:var(--udcp-no)}
.udcp__chip small{opacity:.6;font-size:11px}
.udcp__chip--ok::before{background:var(--udcp-ok)}
.udcp__chip--no::before{background:var(--udcp-no)}
.udcp__chip--mid::before{background:var(--udcp-mid)}
/* 1.31: карточки своих устройств */
.udcp__youhd{font-size:12.5px;font-weight:600;color:var(--tt-2,#757b85);margin:2px 0 2px}
.udcp__youhd .fal{color:var(--udcp-ok);margin-right:3px}
.udcp__esub{font-size:12.5px;color:var(--tt-2,#757b85);margin-top:3px}
.udcp__you{gap:8px}
.udcp__dcard{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:stretch;padding:8px 12px 8px 10px;border-radius:12px;background:rgba(127,135,150,.07)}
.udcp__dmain{display:flex;flex-direction:column;justify-content:space-between}
.udcp__qds{display:none}
.udcp__qand{margin-left:auto;display:inline-flex;align-items:center}
.udcp__dimg{width:44px;height:auto;min-height:50px;align-self:stretch;border-radius:11px;background:var(--bg,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--tt-2,#757b85);font-size:20px}
.udcp__dimg img{max-width:90%;max-height:92%;object-fit:contain;display:block}
.udcp__dmain{min-width:0}
.udcp__dmain .udcp__q{margin:4px 0 0}
.udcp__dmain .udcp__qb{height:24px;padding:0 9px!important;font-size:11.5px!important;gap:4px}
.udcp__dmain .udcp__qb .fal{font-size:10.5px}
/* 1.31.5: кнопки без рамки и без жирного, выбранная — мягкой подложкой, а не сплошной заливкой */
.udcp__dmain .udcp__qb{border:0!important;background:rgba(127,135,150,.11)!important;font-weight:500!important;color:var(--tt-2,#6b717b)!important}
.udcp__dmain .udcp__qb--ok:hover,.udcp__dmain .udcp__qb--ok.is-on{background:color-mix(in srgb,var(--udcp-ok) 15%,transparent)!important;color:var(--udcp-ok)!important}
.udcp__dmain .udcp__qb--no:hover,.udcp__dmain .udcp__qb--no.is-on{background:color-mix(in srgb,var(--udcp-no) 13%,transparent)!important;color:var(--udcp-no)!important}
.udcp__dmain .udcp__qb.is-on{font-weight:600!important}
.udcp__dmain .udcp__qcancel.is-confirm{width:auto!important;padding:0 10px!important;border-radius:13px!important;background:color-mix(in srgb,var(--udcp-no) 14%,transparent)!important;color:var(--udcp-no)!important;font-weight:600!important;gap:4px}
.udcp__dmain .udcp__qcancel.is-confirm .udcp__qxt{display:inline;white-space:nowrap}
.udcp__dmain .udcp__q.is-confirm .udcp__qmore{display:none}
.udcp__dmain .udcp__q--done{font-size:12.5px}
/* 1.31.3: после отметки «Отменить» и «Расскажите» — круглые иконки в строке кнопок, подписи в подсказке */
.udcp__dmain .udcp__qx{display:inline-flex;flex-wrap:nowrap;gap:6px}
.udcp__dmain .udcp__qxt{display:none}
.udcp__dmain .udcp__qcancel,.udcp__dmain .udcp__qmore{width:24px;height:24px!important;padding:0!important;justify-content:center;border-radius:50%!important;font-size:11.5px!important;gap:0}
.udcp__dmain .udcp__qcancel{background:rgba(127,135,150,.12)!important}
.udcp__dmain .udcp__qmore{background:color-mix(in srgb,var(--tt-accent,var(--accent,#1dcc67)) 14%,transparent)}
.udcp__dmain .udcp__qmore:hover{background:color-mix(in srgb,var(--tt-accent,var(--accent,#1dcc67)) 24%,transparent)}
@media(max-width:600px){
	.udcp__dcard{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:8px 10px}
	.udcp__dimg{width:42px;border-radius:10px}
	.udcp__qml{display:none}
	.udcp__dmain .udcp__q:not(.udcp__q--done){grid-template-columns:1fr 1fr auto}
	.udcp__dmain .udcp__qx{grid-column:auto;gap:6px}
	.udcp__dmain .udcp__q:not(.udcp__q--done){gap:5px}
	.udcp__dmain .udcp__qb{white-space:nowrap;padding:0 6px!important;gap:4px}
	.udcp__dmain .udcp__qcancel,.udcp__dmain .udcp__qmore{width:26px;height:26px!important;border-radius:50%!important}
	.udcp__dmain .udcp__qx{gap:5px}
	.udcp__dmain .udcp__q.is-confirm .udcp__qb:not(.is-on) span{display:none}
	.udcp__dmain .udcp__qcancel.is-confirm{padding:0 9px!important}
	.udcp__qmore{white-space:nowrap}
	.udcp__dmain .udcp__qb{height:26px}
	.udcp__dmain .udcp__q{margin-top:4px}
	.udcp__qdl{display:none}.udcp__qds{display:inline}
	.udcp__youhd,.udcp__esub{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.udcp__dmain .udcp__q--done{font-size:12px;white-space:nowrap}
	.udcp__qand{display:none}
	.udcp__head{gap:12px}
	.udcp__score{font-size:32px;min-width:0}
	.udcp__title{font-size:15px}
	.udcp--empty .udcp__head{flex-wrap:wrap}
	.udcp--empty .udcp__ico{width:40px;height:40px;flex-basis:40px;font-size:18px}
	.udcp--empty .udcp__sum{flex:1 1 calc(100% - 52px)}
	.udcp--empty .udcp__need{margin-left:52px}
	.udcp__dname{font-size:13.5px}
	.udcp__title .udcp__need,.udcp__and,.udcp__vt{display:none}
	.udcp__vd{width:24px;height:24px;padding:0;justify-content:center;border-radius:50%;font-size:13px}
	.udcp__tabnav{gap:14px;margin-right:-14px;padding-right:14px}
}
.udw{border:1px solid rgba(127,135,150,.2);border-radius:16px;padding:14px 16px;margin:10px 0;background:var(--bg,#fff);color:inherit}
.udw__head{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0;font-weight:400}
.udw__toggle{position:absolute;opacity:0;pointer-events:none}
.udw__switch{flex:0 0 44px;width:44px;height:24px;border-radius:24px;background:rgba(127,135,150,.3);position:relative;transition:background .2s}
.udw__switch::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.udw__toggle:checked + .udw__switch{background:var(--tt-accent,#5b6cff)}
.udw__toggle:checked + .udw__switch::after{transform:translateX(20px)}
.udw__title{font-size:15px;line-height:1.3}
.udw__dev{display:inline-flex;align-items:center;gap:4px;margin-left:2px;color:var(--tt-accent,#5b6cff);white-space:nowrap}
.udw__dev .fal{color:inherit!important;font-size:.9em}
.udw__dev[hidden]{display:none}
.udw__pic{height:22px;width:auto;max-width:22px;object-fit:contain;flex:0 0 auto;vertical-align:middle}
.udw__dev--sw{cursor:pointer}
.udw{position:relative}
.udw__title{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}
.udw__dev{gap:7px;padding:3px 10px 3px 6px;border-radius:9px;background:rgba(91,108,255,.07);line-height:1.2;margin-left:0}
.udw__dev--sw:hover{background:rgba(91,108,255,.13)}
.udw__q{display:none}
.udw__help{margin-left:auto;flex:0 0 auto;display:inline-flex;color:var(--accent,#1dcc67);cursor:help;transition:transform .25s}
.udw__help:hover{transform:rotate(-12deg) scale(1.08)}
.udw__help svg{display:block}
.udw__swi{font-size:.75em!important;opacity:.7;margin-left:2px}
.udw__body{display:none;margin-top:14px;padding-top:14px;border-top:1px solid rgba(127,135,150,.18)}
.udw.is-on .udw__body{display:block}
.udw__seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:14px;background:rgba(127,135,150,.14)}
.udw__opt{min-width:0;border:0;border-radius:11px;padding:10px 6px;font:inherit;font-weight:600;cursor:pointer;background:transparent;color:inherit;opacity:.75;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.udw__opt.is-on{opacity:1;color:#fff}
.udw__opt--ok.is-on{background:linear-gradient(135deg,#22c06a,#17a65a)}
.udw__opt--no.is-on{background:linear-gradient(135deg,#ef5350,#d93636)}
.udw__opt--none.is-on{background:#8a93a6}
.udw--empty{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px}
.udw--empty > .fal{font-size:18px;opacity:.55}
.udw--empty span{opacity:.85}
.udw--empty a{font-weight:600;color:var(--tt-accent,#5b6cff)}
.udw__etitle{font-weight:700;font-size:14px;margin-bottom:10px}
.udw__edev{font-size:12px;opacity:.7;margin-top:8px}
.udw--edit .udw__opt{padding:8px 6px;font-size:13px}
@media (max-width:600px){
	.udw{padding:12px}
	.udw__body{margin-top:12px;padding-top:12px}
	.udw__head{flex-wrap:wrap;row-gap:10px}
	.udw__title{display:contents}
	.udw__tt{font-weight:700;font-size:15px}
	.udw__dev{flex:1 1 100%;margin-left:0;font-weight:700;font-size:15px;justify-content:flex-start;gap:8px;border-bottom:0!important;padding:9px 12px;border-radius:10px;background:rgba(91,108,255,.07)}
	.udw__dev--sw .udw__swi{font-size:.9em!important;margin-left:auto}
	.udw__pic{height:30px;max-width:30px}
	.udw__help{position:absolute;top:12px;right:12px;margin:0}
	.udw--edit .udw__opt{padding:9px 4px;font-size:13px;gap:4px}
	.udw--empty{font-size:12.5px;align-items:flex-start}
}
.udw-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.udw-badge--ok{background:rgba(34,192,106,.14);color:#16a34a}
.udw-badge--no{background:rgba(239,83,80,.14);color:#e03131}
.udw-badge--none{background:rgba(127,135,150,.12);color:inherit;opacity:.55;font-weight:600}
.udw-badge .fal{color:inherit!important}
.udt-host{position:relative;cursor:help;outline:none}
.udt{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:50;width:min(340px,calc(100vw - 32px));padding:14px 16px;border-radius:14px;background:#fff;color:#222;box-shadow:0 12px 32px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.06);font-size:13px;line-height:1.4;text-align:left;cursor:default}
.udt::after{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.udt::before{content:'';position:absolute;top:-6px;left:24px;width:12px;height:12px;background:inherit;border-left:1px solid rgba(0,0,0,.06);border-top:1px solid rgba(0,0,0,.06);transform:rotate(45deg)}
.udt-host.is-up .udt{top:auto;bottom:calc(100% + 8px)}
.udt-host.is-up .udt::after{top:auto;bottom:-12px}
.udt-host.is-up .udt::before{top:auto;bottom:-6px;border-left:0;border-top:0;border-right:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
/* подсказка на плашке («Работает», версия) — карточку устройства в этот момент не показываем, чтобы не перекрывали друг друга */
.udt-host:has([data-tur-tip]:hover) .udt{display:none!important}
@keyframes udtIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.udt-host.is-open .udt,.udt-host:focus-visible .udt{display:block;animation:udtIn .15s ease both}
/* скрытая карточка — display:none, иначе у последнего комментария она «висит» под футером и удлиняет страницу */
@media (hover:hover){.udt-host:hover .udt{display:block;animation:udtIn .18s ease .45s both}}
/* 1.32.4: в комментарии карточка устройства — вся строка; подсказку показываем только при наведении на картинку или название,
   и открываем вверх — раньше она выпадала вниз прямо на кнопку «Ответить» и не закрывалась, пока мышь над ней */
.udc.udt-host{cursor:default}
.udc.udt-host .udc__img,.udc.udt-host .udc__top{cursor:help}
@media (hover:hover){.udc.udt-host:hover .udt{display:none}.udc.udt-host:has(.udc__img:hover,.udc__top:hover,.udt:hover) .udt{display:block;animation:udtIn .18s ease .3s both}}
.udt__foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}
.udt__edit{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--udevice-accent,#20c167)!important;text-decoration:none!important}
.udt__edit:hover{text-decoration:underline!important}
.udt__title{font-weight:700;font-size:14px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}
.udt__row{margin-top:8px}
.udt__k{font-size:11px;font-weight:600;color:#8a93a6;text-transform:none}
.udt__v{margin-top:1px}
@media (prefers-color-scheme:dark){.udt{background:#24262d;color:#e8e8ea;border-color:rgba(255,255,255,.08)}.udt::before{border-color:rgba(255,255,255,.08)}.udt__title,.udt__foot{border-color:rgba(255,255,255,.08)}}
.udc-nd{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:7px 12px;border-radius:12px;background:var(--udc-foot-bg,rgba(127,135,150,.08));font-size:12px;margin:6px 0;max-width:100%}
.udc-nd .fal{color:inherit!important}
.udc-nd__txt{display:inline-flex;align-items:center;gap:6px;opacity:.65;white-space:nowrap}
.udc-nd__dash{flex:1;min-width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,#22c06a,#3b82f6);-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 9px);mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 9px)}
.udc-nd__ver{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-weight:600;white-space:nowrap;background:rgba(59,130,246,.12);color:#3b82f6}
.udc-nd__ver--old{background:rgba(127,135,150,.14);color:inherit;opacity:.65}
.udc-nd__cta{display:inline-flex;align-items:center;gap:5px;font-weight:600;white-space:nowrap;color:var(--tt-accent,#5b6cff)!important;text-decoration:none!important;cursor:pointer}
.udc-nd__ico{display:inline-flex;align-items:center;gap:3px}
.udc-nd .fal.udc-nd__plus,.udc-nd__plus{color:#22c06a!important}
.udc-nd__cta:hover{text-decoration:underline!important}
.udc-nd__sep{width:1px;height:14px;background:rgba(127,135,150,.3)}
@media(max-width:600px){.udc-nd{font-size:11.5px;flex-wrap:nowrap}.udc-nd__txt{flex-shrink:0}.udc-nd__ctxt{display:none}.udc-nd__cta{flex:0 0 auto;font-size:16px;padding:0 2px}.udc-nd__sep{display:none}}
.udc{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:'img top label' 'img chips ver';row-gap:4px;column-gap:12px;align-items:center;padding:6px 10px;margin:8px 0;border-radius:6px;background:var(--urank);max-width:100%;box-sizing:border-box}
.udc__img{grid-area:img;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.udc__top{grid-area:top;min-width:0}
.udc__chips{grid-area:chips;min-width:0}
.udc__label{grid-area:label;justify-self:end;align-self:start}
.udc__label:empty{display:none}
.udc__ver{grid-area:ver;justify-self:end;align-self:end;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;background:rgba(91,108,255,.12);background:color-mix(in srgb,var(--tt-accent,#5b6cff) 14%,transparent);color:var(--tt-accent,#5b6cff)}
.udc__ver .fal{color:inherit!important}
.udc__ver--muted{background:rgba(127,135,150,.12);color:inherit;opacity:.6;font-weight:600}
.udc__foot:has(.udw-badge--none) .udc__fver{opacity:.6}
.udc__foot:has(.udw-badge--none) .udc__fver b,.udc__foot:has(.udw-badge--none) .udc__fver .fal{color:inherit!important}
.udc__foot{grid-area:foot;display:none;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--udc-foot-bg,rgba(127,135,150,.1));font-size:11px;min-width:0}
.udc__fver{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;opacity:.8}
.udc__fver b{font-weight:600;color:var(--tt-accent,#5b6cff)}
.udc__fver .fal{color:var(--tt-accent,#5b6cff)!important}
.udc__dash{flex:1;height:2px;min-width:16px;border-radius:2px;background:linear-gradient(90deg,rgba(127,135,150,.5),rgba(127,135,150,.5));-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 9px);mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 9px)}
.udc__foot:has(.udw-badge--ok) .udc__dash{background:linear-gradient(90deg,#ef5350,#22c06a)}
.udc__foot:has(.udw-badge--no) .udc__dash{background:linear-gradient(90deg,#22c06a,#ef5350)}
.udc__foot:not(:has(.udw-badge)) .udc__dash{display:none}
.udc__foot .udc__label{margin-left:auto}
.udc__foot .udw-badge{font-size:11px;font-weight:600;padding:2px 9px}
.udc-mini{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.udc__img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.udc__img--ic,.udc__img .fal{font-size:28px;color:var(--udevice-accent,#20c167)}
.udc__top{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.udc__name{font-weight:700;font-size:14px;line-height:1.3}
.udc__droid{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:20px;font-size:12px;background:rgba(69,170,242,.12);color:inherit;opacity:.9}
.udc__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.udc__chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:7px;font-size:12px;background:rgba(127,135,150,.12);opacity:.9;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.udc .fal{color:var(--udevice-accent,#20c167)}
@media(max-width:600px){.udc__dw{display:none}.udc{grid-template-columns:36px minmax(0,1fr);grid-template-areas:'top top' 'img chips' 'foot foot';column-gap:10px;row-gap:6px;padding:6px 8px}.udc__top{margin-bottom:0}.udc > .udc__label,.udc > .udc__ver{display:none}.udc__foot{display:flex}.udc__img{width:36px;height:36px}.udc__chips{margin-top:0}.udc__chip{font-size:11px}}