/* IT: devices and app accounts. Builds on ui.css tokens (--u-*). */
.cw-it{display:grid;gap:20px;min-width:0}
.cw-it-sub{display:block;font-size:12px;color:var(--u-mut);font-weight:400}
span.cw-it-sub{display:inline}
.cw-it-dev .cw-it-sub,.cw-it-held__m .cw-it-sub,.cw-it-app__main .cw-it-sub,.cw-it-fs .cw-it-sub{display:block}
.cw-it-sub.is-warn{color:var(--u-am);font-weight:600}
.cw-it-hint{margin:0 0 12px;font-size:13px;color:var(--u-mut)}
.cw-it-note{margin:0;padding:12px 14px;border-radius:10px;background:var(--u-soft);color:var(--u-ink);font-size:13px;line-height:1.5}
.cw-it-note.is-warn{background:var(--u-am-bg);color:var(--u-am);font-weight:500}
.cw-it-foot{margin:12px 0 0}
.cw-it-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--u-soft);padding:2px 6px;border-radius:6px;white-space:nowrap}
@media (max-width:600px){.cw-it-code{white-space:normal;overflow-wrap:anywhere}}

/* Number cards */
.cw-it-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cw-it-stat{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--u-line);border-radius:var(--u-r);background:var(--u-card);color:var(--u-ink);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.cw-it-stat:hover{border-color:color-mix(in srgb,var(--u-a) 40%,var(--u-line));transform:translateY(-1px)}
.cw-it-stat:focus-visible{outline:2px solid var(--u-a);outline-offset:2px}
.cw-it-stat__n{font-size:28px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}
.cw-it-stat__l{font-size:13px;color:var(--u-mut)}
.cw-it-stat.is-warn .cw-it-stat__n{color:var(--u-am)}
.cw-it-stat.is-bad .cw-it-stat__n{color:var(--u-red)}

/* Filters */
.cw-it-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.cw-it-filters input,.cw-it-filters select,.cw-it-field input,.cw-it-field select,.cw-it-field textarea,.cw-it-inline input,.cw-it-inline select{box-sizing:border-box;max-width:100%;padding:9px 12px;border:1px solid var(--u-line);border-radius:10px;background:var(--u-card);color:var(--u-ink);font:inherit;font-size:14px}
.cw-it-search{flex:1 1 240px;min-width:0}
.cw-it-search input{width:100%}

/* Device cell + glyphs */
.cw-it-dev{display:flex;align-items:center;gap:10px;color:var(--u-ink);text-decoration:none;min-width:0}
.cw-it-dev strong{font-weight:600;overflow-wrap:anywhere}
.cw-it-dev:hover strong{color:var(--u-a)}
.cw-it-glyph{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:var(--u-vi-bg);color:var(--u-vi)}
.cw-it-glyph.is-phone,.cw-it-glyph.is-tablet{background:var(--u-g-bg);color:var(--u-g)}
.cw-it-glyph.is-monitor,.cw-it-glyph.is-headset{background:var(--u-am-bg);color:var(--u-am)}
.cw-it-chip .cw-it-glyph{width:26px;height:26px;margin-right:4px}
.cw-it-chip .cw-it-glyph svg{width:15px;height:15px}
.cw-it-who{display:inline-flex;align-items:center;gap:8px;min-width:0}
.cw-it-who a{overflow-wrap:anywhere}
.cw-it-table td{vertical-align:middle}

/* Device page */
.cw-it-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.cw-it-col{display:grid;gap:20px;min-width:0}
.cw-it-form{display:grid;gap:14px}
.cw-it-form > p{margin:0}
.cw-it-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.cw-it-field{display:grid;gap:6px;min-width:0}
.cw-it-field > span{font-size:13px;font-weight:600;color:var(--u-ink)}
.cw-it-field input,.cw-it-field select,.cw-it-field textarea{width:100%}
.cw-it-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--u-ink);cursor:pointer}
.cw-it-check input{width:18px;height:18px;margin:0;accent-color:var(--u-a)}
.cw-it-check--end{align-self:end;padding-bottom:10px}
.cw-it-edit{padding:0}
.cw-it-edit > summary{padding:16px 20px;font-weight:600;cursor:pointer;list-style:none}
.cw-it-edit > summary::-webkit-details-marker{display:none}
.cw-it-edit > summary::after{content:"+";float:right;color:var(--u-mut)}
.cw-it-edit[open] > summary::after{content:"\2212"}
.cw-it-side .cw-it-fields{grid-template-columns:minmax(0,1fr)}
.cw-it-del{margin-top:14px;padding-top:14px;border-top:1px solid var(--u-line)}
.cw-it-danger{color:var(--u-red)}
.cw-it-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.cw-it-ext{font-size:13px;color:var(--u-a);text-decoration:none;white-space:nowrap}
.cw-it-ext:hover{text-decoration:underline}

/* Person: held devices */
.cw-it-held{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cw-it-held__i{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--u-line);border-radius:12px}
.cw-it-held__m{flex:1;min-width:0}
.cw-it-held__m strong a{color:var(--u-ink);text-decoration:none}
.cw-it-held__m strong a:hover{color:var(--u-a)}
.cw-it-held__m .cw-it-sub{overflow-wrap:anywhere}
.cw-it-held__e{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.cw-it-pop{position:relative}
.cw-it-pop > summary{list-style:none;cursor:pointer}
.cw-it-pop > summary::-webkit-details-marker{display:none}
.cw-it-pop__body{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:min(320px,calc(100vw - 32px));padding:16px;border:1px solid var(--u-line);border-radius:12px;background:var(--u-card);box-shadow:0 12px 32px rgba(20,10,40,.16)}

/* Apps */
.cw-it-app-dot{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:6px;background:var(--u-vi-bg);color:var(--u-vi);font-size:12px;font-weight:700;vertical-align:middle;flex-shrink:0}
.cw-it-app-dot.is-lg{width:36px;height:36px;border-radius:10px;font-size:15px;margin:0}
.cw-it-appname{display:inline-flex;align-items:center}
.cw-it-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.cw-it-app{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--u-line);border-radius:12px;min-width:0;flex-wrap:wrap}
.cw-it-app__main{flex:1;min-width:0}
.cw-it-addapp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid var(--u-line)}
.cw-it-fs{border:0;margin:0 0 6px;padding:0;min-width:0}
.cw-it-fs legend{font-weight:600;font-size:14px;padding:0}
.cw-it-checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:10px}

/* Leaving */
.cw-it-leavers{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.cw-it-leaver{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid color-mix(in srgb,var(--u-red) 25%,var(--u-line));border-radius:12px;background:color-mix(in srgb,var(--u-red-bg) 40%,var(--u-card))}
.cw-it-leaver__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
.cw-it-leaver .cw-ui-btn{justify-self:start}
.cw-it-todo{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.cw-it-todo li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.cw-it-todo .cw-it-glyph{width:24px;height:24px;border-radius:7px}
.cw-it-todo .cw-it-glyph svg{width:14px;height:14px}
.cw-it-todo a{color:var(--u-ink);overflow-wrap:anywhere}
.cw-it-ok{color:var(--u-g)}

@media (max-width:900px){
	.cw-it-grid{grid-template-columns:minmax(0,1fr)}
	.cw-it-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
	.cw-it-fields,.cw-it-addapp{grid-template-columns:minmax(0,1fr)}
	.cw-it-stat{padding:14px}
	.cw-it-stat__n{font-size:24px}
	.cw-it-held__i{flex-wrap:wrap}
	.cw-it-held__e{width:100%;justify-content:flex-start;padding-left:44px}
	.cw-it-filters select,.cw-it-filters .cw-ui-btn{flex:1 1 auto}
	.cw-it-pop__body{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}
	.cw-it-inline input{flex:1 1 140px;min-width:0}
}

[data-theme="dark"] .cw-it-pop__body{box-shadow:0 12px 32px rgba(0,0,0,.5)}
[data-theme="dark"] .cw-it-stat:hover{border-color:color-mix(in srgb,var(--u-a) 55%,var(--u-line))}