.super-toolbar { justify-content: flex-start; }
.super-toolbar select { width: 190px; }
.cell-sub { display: block; margin-top: 4px; color: #777780; font-size: 9px; font-weight: 400; }
.view-detail { width: 34px; height: 34px; color: #ddd; background: #171719; border: 1px solid #39393e; border-radius: 4px; cursor: pointer; }
.view-detail:hover { color: #fff; border-color: var(--red); }
.super-dashboard-stats { grid-template-columns: repeat(5,minmax(0,1fr)); }
.dashboard-recent { margin-top: 24px; }
.dashboard-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.dashboard-section-head h2 { margin:0 0 4px; font-size:18px; }
.dashboard-section-head p { margin:0; color:var(--muted); font-size:10px; }
.dashboard-empty { min-height:150px; }
.password-control{position:relative}.password-control input{padding-right:82px}.password-toggle{position:absolute;right:5px;top:5px;height:calc(100% - 10px);min-width:68px;padding:0 9px;border:0;border-left:1px solid var(--line);background:transparent;color:#aaa;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{color:#fff;outline:2px solid var(--red);outline-offset:-2px}.password-toggle span{margin-left:5px;font-size:10px}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.settings-card{display:flex;flex-direction:column;gap:14px;min-height:250px;padding:24px;background:#101012;border:1px solid var(--line);border-radius:7px}.settings-card>i{color:var(--red);font-size:26px}.settings-card h2{margin:0}.settings-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.settings-card form{display:flex;flex-direction:column;gap:12px;margin-top:auto}.settings-card>.save{margin-top:auto}.settings-card input[type=file]{width:100%;padding:11px;background:#09090b;border:1px solid var(--line);color:#ccc}
.licenses-toolbar { justify-content:flex-end; }
.licenses-toolbar .save { width:auto; }
.licenses-table table { min-width:1120px; }
.license-actions { display:flex; align-items:center; gap:6px; }
.license-actions button { min-height:32px; padding:0 10px; color:#d7d7dc; background:#171719; border:1px solid #3a3a40; border-radius:4px; cursor:pointer; font-size:9px; }
.license-actions button:hover { border-color:var(--red); color:#fff; }
.license-actions .danger { color:#ff777c; }
.license-actions .activate { color:#6ce89a; }
.license-key-warning { margin:20px 0 12px; padding:12px; color:#ffcc80; background:rgba(237,28,36,.08); border:1px solid rgba(237,28,36,.25); border-radius:5px; font-size:11px; }
.license-key-warning i { color:var(--red); margin-right:7px; }
.license-key-value { display:block; padding:16px; overflow-wrap:anywhere; color:#fff; background:#08080a; border:1px dashed #55555d; border-radius:5px; font-size:15px; user-select:all; }
.license-email-result { color:#92929a; font-size:11px; }
.license-email-result .sent { color:#6ce89a; }
.license-email-result .failed { color:#ff777c; }
.license-generate-dialog label { margin-top:20px; }
.super-detail { width: min(880px,100%); }
.detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.detail-head h2 { margin-bottom: 4px; }
.detail-head p { margin: 0; color: var(--muted); font-size: 11px; }
.detail-head .cancel { min-width: 40px; padding: 0; }
.detail-meta { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; padding: 20px 0; }
.detail-meta > div, .detail-metrics > div { padding: 14px; background: #0b0b0d; border: 1px solid var(--line); border-radius: 5px; }
.detail-meta span, .detail-metrics span { display: block; margin-bottom: 8px; color: #777780; font-size: 9px; text-transform: uppercase; letter-spacing: .5px; }
.detail-meta b { color: #ddd; font-size: 10px; }
.detail-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.detail-metrics strong { font-size: 20px; }
.update-publish-card { max-width: 920px; margin: 0 auto; padding: 28px; background: linear-gradient(145deg,#111113,#0b0b0c); border: 1px solid var(--line); border-radius: 6px; }
.publish-heading { display: flex; align-items: center; gap: 15px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.publish-heading > i { width: 46px; height: 46px; display: grid; place-items: center; color: var(--red); background: rgba(237,28,36,.08); border: 1px solid rgba(237,28,36,.3); border-radius: 5px; font-size: 19px; }
.publish-heading h2 { margin: 0 0 4px; font-size: 20px; }
.publish-heading p { margin: 0; color: var(--muted); font-size: 10px; }
.publish-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.private-upload { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; padding: 12px; background: #0b0b0c; border: 1px dashed #4a4a50; border-radius: 5px; }
.private-upload > i { grid-row: 1 / 3; color: var(--red); font-size: 24px; text-align: center; }
.private-upload input { min-height: 38px; padding: 7px; }
.private-upload small { color: #777780; font-size: 9px; }
.target-clients { max-height: 260px; overflow: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 10px; padding: 12px; background: #09090a; border: 1px solid var(--line); border-radius: 5px; }
.target-clients label { min-width: 0; margin: 0; padding: 9px; background: #121214; border: 1px solid #29292d; border-radius: 4px; }
.target-clients label span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.target-clients small { display: block; color: #72727a; font-size: 8px; }
.publish-result { margin-top: 16px; padding: 12px; border: 1px solid #286b45; border-radius: 4px; overflow-wrap: anywhere; }
.publish-result.ok { color: #8de4ae; background: rgba(40,107,69,.12); }
.publish-result.err { color: #ff8b8f; border-color: #793138; background: rgba(121,49,56,.12); }
.client-users-filters { display:grid; grid-template-columns:2fr repeat(4,minmax(125px,1fr)) auto; gap:10px; margin-bottom:16px; }
.client-users-filters input,.client-users-filters select { min-width:0; width:100%; }
.client-users-filters .export-users { width:auto; min-width:145px; margin:0; white-space:nowrap; }
.client-users-table { overflow-x:auto; }
.client-users-table table { min-width:1180px; }
.reveal-mobile { margin-left:7px; padding:5px 8px; color:#fff; background:#1a1a1d; border:1px solid #424249; border-radius:4px; font-size:9px; cursor:pointer; }
.reveal-mobile:hover { border-color:var(--red); color:var(--red); }
@media (max-width: 1100px) {
  .super-dashboard-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .settings-grid { grid-template-columns:1fr; }
  .super-dashboard-stats { grid-template-columns: 1fr; }
  .detail-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .detail-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .publish-grid, .target-clients { grid-template-columns: 1fr; }
  .update-publish-card { padding: 20px 16px; }
  .client-users-filters { grid-template-columns:1fr 1fr; }
}