.phx-wrap{display:flex;gap:24px;max-width:1200px;margin:30px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto}
.phx-card{background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.phx-left{width:260px;min-width:260px}
.phx-right{flex:1}
.phx-userbox{padding:16px}
.phx-user-title{font-weight:700;margin-bottom:6px}
.phx-user-name{color:#555}
.phx-menu{margin-top:14px;padding:10px}
.phx-menu-item{display:block;padding:10px 12px;border-radius:10px;color:#111;text-decoration:none;font-weight:600}
.phx-menu-item:hover{background:#f2f6ff}
.phx-menu-item.active{background:#0b5ed7;color:#fff}
.phx-menu-item.danger{color:#b00020}
.phx-menu-item.danger:hover{background:#ffecec}
.phx-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:14px}
.phx-topbar-title{font-size:18px;font-weight:800}
.phx-btn-logout{background:#111;color:#fff;text-decoration:none;padding:10px 14px;border-radius:12px;font-weight:700}
.phx-btn-logout:hover{opacity:.9}
.phx-panel{padding:18px}
.phx-h2{margin:0 0 14px;font-size:30px}
.phx-chips{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 18px}
.phx-chip{border:1px solid #e6e6e6;border-radius:999px;padding:12px 16px;background:#fafafa;min-width:140px;text-align:left;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease}
.phx-chip:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.phx-chip-title{font-size:12px;color:#666}
.phx-chip-val{font-size:16px;font-weight:800;color:#111}
.phx-chip-status{background:#fff7ed}
.phx-welcome{margin:8px 0 16px;color:#444}
.phx-mini{padding:14px;margin-top:10px}
.phx-mini-title{font-weight:800;margin-bottom:10px}
.phx-mini-row{padding:6px 0;border-bottom:1px dashed #eee}
.phx-mini-row:last-child{border-bottom:0}
.phx-note{margin-top:14px;color:#666;font-size:13px}
.phx-muted{color:#666}
.phx-inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.phx-btn{border:1px solid #e6e6e6;background:#fff;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.phx-btn:hover{background:#f6f6f6}

/* Drawer */
.phx-drawer{position:fixed;top:0;right:-520px;width:520px;max-width:92vw;height:100vh;background:#fff;border-left:1px solid #eee;box-shadow:-18px 0 40px rgba(0,0,0,.16);z-index:9999;transition:right .18s ease;display:flex;flex-direction:column}
.phx-drawer.open{right:0}
.phx-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}
.phx-drawer-title{font-size:16px;font-weight:900}
.phx-drawer-close{border:0;background:#111;color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
.phx-drawer-body{padding:16px;overflow:auto;flex:1}
.phx-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998;display:none}
.phx-backdrop.open{display:block}
.phx-loader{padding:14px;border:1px dashed #ddd;border-radius:12px;color:#666}


/* FIX: ensure button/link text visible even if theme overrides */
.phx-btn{color:#111827 !important;}
.phx-btn:hover{color:#111827 !important;}
.phx-inline-actions .phx-btn{background:#fff !important;}
.phx-menu-item{text-decoration:none !important;}
.phx-menu-item.active{text-decoration:none !important;}



/* Activate button outside only */
.phx-activate-outside{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}
.phx-activate-outside .phx-chip-title{ color: rgba(255,255,255,.8) !important; }
.phx-activate-outside .phx-chip-val{ color:#fff !important; }

.phx-inactive .phx-activate-outside{
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}