/* Dr. CAM UI — Arabic-first tokens. Logical properties only; physical values appear only inside :dir() overrides. */
:root{
--navy:#0E2146;--navy-2:#1B3463;--accent:#1565C0;--accent-soft:#EAF2FB;--brand-blue:#1E88E5;--brand-orange:#F7931E;
--bg:#FFFFFF;--surface-1:#F7F8FA;--surface-2:#EEF1F5;
--text-1:#111827;--text-2:#4B5563;--text-3:#6B7280;
--border:rgb(17 24 39 / .09);--border-strong:rgb(17 24 39 / .16);
--success:#15803D;--success-bg:#EAF7EF;--warning:#B45309;--warning-bg:#FFF4E5;--danger:#B91C1C;--danger-bg:#FDEEEE;--info:#1D4ED8;--info-bg:#EEF3FE;
--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-full:9999px;
--shadow-md:0 4px 12px rgb(14 33 70 / .08),0 1px 2px rgb(14 33 70 / .04);
--shadow-lg:0 8px 24px rgb(14 33 70 / .12),0 2px 6px rgb(14 33 70 / .06);
--font:"IBM Plex Sans Arabic","IBM Plex Sans","Noto Sans Arabic",Tahoma,sans-serif;
--dir:1}
:root:dir(rtl){--dir:-1}
*{box-sizing:border-box}
.ui{font-family:var(--font);color:var(--text-1);font-size:16px;line-height:1.75;text-align:start;-webkit-font-smoothing:antialiased}
:lang(ar){letter-spacing:0!important;text-transform:none;font-style:normal;font-synthesis:none;hyphens:manual;word-break:normal;overflow-wrap:break-word;text-underline-offset:.2em}
.ui h1,.ui h2,.ui h3,.ui h4,.ui p{margin:0}
.ui h1{font-size:22px;line-height:32px;font-weight:700}
.ui h2{font-size:18px;line-height:28px;font-weight:600}
.ui h3{font-size:16px;line-height:24px;font-weight:600}
.t-display{font-size:28px;line-height:40px;font-weight:700}
.t-body{font-size:16px;line-height:28px}
.t-sm{font-size:15px;line-height:24px}
.t-cap{font-size:13px;line-height:20px}
.t-2{color:var(--text-2)}.t-3{color:var(--text-3)}
.w5{font-weight:500}.w6{font-weight:600}
.tnum{font-variant-numeric:tabular-nums}
.ltr{direction:ltr;unicode-bidi:isolate}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.flip:dir(rtl){transform:scaleX(-1)}
/* layout helpers */
.row{display:flex;align-items:center;gap:12px}
.col{display:flex;flex-direction:column;gap:8px}
.grow{flex:1;min-inline-size:0}
.sb{justify-content:space-between}
/* phone screen */
.scr{inline-size:390px;block-size:844px;background:var(--surface-1);display:flex;flex-direction:column;position:relative;overflow:hidden}
.bar{display:flex;align-items:center;gap:8px;min-block-size:64px;padding-block:10px;padding-inline:12px 16px;background:var(--bg);border-block-end:1px solid var(--border)}
.bar h1{font-size:18px;line-height:28px;font-weight:600;flex:1;min-inline-size:0}
.page{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:16px}
.ib{inline-size:44px;block-size:44px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-1);background:transparent;border:0;text-decoration:none;flex:none;position:relative;cursor:pointer;transition:background-color 150ms}
.ib:hover{background:var(--surface-2)}
.dotbadge{position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:8px;block-size:8px;border-radius:var(--r-full);background:var(--danger);box-shadow:0 0 0 2px #fff}
/* surfaces */
.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}
.pad{padding:16px}
.list{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.li{display:flex;align-items:center;gap:12px;min-block-size:56px;padding-block:12px;padding-inline:16px;text-decoration:none;color:inherit;transition:background-color 150ms}
a.li:hover{background:var(--surface-1)}
.li+.li{border-block-start:1px solid var(--border)}
.navy{background:var(--navy);color:#fff}
.media{border-radius:var(--r-lg);object-fit:cover;display:block}
.thumb{border-radius:var(--r-sm);object-fit:cover;display:block}
/* icons */
.ti{display:inline-block;inline-size:22px;block-size:22px;background-position:center;background-size:contain;background-repeat:no-repeat;flex:none}
.ti.s{inline-size:18px;block-size:18px}.ti.l{inline-size:28px;block-size:28px}
.mi{display:inline-block;inline-size:20px;block-size:20px;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex:none}
.mi.s{inline-size:16px;block-size:16px}.mi.l{inline-size:24px;block-size:24px}
.disc{inline-size:52px;block-size:52px;border-radius:var(--r-full);background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;flex:none}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding-block:8px;padding-inline:20px;border-radius:var(--r-sm);font:600 16px/1.5 var(--font);border:1px solid transparent;text-decoration:none;cursor:pointer;text-align:center;transition:background-color 150ms,border-color 150ms}
.btn.sm{min-block-size:40px;padding-inline:14px;font-size:15px}
.btn.full{inline-size:100%}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-2)}
.btn-danger{background:var(--danger);color:#fff}
.btn-secondary{background:var(--bg);color:var(--text-1);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-1)}
.btn-quiet{background:var(--accent-soft);color:var(--accent)}
.btn-text{background:transparent;color:var(--accent);padding-inline:8px}
.link{color:var(--accent);font-weight:500;text-decoration:none}
.link:hover{text-decoration:underline}
/* status */
.st{display:inline-flex;align-items:center;gap:6px;min-block-size:26px;padding-inline:10px;border-radius:var(--r-full);font-size:13px;line-height:20px;font-weight:500;white-space:nowrap}
.st-new{background:var(--info-bg);color:var(--info)}
.st-warn{background:var(--warning-bg);color:var(--warning)}
.st-ok{background:var(--success-bg);color:var(--success)}
.st-bad{background:var(--danger-bg);color:var(--danger)}
.st-mute{background:var(--surface-2);color:var(--text-2)}
.tag{display:inline-flex;align-items:center;min-block-size:26px;padding-inline:8px;border-radius:var(--r-xs);font-size:13px;line-height:20px;background:var(--surface-2);color:var(--text-2)}
/* forms */
.field{display:flex;flex-direction:column;gap:6px}
.field>label,.lbl{font-size:15px;line-height:24px;font-weight:500}
.hint{font-size:13px;line-height:20px;color:var(--text-3)}
.input{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:48px;padding-block:8px;padding-inline:14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);font:400 16px/1.6 var(--font);color:var(--text-1)}
.input input,.input span.v{border:0;outline:0;background:transparent;font:inherit;color:inherit;flex:1;min-inline-size:0}
textarea.input{resize:none}
.input.focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(21 101 192 / .15)}
.seg{display:flex;background:var(--surface-2);border-radius:var(--r-sm);padding:4px;gap:4px}
.seg>a,.seg>span{flex:1;min-block-size:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:var(--text-2);text-decoration:none;text-align:center}
.seg .on{background:var(--bg);color:var(--text-1);box-shadow:0 1px 2px rgb(0 0 0 / .08)}
.cb{inline-size:22px;block-size:22px;border-radius:var(--r-xs);border:1.5px solid var(--border-strong);flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--bg)}
.cb.on{background:var(--accent);border-color:var(--accent);color:#fff}
.sw{inline-size:44px;block-size:26px;border-radius:var(--r-full);background:var(--border-strong);position:relative;flex:none}
.sw::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:20px;block-size:20px;border-radius:var(--r-full);background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .2)}
.sw.on{background:var(--accent)}
.sw.on::after{inset-inline-start:auto;inset-inline-end:3px}
/* progress + steps */
.prog{block-size:6px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden;display:flex}
.prog>i{display:block;background:var(--accent);border-radius:var(--r-full)}
.steps{display:flex;flex-direction:column}
.stp{display:flex;gap:12px;position:relative;padding-block-end:16px}
.stp:last-child{padding-block-end:0}
.stp::before{content:"";position:absolute;inset-inline-start:11px;inset-block-start:26px;inset-block-end:2px;inline-size:2px;background:var(--border)}
.stp:last-child::before{display:none}
.stp .k{inline-size:24px;block-size:24px;border-radius:var(--r-full);flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg);border:1.5px solid var(--border-strong);color:var(--text-3);position:relative;z-index:1}
.stp.done .k{background:var(--navy);border-color:var(--navy);color:#fff}
.stp.done::before{background:var(--navy)}
.stp.now .k{background:var(--bg);border:2px solid var(--accent);color:var(--accent)}
/* tab bar */
.tabbar{display:flex;background:var(--bg);border-block-start:1px solid var(--border);padding-block:6px 14px;padding-inline:4px;flex:none}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-block-size:52px;font-size:12px;line-height:18px;font-weight:500;color:var(--text-3);text-decoration:none}
.tab.on{color:var(--navy);font-weight:600}
.fab{position:absolute;inset-inline-end:16px;inset-block-end:92px;min-block-size:52px;padding-inline:16px 18px;border-radius:var(--r-full);background:var(--navy);color:#fff;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;text-decoration:none;box-shadow:var(--shadow-md)}
/* dashboard */
.dash{display:flex;flex-wrap:wrap;min-block-size:100%;background:var(--surface-1)}
.side{flex:1 1 232px;max-inline-size:248px;background:var(--navy);color:#C7D2E3;padding-block:18px;padding-inline:12px;display:flex;flex-direction:column;gap:2px}
.side .grp{font-size:13px;line-height:20px;color:#93A5C1;padding-block:14px 4px;padding-inline:12px}
.nav{display:flex;align-items:center;gap:10px;min-block-size:40px;padding-inline:12px;border-radius:var(--r-sm);color:#D5DEEB;text-decoration:none;font-size:15px;line-height:24px}
.nav:hover{background:rgb(255 255 255 / .06)}
.nav.on{background:rgb(255 255 255 / .10);color:#fff;font-weight:600}
.nav .cnt{margin-inline-start:auto;font-size:12px;line-height:18px;background:rgb(255 255 255 / .14);color:#fff;border-radius:var(--r-full);padding-inline:8px}
.main{flex:999 1 560px;min-inline-size:0;display:flex;flex-direction:column}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block:12px;padding-inline:28px;background:var(--bg);border-block-end:1px solid var(--border)}
.search{display:flex;align-items:center;gap:8px;min-block-size:42px;border-radius:var(--r-sm);background:var(--surface-1);border:1px solid var(--border);padding-inline:12px;color:var(--text-3);font-size:15px;flex:1 1 220px;max-inline-size:420px}
.content{padding-block:24px 48px;padding-inline:28px;display:flex;flex-direction:column;gap:24px}
.ph{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;justify-content:space-between}
.ph h1{font-size:26px;line-height:36px}
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}
.strip>div{padding:14px 18px;display:flex;flex-direction:column;gap:2px;border-inline-start:1px solid var(--border)}
.strip>div:first-child{border-inline-start:0}
.strip .v{font-size:26px;line-height:36px;font-weight:600;font-variant-numeric:tabular-nums}
.strip .k{font-size:14px;line-height:22px;color:var(--text-2)}
.tw{overflow-x:auto}
.tbl{inline-size:100%;border-collapse:collapse;font-size:15px;line-height:24px;min-inline-size:760px}
.tbl th{text-align:start;font-weight:500;color:var(--text-2);font-size:14px;padding-block:10px;padding-inline:16px;border-block-end:1px solid var(--border);white-space:nowrap;background:var(--surface-1)}
.tbl td{padding-block:12px;padding-inline:16px;border-block-end:1px solid var(--border);vertical-align:middle;white-space:nowrap}
.tbl tr:last-child td{border-block-end:0}
.tbl td.n,.tbl th.n{text-align:end;font-variant-numeric:tabular-nums}
.av{inline-size:36px;block-size:36px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-1);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex:none}
.tabs{display:flex;gap:4px;border-block-end:1px solid var(--border);flex-wrap:wrap}
.tabs>a,.tabs>span{padding-block:10px;padding-inline:14px;font-size:15px;font-weight:500;color:var(--text-2);text-decoration:none;border-block-end:2px solid transparent;margin-block-end:-1px}
.tabs .on{color:var(--text-1);border-color:var(--navy);font-weight:600}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;padding-inline:16px;border-block-end:1px solid var(--border)}
.chart{direction:ltr;display:flex;align-items:flex-end;gap:5px;block-size:170px}
.chart i{flex:1;display:block;background:var(--brand-blue);border-radius:3px 3px 0 0}
.chart i.b{background:var(--navy)}
.kcol{background:var(--surface-2);border-radius:var(--r-md);padding:10px;display:flex;flex-direction:column;gap:8px;min-inline-size:240px;flex:1}
.kc{background:var(--bg);border-radius:var(--r-sm);border:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:24px;text-decoration:none;color:inherit}
.kc.emg{border-color:#F1B4B4;background:#FFF8F8}
.t-alert{background-image:url(/assets/icons/alert.svg)}.m-alert{-webkit-mask-image:url(/assets/icons/alert.svg);mask-image:url(/assets/icons/alert.svg)}
.t-barrier{background-image:url(/assets/icons/barrier.svg)}.m-barrier{-webkit-mask-image:url(/assets/icons/barrier.svg);mask-image:url(/assets/icons/barrier.svg)}
.t-bell{background-image:url(/assets/icons/bell.svg)}.m-bell{-webkit-mask-image:url(/assets/icons/bell.svg);mask-image:url(/assets/icons/bell.svg)}
.t-bolt{background-image:url(/assets/icons/bolt.svg)}.m-bolt{-webkit-mask-image:url(/assets/icons/bolt.svg);mask-image:url(/assets/icons/bolt.svg)}
.t-bot{background-image:url(/assets/icons/bot.svg)}.m-bot{-webkit-mask-image:url(/assets/icons/bot.svg);mask-image:url(/assets/icons/bot.svg)}
.t-box{background-image:url(/assets/icons/box.svg)}.m-box{-webkit-mask-image:url(/assets/icons/box.svg);mask-image:url(/assets/icons/box.svg)}
.t-building{background-image:url(/assets/icons/building.svg)}.m-building{-webkit-mask-image:url(/assets/icons/building.svg);mask-image:url(/assets/icons/building.svg)}
.t-calendar{background-image:url(/assets/icons/calendar.svg)}.m-calendar{-webkit-mask-image:url(/assets/icons/calendar.svg);mask-image:url(/assets/icons/calendar.svg)}
.t-cash{background-image:url(/assets/icons/cash.svg)}.m-cash{-webkit-mask-image:url(/assets/icons/cash.svg);mask-image:url(/assets/icons/cash.svg)}
.t-cctv{background-image:url(/assets/icons/cctv.svg)}.m-cctv{-webkit-mask-image:url(/assets/icons/cctv.svg);mask-image:url(/assets/icons/cctv.svg)}
.t-chart{background-image:url(/assets/icons/chart.svg)}.m-chart{-webkit-mask-image:url(/assets/icons/chart.svg);mask-image:url(/assets/icons/chart.svg)}
.t-chat{background-image:url(/assets/icons/chat.svg)}.m-chat{-webkit-mask-image:url(/assets/icons/chat.svg);mask-image:url(/assets/icons/chat.svg)}
.t-check{background-image:url(/assets/icons/check.svg)}.m-check{-webkit-mask-image:url(/assets/icons/check.svg);mask-image:url(/assets/icons/check.svg)}
.t-chevd{background-image:url(/assets/icons/chevd.svg)}.m-chevd{-webkit-mask-image:url(/assets/icons/chevd.svg);mask-image:url(/assets/icons/chevd.svg)}
.t-chevl{background-image:url(/assets/icons/chevl.svg)}.m-chevl{-webkit-mask-image:url(/assets/icons/chevl.svg);mask-image:url(/assets/icons/chevl.svg)}
.t-chevr{background-image:url(/assets/icons/chevr.svg)}.m-chevr{-webkit-mask-image:url(/assets/icons/chevr.svg);mask-image:url(/assets/icons/chevr.svg)}
.t-clip{background-image:url(/assets/icons/clip.svg)}.m-clip{-webkit-mask-image:url(/assets/icons/clip.svg);mask-image:url(/assets/icons/clip.svg)}
.t-clipboard{background-image:url(/assets/icons/clipboard.svg)}.m-clipboard{-webkit-mask-image:url(/assets/icons/clipboard.svg);mask-image:url(/assets/icons/clipboard.svg)}
.t-clock{background-image:url(/assets/icons/clock.svg)}.m-clock{-webkit-mask-image:url(/assets/icons/clock.svg);mask-image:url(/assets/icons/clock.svg)}
.t-doc{background-image:url(/assets/icons/doc.svg)}.m-doc{-webkit-mask-image:url(/assets/icons/doc.svg);mask-image:url(/assets/icons/doc.svg)}
.t-download{background-image:url(/assets/icons/download.svg)}.m-download{-webkit-mask-image:url(/assets/icons/download.svg);mask-image:url(/assets/icons/download.svg)}
.t-eye{background-image:url(/assets/icons/eye.svg)}.m-eye{-webkit-mask-image:url(/assets/icons/eye.svg);mask-image:url(/assets/icons/eye.svg)}
.t-filter{background-image:url(/assets/icons/filter.svg)}.m-filter{-webkit-mask-image:url(/assets/icons/filter.svg);mask-image:url(/assets/icons/filter.svg)}
.t-finger{background-image:url(/assets/icons/finger.svg)}.m-finger{-webkit-mask-image:url(/assets/icons/finger.svg);mask-image:url(/assets/icons/finger.svg)}
.t-gate{background-image:url(/assets/icons/gate.svg)}.m-gate{-webkit-mask-image:url(/assets/icons/gate.svg);mask-image:url(/assets/icons/gate.svg)}
.t-gear{background-image:url(/assets/icons/gear.svg)}.m-gear{-webkit-mask-image:url(/assets/icons/gear.svg);mask-image:url(/assets/icons/gear.svg)}
.t-globe{background-image:url(/assets/icons/globe.svg)}.m-globe{-webkit-mask-image:url(/assets/icons/globe.svg);mask-image:url(/assets/icons/globe.svg)}
.t-grid{background-image:url(/assets/icons/grid.svg)}.m-grid{-webkit-mask-image:url(/assets/icons/grid.svg);mask-image:url(/assets/icons/grid.svg)}
.t-hdd{background-image:url(/assets/icons/hdd.svg)}.m-hdd{-webkit-mask-image:url(/assets/icons/hdd.svg);mask-image:url(/assets/icons/hdd.svg)}
.t-history{background-image:url(/assets/icons/history.svg)}.m-history{-webkit-mask-image:url(/assets/icons/history.svg);mask-image:url(/assets/icons/history.svg)}
.t-home{background-image:url(/assets/icons/home.svg)}.m-home{-webkit-mask-image:url(/assets/icons/home.svg);mask-image:url(/assets/icons/home.svg)}
.t-kanban{background-image:url(/assets/icons/kanban.svg)}.m-kanban{-webkit-mask-image:url(/assets/icons/kanban.svg);mask-image:url(/assets/icons/kanban.svg)}
.t-key{background-image:url(/assets/icons/key.svg)}.m-key{-webkit-mask-image:url(/assets/icons/key.svg);mask-image:url(/assets/icons/key.svg)}
.t-list{background-image:url(/assets/icons/list.svg)}.m-list{-webkit-mask-image:url(/assets/icons/list.svg);mask-image:url(/assets/icons/list.svg)}
.t-lock{background-image:url(/assets/icons/lock.svg)}.m-lock{-webkit-mask-image:url(/assets/icons/lock.svg);mask-image:url(/assets/icons/lock.svg)}
.t-logout{background-image:url(/assets/icons/logout.svg)}.m-logout{-webkit-mask-image:url(/assets/icons/logout.svg);mask-image:url(/assets/icons/logout.svg)}
.t-map{background-image:url(/assets/icons/map.svg)}.m-map{-webkit-mask-image:url(/assets/icons/map.svg);mask-image:url(/assets/icons/map.svg)}
.t-megaphone{background-image:url(/assets/icons/megaphone.svg)}.m-megaphone{-webkit-mask-image:url(/assets/icons/megaphone.svg);mask-image:url(/assets/icons/megaphone.svg)}
.t-menu{background-image:url(/assets/icons/menu.svg)}.m-menu{-webkit-mask-image:url(/assets/icons/menu.svg);mask-image:url(/assets/icons/menu.svg)}
.t-monitor{background-image:url(/assets/icons/monitor.svg)}.m-monitor{-webkit-mask-image:url(/assets/icons/monitor.svg);mask-image:url(/assets/icons/monitor.svg)}
.t-more{background-image:url(/assets/icons/more.svg)}.m-more{-webkit-mask-image:url(/assets/icons/more.svg);mask-image:url(/assets/icons/more.svg)}
.t-pen{background-image:url(/assets/icons/pen.svg)}.m-pen{-webkit-mask-image:url(/assets/icons/pen.svg);mask-image:url(/assets/icons/pen.svg)}
.t-phone{background-image:url(/assets/icons/phone.svg)}.m-phone{-webkit-mask-image:url(/assets/icons/phone.svg);mask-image:url(/assets/icons/phone.svg)}
.t-photo{background-image:url(/assets/icons/photo.svg)}.m-photo{-webkit-mask-image:url(/assets/icons/photo.svg);mask-image:url(/assets/icons/photo.svg)}
.t-pin{background-image:url(/assets/icons/pin.svg)}.m-pin{-webkit-mask-image:url(/assets/icons/pin.svg);mask-image:url(/assets/icons/pin.svg)}
.t-plus{background-image:url(/assets/icons/plus.svg)}.m-plus{-webkit-mask-image:url(/assets/icons/plus.svg);mask-image:url(/assets/icons/plus.svg)}
.t-printer{background-image:url(/assets/icons/printer.svg)}.m-printer{-webkit-mask-image:url(/assets/icons/printer.svg);mask-image:url(/assets/icons/printer.svg)}
.t-receipt{background-image:url(/assets/icons/receipt.svg)}.m-receipt{-webkit-mask-image:url(/assets/icons/receipt.svg);mask-image:url(/assets/icons/receipt.svg)}
.t-refresh{background-image:url(/assets/icons/refresh.svg)}.m-refresh{-webkit-mask-image:url(/assets/icons/refresh.svg);mask-image:url(/assets/icons/refresh.svg)}
.t-scan{background-image:url(/assets/icons/scan.svg)}.m-scan{-webkit-mask-image:url(/assets/icons/scan.svg);mask-image:url(/assets/icons/scan.svg)}
.t-search{background-image:url(/assets/icons/search.svg)}.m-search{-webkit-mask-image:url(/assets/icons/search.svg);mask-image:url(/assets/icons/search.svg)}
.t-send{background-image:url(/assets/icons/send.svg)}.m-send{-webkit-mask-image:url(/assets/icons/send.svg);mask-image:url(/assets/icons/send.svg)}
.t-server{background-image:url(/assets/icons/server.svg)}.m-server{-webkit-mask-image:url(/assets/icons/server.svg);mask-image:url(/assets/icons/server.svg)}
.t-shield{background-image:url(/assets/icons/shield.svg)}.m-shield{-webkit-mask-image:url(/assets/icons/shield.svg);mask-image:url(/assets/icons/shield.svg)}
.t-siren{background-image:url(/assets/icons/siren.svg)}.m-siren{-webkit-mask-image:url(/assets/icons/siren.svg);mask-image:url(/assets/icons/siren.svg)}
.t-solar{background-image:url(/assets/icons/solar.svg)}.m-solar{-webkit-mask-image:url(/assets/icons/solar.svg);mask-image:url(/assets/icons/solar.svg)}
.t-star{background-image:url(/assets/icons/star.svg)}.m-star{-webkit-mask-image:url(/assets/icons/star.svg);mask-image:url(/assets/icons/star.svg)}
.t-sun{background-image:url(/assets/icons/sun.svg)}.m-sun{-webkit-mask-image:url(/assets/icons/sun.svg);mask-image:url(/assets/icons/sun.svg)}
.t-tag{background-image:url(/assets/icons/tag.svg)}.m-tag{-webkit-mask-image:url(/assets/icons/tag.svg);mask-image:url(/assets/icons/tag.svg)}
.t-thermo{background-image:url(/assets/icons/thermo.svg)}.m-thermo{-webkit-mask-image:url(/assets/icons/thermo.svg);mask-image:url(/assets/icons/thermo.svg)}
.t-trash{background-image:url(/assets/icons/trash.svg)}.m-trash{-webkit-mask-image:url(/assets/icons/trash.svg);mask-image:url(/assets/icons/trash.svg)}
.t-truck{background-image:url(/assets/icons/truck.svg)}.m-truck{-webkit-mask-image:url(/assets/icons/truck.svg);mask-image:url(/assets/icons/truck.svg)}
.t-upload{background-image:url(/assets/icons/upload.svg)}.m-upload{-webkit-mask-image:url(/assets/icons/upload.svg);mask-image:url(/assets/icons/upload.svg)}
.t-user{background-image:url(/assets/icons/user.svg)}.m-user{-webkit-mask-image:url(/assets/icons/user.svg);mask-image:url(/assets/icons/user.svg)}
.t-users{background-image:url(/assets/icons/users.svg)}.m-users{-webkit-mask-image:url(/assets/icons/users.svg);mask-image:url(/assets/icons/users.svg)}
.t-wifi{background-image:url(/assets/icons/wifi.svg)}.m-wifi{-webkit-mask-image:url(/assets/icons/wifi.svg);mask-image:url(/assets/icons/wifi.svg)}
.t-wrench{background-image:url(/assets/icons/wrench.svg)}.m-wrench{-webkit-mask-image:url(/assets/icons/wrench.svg);mask-image:url(/assets/icons/wrench.svg)}
.t-x{background-image:url(/assets/icons/x.svg)}.m-x{-webkit-mask-image:url(/assets/icons/x.svg);mask-image:url(/assets/icons/x.svg)}