/* Teamtuli Computers / admin polish. Real application styles, not a mockup.
   Scoped to the existing technician workspace. No functional data or handlers change. */
:root{
  --tt-polish-ink:#091d40;
  --tt-polish-sidebar:#0d2148;
  --tt-polish-teal:#00b5a6;
  --tt-polish-indigo:#28229c;
  --tt-polish-border:#dce6f1;
  --tt-polish-muted:#637790;
}
/* Brand: an actual transparent supplied-logo asset, no white background panel. */
.ttu-admin .sidebar{
  background:linear-gradient(168deg,#122d5b 0%,#0d2247 52%,#081a37 100%)!important;
  border:1px solid #1d3965!important;
  box-shadow:5px 15px 40px rgba(10,26,58,.13)!important;
}
.ttu-admin .sidebar-brand{
  display:flex!important;align-items:center!important;justify-content:center!important;
  height:88px!important;min-height:88px!important;
  padding:12px 14px!important;gap:0!important;
  background:transparent!important;border:0!important;
  border-bottom:1px solid rgba(194,219,238,.13)!important;
}
.ttu-admin .sidebar-brand img.ttu-official-logo{
  width:100%!important;max-width:190px!important;height:auto!important;max-height:59px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  object-fit:contain!important;object-position:center!important;
}
.ttu-admin .sidebar-nav{padding:14px 11px 18px!important;gap:5px!important;scrollbar-color:#406089 transparent;scrollbar-width:thin}
.ttu-admin .sidebar-nav .nav-label{
  color:#9db5d3!important;font-size:10px!important;letter-spacing:.15em!important;
  font-weight:800!important;padding:12px 9px 4px!important;margin:2px 0 0!important;
}
.ttu-admin .sidebar-nav .nav-item{
  min-height:44px!important;height:auto!important;padding:9px 11px!important;
  display:flex!important;gap:12px!important;align-items:center!important;
  border-radius:11px!important;color:#d6e3f3!important;font-size:13px!important;
  font-weight:620!important;line-height:1.25!important;
  transition:background-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.ttu-admin .sidebar-nav .nav-item:hover{background:rgba(202,231,252,.10)!important;color:#fff!important}
.ttu-admin .sidebar-nav .nav-item.active{
  color:#fff!important;background:linear-gradient(115deg,#00baa9,#008f87)!important;
  border:1px solid rgba(199,255,245,.28)!important;
  box-shadow:0 7px 17px rgba(0,120,112,.20)!important;
}
.ttu-admin .sidebar-nav .nav-item .nav-icon{
  display:grid!important;place-items:center!important;width:21px!important;height:23px!important;
  min-width:21px!important;flex:0 0 21px!important;color:inherit!important;
  font-size:16px!important;background:transparent!important;border:0!important;
  box-shadow:none!important;
}
.ttu-admin .sidebar-nav .nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.ttu-admin .sidebar-nav .nav-count{margin-left:auto!important;font-weight:800!important;flex:0 0 auto}
.ttu-admin .sidebar-help{
  border:1px solid rgba(89,192,187,.35)!important;
  background:linear-gradient(130deg,#11365b,#15365e)!important;
  border-radius:13px!important;padding:13px 11px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
}
.ttu-admin .sidebar-help .help-icon{background:linear-gradient(140deg,#06bbab,#007d83)!important}
.ttu-admin .sidebar-help small{white-space:normal!important;line-height:1.35!important}
/* Header and consistent navigation density. */
.ttu-admin .main-area{background:transparent!important}
.ttu-admin .topbar{
  min-height:68px!important;background:rgba(255,255,255,.98)!important;
  border:1px solid var(--tt-polish-border)!important;border-radius:15px!important;
  box-shadow:0 5px 25px rgba(11,31,66,.035)!important;
}
.ttu-admin .topbar .breadcrumb strong{color:var(--tt-polish-ink)!important}
.ttu-admin .topbar .command-trigger{
  border-color:#dce6f1!important;background:#f7faff!important;border-radius:11px!important;
  height:38px!important;color:#657892!important;
}
.ttu-admin .topbar .user-chip{border-radius:10px!important}
.ttu-admin .topbar .department-switcher{border-radius:10px!important}
.ttu-admin .topbar .avatar{background:#ddf8f2!important;color:#00796f!important}
.ttu-admin .page-content{padding-top:21px!important}
/* Computers hero only. Preserve all original buttons, IDs and event handlers. */
.ttu-admin #devicesView .unattended-header{
  margin:0 0 17px!important;padding:25px clamp(18px,2.5vw,32px)!important;
  border:1px solid #dce6f2!important;border-radius:20px!important;
  background:radial-gradient(ellipse at 93% 120%,rgba(0,181,166,.13),transparent 45%),
             radial-gradient(ellipse at 99% -20%,rgba(40,34,156,.10),transparent 42%),#fff!important;
  box-shadow:0 12px 28px rgba(12,38,78,.055)!important;
  position:relative;overflow:hidden;min-height:139px!important;
  gap:18px!important;
}
.ttu-admin #devicesView .unattended-header>div:first-child::before{
  content:'DEVICE MANAGEMENT';display:block;margin-bottom:11px;color:var(--tt-polish-indigo);
  font-weight:850;letter-spacing:.13em;font-size:10px;
}
.ttu-admin #devicesView .unattended-header h1{
  color:var(--tt-polish-ink)!important;font-size:clamp(26px,2.3vw,35px)!important;
  line-height:1.15!important;letter-spacing:-.045em!important;margin:0 0 7px!important;
}
.ttu-admin #devicesView .unattended-header p{
  color:var(--tt-polish-muted)!important;font-size:13px!important;
  line-height:1.55!important;max-width:690px!important;
}
.ttu-admin #devicesView .page-header-actions{align-self:center!important;gap:10px!important;align-items:center!important}
.ttu-admin #devicesView .page-header-actions .btn{
  min-height:42px!important;border-radius:11px!important;padding:0 16px!important;
  font-size:12px!important;font-weight:760!important;
}
.ttu-admin #devicesView .page-header-actions .btn.secondary{
  background:#fff!important;border:1px solid #cfdbeb!important;
  color:#112d51!important;
}
.ttu-admin #devicesView .page-header-actions .btn.primary{
  background:linear-gradient(110deg,#08bcae,#009b8e)!important;
  border-color:#009d94!important;box-shadow:0 8px 20px rgba(0,181,166,.16)!important;
}
/* Four real-data KPIs, with deliberately consistent icon treatments. */
.ttu-admin #devicesView .unattended-stats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;margin:0 0 16px!important;overflow:visible!important;
  border:none!important;background:transparent!important;box-shadow:none!important;
}
.ttu-admin #devicesView .unattended-stats article{
  display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;align-content:center!important;
  justify-content:initial!important;align-items:center!important;
  column-gap:14px!important;row-gap:3px!important;
  min-width:0!important;min-height:103px!important;
  padding:17px!important;margin:0!important;border:1px solid var(--tt-polish-border)!important;
  border-radius:16px!important;background:#fff!important;
  box-shadow:0 7px 21px rgba(11,34,73,.05)!important;
}
.ttu-admin #devicesView .unattended-stats article::before{
  content:'';width:50px;height:50px;border-radius:14px;
  grid-row:1 / span 2;grid-column:1;
  display:block;background-color:#eef0ff;background-repeat:no-repeat;background-position:center;background-size:23px;
}
.ttu-admin #devicesView .unattended-stats article:nth-child(2)::before{background-color:#dff8ef}
.ttu-admin #devicesView .unattended-stats article:nth-child(3)::before{background-color:#e9f3ff}
.ttu-admin #devicesView .unattended-stats article:nth-child(4)::before{background-color:#fff0ef}
.ttu-admin #devicesView .unattended-stats article>span{
  grid-column:2!important;grid-row:1!important;
  color:#60748e!important;font-size:10.5px!important;font-weight:780!important;
  letter-spacing:.055em!important;text-transform:uppercase!important;
}
.ttu-admin #devicesView .unattended-stats article>strong{
  grid-column:2!important;grid-row:2!important;
  color:var(--tt-polish-ink)!important;font-size:28px!important;font-weight:820!important;
  letter-spacing:-.05em!important;line-height:1.05!important;
}
/* Policy: useful, quiet, compact. */
.ttu-admin #devicesView .policy-banner{
  border:1px solid #cfdcf5!important;
  border-radius:14px!important;background:linear-gradient(110deg,#f4f7ff,#f3fafa)!important;
  padding:15px 17px!important;min-height:72px!important;margin-bottom:17px!important;
  box-shadow:0 4px 15px rgba(11,39,78,.03)!important;
}
.ttu-admin #devicesView .policy-banner strong{font-size:12.5px!important;color:#0e2852!important;font-weight:740!important}
.ttu-admin #devicesView .policy-banner p{color:#657a94!important;line-height:1.5!important;font-size:11.3px!important}
.ttu-admin #devicesView .policy-banner .policy-icon{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  background:#e7efff!important;color:#3345ce!important;border-radius:50%!important;
}
/* Table / filters. No duplicate tables, hidden data, or mocked rows. */
.ttu-admin #devicesView .unattended-panel{
  border-radius:19px!important;border:1px solid var(--tt-polish-border)!important;
  background:#fff!important;box-shadow:0 12px 29px rgba(12,35,74,.055)!important;
  overflow:hidden!important;
}
.ttu-admin #devicesView .unattended-toolbar{
  min-height:76px!important;gap:12px!important;padding:14px 16px!important;
  border-bottom:1px solid #e3ebf4!important;
}
.ttu-admin #devicesView .segmented-tabs{border:1px solid #e1e9f3!important;border-radius:11px!important;background:#f4f7fb!important}
.ttu-admin #devicesView .segmented-tabs button{height:35px!important;font-size:12px!important;padding:0 14px!important;font-weight:680!important}
.ttu-admin #devicesView .segmented-tabs button.active{
  border:1px solid #d7dcff!important;background:#fff!important;color:#28229c!important;
  box-shadow:0 2px 5px rgba(30,37,113,.06)!important;
}
.ttu-admin #devicesView .unattended-filters{gap:8px!important;min-width:0!important;flex-wrap:wrap!important}
.ttu-admin #devicesView .unattended-filters :is(.search-control,.filter-select,.btn){border-radius:10px!important;min-height:37px!important}
.ttu-admin #devicesView .unattended-filters .compact-search{
  flex:1 1 180px!important;max-width:380px!important;border-color:#dce5f0!important;
}
.ttu-admin #devicesView .unattended-filters .filter-select{width:auto!important;min-width:119px!important;max-width:155px!important}
.ttu-admin #devicesView .unattended-table{border-collapse:separate!important;border-spacing:0!important;min-width:950px!important;width:100%!important}
.ttu-admin #devicesView .unattended-panel .table-wrap{overflow-x:auto!important;scrollbar-color:#cbd7e5 transparent;scrollbar-width:thin}
.ttu-admin #devicesView .unattended-table thead th{
  background:#f6f9fd!important;padding:15px 12px!important;
  color:#60718d!important;font-size:10px!important;font-weight:850!important;
  text-transform:uppercase;letter-spacing:.075em!important;
  border-bottom:1px solid #dfe8f1!important;
}
.ttu-admin #devicesView .unattended-table tbody td{
  padding:17px 12px!important;border-bottom:1px solid #e9eff5!important;
  vertical-align:middle!important;color:#162f50!important;font-size:12px!important;
}
.ttu-admin #devicesView .unattended-table tbody tr:hover td{background:#f8fbff!important}
.ttu-admin #devicesView .device-cell strong{font-size:12.3px!important;color:#0c2648!important;font-weight:760!important}
.ttu-admin #devicesView .device-cell small,.ttu-admin #devicesView .device-state-cell small{font-size:10.5px!important;color:#7b8da3!important}
.ttu-admin #devicesView .health-cell strong{font-size:11.6px!important}
.ttu-admin #devicesView .health-cell>span{width:86px!important;height:6px!important}
.ttu-admin #devicesView .table-footer{padding:0 16px!important;min-height:46px!important;color:#6e8096!important;font-size:11px!important}
.ttu-admin #devicesView :is(button,select,input):focus-visible,.ttu-admin .sidebar-nav .nav-item:focus-visible{
  outline:3px solid rgba(0,181,166,.4)!important;outline-offset:2px!important;
}
@media(max-width:1150px){
  .ttu-admin #devicesView .unattended-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ttu-admin #devicesView .unattended-toolbar{align-items:stretch!important;flex-wrap:wrap!important}
  .ttu-admin #devicesView .unattended-filters{justify-content:flex-start!important}
}
@media(max-width:700px){
  .ttu-admin #devicesView .unattended-header{padding:23px 18px!important;grid-template-columns:1fr!important;min-height:0!important}
  .ttu-admin #devicesView .page-header-actions{justify-self:start!important;justify-content:flex-start!important;align-self:start!important}
  .ttu-admin #devicesView .unattended-stats{gap:9px!important}
  .ttu-admin #devicesView .unattended-stats article{grid-template-columns:37px 1fr!important;column-gap:10px!important;min-height:80px!important;padding:12px!important}
  .ttu-admin #devicesView .unattended-stats article::before{width:37px;height:37px;border-radius:10px;background-size:19px}
  .ttu-admin #devicesView .unattended-stats article>span{font-size:9px!important}
  .ttu-admin #devicesView .unattended-stats article>strong{font-size:24px!important}
  .ttu-admin #devicesView .policy-banner{align-items:flex-start!important;flex-wrap:wrap!important}
  .ttu-admin #devicesView .policy-banner>button{margin-left:40px!important}
  .ttu-admin #devicesView .unattended-toolbar{padding:13px!important}
  .ttu-admin #devicesView .unattended-filters .compact-search{max-width:none!important;flex-basis:100%!important}
  .ttu-admin #devicesView .unattended-filters .filter-select{flex:1 1 112px!important}
}
@media(prefers-reduced-motion:reduce){.ttu-admin .sidebar-nav .nav-item{transition:none!important}}

.ttu-admin #devicesView .unattended-stats article:nth-child(1)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzIyOWJmIiBzdHJva2Utd2lkdGg9IjEuODUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjEzIiByeD0iMiIvPjxwYXRoIGQ9Ik04IDIxaDhNMTIgMTd2NCIvPjwvc3ZnPg==")}

.ttu-admin #devicesView .unattended-stats article:nth-child(2)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA4ZjgzIiBzdHJva2Utd2lkdGg9IjEuODUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgOWExNSAxNSAwIDAgMSAyMCAwTTUgMTNhMTAgMTAgMCAwIDEgMTQgMG0tMTEgNGE1IDUgMCAwIDEgOCAwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIyMCIgcj0iMSIgZmlsbD0iIzAwOGY4MyIgc3Ryb2tlPSJub25lIi8+PC9zdmc+")}

.ttu-admin #devicesView .unattended-stats article:nth-child(3)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzE1M2MyIiBzdHJva2Utd2lkdGg9IjEuODUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0ibTEyIDIgOCA0djZjMCA1LTMuNSA4LjUtOCAxMC00LjUtMS41LTgtNS04LTEwVjZsOC00WiIvPjxwYXRoIGQ9Im04LjUgMTIgMi41IDIuNSA0LjUtNSIvPjwvc3ZnPg==")}

.ttu-admin #devicesView .unattended-stats article:nth-child(4)::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDQ1MDUwIiBzdHJva2Utd2lkdGg9IjEuODUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0ibTEyIDMgMTAgMThIMkwxMiAzWiIvPjxwYXRoIGQ9Ik0xMiA5djVtMCAzaC4wMSIvPjwvc3ZnPg==")}
/* Earlier core styles deliberately suppress all KPI pseudo-elements; restore only
   the four dedicated Computers icons, never other dashboard indicators. */
.ttu-admin #devicesView .unattended-stats>article::before{
  content:""!important;display:block!important;position:static!important;
  left:auto!important;top:auto!important;
  width:50px!important;height:50px!important;grid-column:1!important;
  grid-row:1 / span 2!important;border-radius:14px!important;
  background-position:center!important;background-repeat:no-repeat!important;
  background-size:23px!important;
}
@media(max-width:700px){
  .ttu-admin #devicesView .unattended-stats>article::before{
    width:37px!important;height:37px!important;border-radius:10px!important;background-size:19px!important;
  }
}