:root{--e-card:rgba(255,255,255,.94);--e-ink:#10203a;--e-muted:#65758f;--e-line:#dce5f2}body{background:radial-gradient(circle at 80% 0,#e9f4ff 0,transparent 32%),linear-gradient(180deg,#f8fbff,#eef3fa)!important;color:var(--e-ink)}.page,.content,.main-content{background:transparent!important}.sidebar{background:linear-gradient(180deg,#fff,#f7faff)!important;border-right:1px solid var(--e-line)!important;box-shadow:12px 0 40px rgba(31,65,114,.08)!important}.sidebar *{color:#263a58!important}.nav-item a.active,.nav-link.active{background:linear-gradient(135deg,#e8f1ff,#eef0ff)!important;color:#174fc9!important;box-shadow:inset 3px 0 #2768ff!important}.sales-hero-card,.sales-table-card,.sales-kpi-card,.modal-custom{background:var(--e-card)!important;border:1px solid rgba(201,215,235,.9)!important;box-shadow:0 18px 45px rgba(35,70,120,.09)!important;backdrop-filter:blur(18px)}.new-sale-btn,.user-access-pending{background:linear-gradient(135deg,#1378ed,#6548e8)!important;color:#fff!important;border:0!important}.reload-btn{background:#fff!important;color:#213858!important;border:1px solid var(--e-line)!important}.device-user-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border:1px solid var(--e-line);border-radius:16px;background:#fbfdff;margin-top:10px}.device-user-row span,.device-user-row small{display:block;color:var(--e-muted)}
/* Phase 2: multi-user device assignment */
.device-user-add {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: .75rem;
    align-items: center;
    margin: .9rem 0 1rem;
    padding: .85rem;
    border: 1px solid rgba(20, 55, 95, .12);
    border-radius: 14px;
    background: rgba(248, 251, 255, .92);
}
.device-user-row {
    border: 1px solid rgba(20, 55, 95, .1);
    border-radius: 14px;
}
.kpi-icon, .sales-empty-icon { filter: grayscale(1); }
@media (max-width: 720px) {
    .device-user-add { grid-template-columns: 1fr; }
}