.nxadm-app,
.nxadm-modal {
    --nx-primary: #6c3df2;
    --nx-primary-dark: #5423d8;
    --nx-pink: #ea0a67;
    --nx-blue: #0ea5e9;
    --nx-green: #12b76a;
    --nx-orange: #f79009;
    --nx-red: #e63c55;
    --nx-ink: #172033;
    --nx-muted: #7d899f;
    --nx-line: #e6eaf2;
    --nx-bg: #f4f6fb;
    --nx-card: #fff;
    --nx-shadow: 0 12px 34px rgba(36, 27, 75, .07);
    color: var(--nx-ink);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
}

.nxadm-app *, .nxadm-modal * { box-sizing: border-box; }
.nxadm-app button, .nxadm-app input, .nxadm-app select, .nxadm-modal button, .nxadm-modal input { font: inherit; }
.nxadm-app button, .nxadm-modal button { cursor: pointer; }
.nxadm-app { display: flex; min-height: 100vh; background: var(--nx-bg); }
.nxadm-app h1, .nxadm-app h2, .nxadm-app h3, .nxadm-app p { margin-top: 0; }
.nxadm-app .dashicons { width: 20px; height: 20px; font-size: 20px; line-height: 1; }

.nxadm-sidebar {
    position: fixed;
    z-index: 80;
    inset: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    width: 264px;
    padding: 26px 18px 18px;
    color: #d7dbea;
    background:
        radial-gradient(circle at 12% 2%, rgba(111, 61, 245, .32), transparent 28%),
        linear-gradient(180deg, #18182d 0%, #131426 100%);
    box-shadow: 12px 0 36px rgba(18, 18, 40, .08);
}

.nxadm-brand { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; margin-bottom: 32px; }
.nxadm-brand img { width: 122px; max-height: 35px; object-fit: contain; filter: brightness(0) invert(1); }
.nxadm-brand img + .nxadm-brand-fallback { display: none; }
.nxadm-brand-fallback { color: #fff; font-size: 24px; font-weight: 850; letter-spacing: -.04em; }
.nxadm-env { margin-left: auto; padding: 4px 7px; border: 1px solid rgba(255,255,255,.17); border-radius: 7px; color: #d9ceff; background: rgba(108,61,242,.22); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.nxadm-sidebar-label { padding: 0 13px; margin: 0 0 9px; color: #727b96; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.nxadm-nav { display: grid; gap: 5px; }
.nxadm-nav button {
    position: relative;
    display: grid;
    grid-template-columns: 24px 1fr auto;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    border: 0;
    border-radius: 12px;
    color: #aeb5ca;
    background: transparent;
    text-align: left;
    font-weight: 680;
    transition: .18s ease;
}
.nxadm-nav button:hover { color: #fff; background: rgba(255,255,255,.055); transform: translateX(2px); }
.nxadm-nav button.is-active { color: #fff; background: linear-gradient(100deg, rgba(108,61,242,.96), rgba(140,58,222,.87)); box-shadow: 0 9px 22px rgba(97, 48, 224, .26); }
.nxadm-nav button.is-active:before { content: ""; position: absolute; left: -18px; width: 4px; height: 24px; border-radius: 0 5px 5px 0; background: #df0d71; }
.nxadm-nav button b { display: grid; min-width: 23px; height: 23px; padding: 0 6px; place-items: center; border-radius: 8px; color: #cfd4e3; background: rgba(255,255,255,.08); font-size: 10px; }
.nxadm-nav button.is-active b { color: #fff; background: rgba(255,255,255,.18); }
.nxadm-nav button b.is-alert { color: #ffbfcf; background: rgba(235,34,93,.18); }
.nxadm-nav button i { width: 8px; height: 8px; border-radius: 50%; background: #23c878; box-shadow: 0 0 0 4px rgba(35,200,120,.12); }
.nxadm-sidebar-spacer { flex: 1; min-height: 34px; }
.nxadm-system-card { display: flex; gap: 10px; align-items: center; margin: 0 3px 12px; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: rgba(255,255,255,.035); }
.nxadm-system-icon { display: grid; flex: 0 0 34px; height: 34px; place-items: center; border-radius: 10px; color: #8dffbe; background: rgba(18,183,106,.13); }
.nxadm-system-card strong, .nxadm-user-card strong { display: block; overflow: hidden; color: #f5f6fb; font-size: 11.5px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.nxadm-system-card small, .nxadm-user-card small { display: block; margin-top: 2px; color: #747e99; font-size: 9.5px; }
.nxadm-user-card { display: grid; grid-template-columns: 36px minmax(0,1fr) 28px; gap: 9px; align-items: center; padding: 12px 10px 4px; border-top: 1px solid rgba(255,255,255,.07); }
.nxadm-avatar { display: grid; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, var(--nx-primary), var(--nx-pink)); font-weight: 850; }
.nxadm-user-card a { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #7d86a0; text-decoration: none; }
.nxadm-user-card a:hover { color: #fff; background: rgba(255,255,255,.07); }

.nxadm-main { width: calc(100% - 264px); min-width: 0; margin-left: 264px; }
.nxadm-topbar { min-height: 104px; padding: 22px 34px; display: flex; justify-content: space-between; align-items: center; gap: 24px; border-bottom: 1px solid var(--nx-line); background: rgba(255,255,255,.92); box-shadow: 0 3px 16px rgba(39,32,76,.025); }
.nxadm-breadcrumb { display: block; margin-bottom: 5px; color: #9aa3b5; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.nxadm-breadcrumb i { padding: 0 5px; font-style: normal; color: #d0d5df; }
.nxadm-breadcrumb strong { color: var(--nx-primary); }
.nxadm-topbar h1 { margin-bottom: 3px; color: var(--nx-ink); font-size: 24px; line-height: 1.15; letter-spacing: -.025em; }
.nxadm-topbar p { margin: 0; color: var(--nx-muted); font-size: 12px; }
.nxadm-topbar-actions { display: flex; align-items: center; gap: 10px; }
.nxadm-live-pill, .nxadm-clock { display: inline-flex; align-items: center; height: 38px; padding: 0 13px; border: 1px solid var(--nx-line); border-radius: 11px; color: #667085; background: #fff; font-size: 11px; font-weight: 700; }
.nxadm-live-pill i { width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--nx-green); box-shadow: 0 0 0 4px rgba(18,183,106,.12); }
.nxadm-clock { gap: 7px; min-width: 104px; }
.nxadm-clock .dashicons { color: var(--nx-primary); font-size: 17px; }

.nxadm-content { width: min(1540px, 100%); padding: 30px 34px 48px; margin: 0 auto; }
.nxadm-page { display: none; animation: nxadmFade .22s ease both; }
.nxadm-page.is-active { display: block; }
@keyframes nxadmFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.nxadm-eyebrow { display: block; margin-bottom: 7px; color: var(--nx-primary); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.nxadm-hero { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 184px; padding: 34px 38px; margin-bottom: 22px; border-radius: 20px; color: #fff; background: linear-gradient(115deg, #261b63 0%, #6130db 52%, #ae237d 100%); box-shadow: 0 18px 40px rgba(79,42,180,.18); }
.nxadm-hero:before { content: ""; position: absolute; right: -40px; top: -140px; width: 420px; height: 420px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 62px rgba(255,255,255,.035), 0 0 0 124px rgba(255,255,255,.025); }
.nxadm-hero:after { content: ""; position: absolute; left: 48%; bottom: -70px; width: 180px; height: 180px; border-radius: 50%; background: rgba(239, 10, 96, .2); filter: blur(4px); }
.nxadm-hero > * { position: relative; z-index: 1; }
.nxadm-hero .nxadm-eyebrow { color: #d9ccff; }
.nxadm-hero h2 { margin-bottom: 7px; font-size: clamp(25px, 2.4vw, 35px); line-height: 1.05; letter-spacing: -.035em; }
.nxadm-hero p { margin-bottom: 0; color: #dedaf3; font-size: 13px; }
.nxadm-hero-health { display: flex; align-items: center; gap: 16px; min-width: 300px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.09); backdrop-filter: blur(12px); }
.nxadm-health-orbit { display: grid; flex: 0 0 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.nxadm-health-orbit i { width: 15px; height: 15px; border-radius: 50%; background: #3de28c; box-shadow: 0 0 0 7px rgba(61,226,140,.15), 0 0 24px rgba(61,226,140,.65); }
.nxadm-hero-health small, .nxadm-hero-health strong, .nxadm-hero-health span { display: block; }
.nxadm-hero-health small { color: #c9c4e4; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.nxadm-hero-health strong { margin: 2px 0; color: #fff; font-size: 16px; }
.nxadm-hero-health span { color: #cdc8e8; font-size: 10.5px; }

.nxadm-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px; margin-bottom: 22px; }
.nxadm-kpi { position: relative; display: flex; align-items: center; min-height: 126px; padding: 20px; overflow: hidden; border: 1px solid var(--nx-line); border-radius: 17px; background: #fff; box-shadow: var(--nx-shadow); }
.nxadm-kpi:after { content: ""; position: absolute; right: -22px; bottom: -34px; width: 90px; height: 90px; border-radius: 50%; background: currentColor; opacity: .035; }
.nxadm-kpi-icon { display: grid; flex: 0 0 46px; height: 46px; margin-right: 14px; place-items: center; border-radius: 14px; color: currentColor; background: currentColor; }
.nxadm-kpi-icon .dashicons { color: inherit; filter: brightness(10); }
.nxadm-kpi.is-purple { color: var(--nx-primary); }.nxadm-kpi.is-green { color: var(--nx-green); }.nxadm-kpi.is-orange { color: var(--nx-orange); }.nxadm-kpi.is-blue { color: var(--nx-blue); }
.nxadm-kpi > div { min-width: 0; color: var(--nx-ink); }
.nxadm-kpi small, .nxadm-kpi strong, .nxadm-kpi span { display: block; }
.nxadm-kpi small { margin-bottom: 2px; color: #858fa3; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .055em; }
.nxadm-kpi strong { font-size: 27px; line-height: 1.1; letter-spacing: -.03em; }
.nxadm-kpi span { margin-top: 4px; color: #8b95a8; font-size: 10.5px; }
.nxadm-kpi button { padding: 0; margin-top: 4px; border: 0; color: currentColor; background: none; font-size: 10.5px; font-weight: 760; }
.nxadm-kpi button .dashicons { display: inline; font-size: 13px; vertical-align: -2px; }

.nxadm-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); gap: 18px; margin-bottom: 18px; }
.nxadm-panel { border: 1px solid var(--nx-line); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow); }
.nxadm-panel:not(.nxadm-table-panel) { padding: 21px 22px; }
.nxadm-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.nxadm-panel-head > div:first-child { display: flex; align-items: center; gap: 11px; }
.nxadm-panel-head h3 { margin: 0 0 2px; color: var(--nx-ink); font-size: 14px; letter-spacing: -.012em; }
.nxadm-panel-head p { margin: 0; color: var(--nx-muted); font-size: 10.5px; }
.nxadm-section-icon { display: grid; flex: 0 0 38px; height: 38px; place-items: center; border-radius: 11px; }
.nxadm-section-icon.is-purple { color: var(--nx-primary); background: #f0ebff; }.nxadm-section-icon.is-pink { color: var(--nx-pink); background: #ffebf3; }.nxadm-section-icon.is-blue { color: var(--nx-blue); background: #eaf7ff; }.nxadm-section-icon.is-orange { color: var(--nx-orange); background: #fff4df; }.nxadm-section-icon.is-green { color: var(--nx-green); background: #eafaf2; }
.nxadm-link-button { padding: 6px 0; border: 0; color: var(--nx-primary); background: transparent; font-size: 10.5px; font-weight: 750; }
.nxadm-link-button .dashicons { display: inline; font-size: 13px; vertical-align: -2px; }
.nxadm-overview-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.nxadm-overview-metrics > div { padding: 12px 13px; border-radius: 11px; background: #f8f9fc; }
.nxadm-overview-metrics span { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.nxadm-overview-metrics b { color: #778196; font-size: 9.5px; text-transform: uppercase; letter-spacing: .06em; }
.nxadm-overview-metrics em { color: var(--nx-ink); font-size: 12px; font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; }
.nxadm-overview-metrics > div > i { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: #e7e9f0; }
.nxadm-overview-metrics u { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nx-primary), #a650dc); text-decoration: none; transition: width .35s ease; }
.nxadm-overview-note { padding-top: 13px; color: #7f899b; font-size: 10.5px; }
.nxadm-overview-note:before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--nx-green); }
.nxadm-overview-note.is-warning:before { background: var(--nx-orange); }.nxadm-overview-note.is-danger:before { background: var(--nx-red); }
.nxadm-quick-actions { display: grid; gap: 8px; }
.nxadm-quick-actions button { display: grid; grid-template-columns: 34px 1fr 20px; gap: 10px; align-items: center; width: 100%; padding: 10px; border: 0; border-radius: 11px; color: var(--nx-primary); background: #f8f7fc; text-align: left; transition: .16s ease; }
.nxadm-quick-actions button:hover { background: #f1edff; transform: translateX(2px); }
.nxadm-quick-actions button > .dashicons:first-child { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #ece6ff; }
.nxadm-quick-actions strong, .nxadm-quick-actions small { display: block; }
.nxadm-quick-actions strong { color: var(--nx-ink); font-size: 11px; }.nxadm-quick-actions small { margin-top: 1px; color: #8d96a8; font-size: 9.5px; }.nxadm-quick-actions i { color: #aeb5c3; font-size: 15px; }
.nxadm-compact-list { display: grid; }
.nxadm-compact-list > div { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 2px; border-top: 1px solid #f0f2f6; }
.nxadm-compact-list > div:first-child { border-top: 0; }
.nxadm-company-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(145deg, var(--nx-primary), #9c55e4); font-size: 12px; font-weight: 850; box-shadow: 0 7px 15px rgba(108,61,242,.16); }
.nxadm-company-mark.is-prospect { color: var(--nx-blue); background: #eaf7ff; box-shadow: none; }
.nxadm-compact-list strong, .nxadm-compact-list small { display: block; }.nxadm-compact-list strong { font-size: 11.5px; }.nxadm-compact-list small { margin-top: 1px; color: #939bad; font-size: 9.5px; }
.nxadm-attention-list { display: grid; gap: 7px; }
.nxadm-attention-list button { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; padding: 10px; border: 1px solid #eef0f5; border-radius: 11px; background: #fff; text-align: left; }
.nxadm-attention-list button > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; }.nxadm-attention-list .is-orange { color: var(--nx-orange); background: #fff5e4; }.nxadm-attention-list .is-red { color: var(--nx-red); background: #ffedf0; }.nxadm-attention-list .is-blue { color: var(--nx-blue); background: #eaf7ff; }
.nxadm-attention-list strong, .nxadm-attention-list small { display: block; }.nxadm-attention-list strong { color: var(--nx-ink); font-size: 11px; }.nxadm-attention-list small { color: #929bad; font-size: 9.5px; }
.nxadm-empty-mini { padding: 28px; color: var(--nx-muted); text-align: center; }

.nxadm-module-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin: 5px 0 24px; }
.nxadm-module-head h2 { margin: 0 0 5px; font-size: 25px; line-height: 1.15; letter-spacing: -.03em; }.nxadm-module-head p { margin: 0; color: var(--nx-muted); font-size: 11.5px; }
.nxadm-module-counter { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 13px; border: 1px solid #ded8f7; border-radius: 11px; color: var(--nx-primary); background: #f7f4ff; font-size: 10.5px; font-weight: 750; }.nxadm-module-counter b { font-size: 15px; }.nxadm-module-counter.is-warning { color: #9a6500; border-color: #f1ddb0; background: #fff9ec; }
.nxadm-primary, .nxadm-secondary, .nxadm-danger, .nxadm-approve, .nxadm-reject { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 16px; border-radius: 10px; font-size: 11px; font-weight: 780; transition: .16s ease; }
.nxadm-primary { border: 0; color: #fff; background: linear-gradient(100deg, var(--nx-primary), #8d3bdc 58%, var(--nx-pink)); box-shadow: 0 8px 18px rgba(108,61,242,.17); }.nxadm-primary:hover { transform: translateY(-1px); box-shadow: 0 11px 22px rgba(108,61,242,.24); }
.nxadm-secondary { border: 1px solid #d9ddeb; color: #556077; background: #fff; }.nxadm-secondary:hover { border-color: #c2b3f4; color: var(--nx-primary); background: #faf9ff; }
.nxadm-danger { border: 0; color: #fff; background: linear-gradient(100deg, #e53c52, #ea0a67); }.nxadm-danger:hover { filter: brightness(.96); }
.nxadm-toolbar { display: flex; align-items: center; gap: 10px; padding: 13px 14px; margin-bottom: 14px; border: 1px solid var(--nx-line); border-radius: 15px; background: #fff; box-shadow: 0 7px 22px rgba(36,27,75,.035); }
.nxadm-search { position: relative; display: block; flex: 1; max-width: 430px; }.nxadm-search .dashicons { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9aa3b3; font-size: 17px; }
.nxadm-search input, .nxadm-toolbar select { width: 100%; height: 40px; border: 1px solid #dfe3eb; border-radius: 10px; outline: none; color: var(--nx-ink); background: #fafbfc; font-size: 11px; transition: .16s ease; }.nxadm-search input { padding: 0 14px 0 38px; }.nxadm-toolbar select { width: 175px; padding: 0 11px; }.nxadm-search input:focus, .nxadm-toolbar select:focus { border-color: #9c7af2; background: #fff; box-shadow: 0 0 0 3px rgba(108,61,242,.08); }
.nxadm-result-count { margin-left: auto; color: #8993a5; font-size: 10.5px; }.nxadm-result-count b { color: var(--nx-ink); }
.nxadm-table-panel { overflow: visible; }.nxadm-table-panel > .nxadm-panel-head { padding: 19px 20px 0; }.nxadm-table-scroll { width: 100%; overflow-x: auto; border-radius: 0 0 18px 18px; }
.nxadm-company-table-scroll { overflow: visible; }
.nxadm-data-table { width: 100%; border-collapse: collapse; font-size: 11px; }.nxadm-data-table th { padding: 12px 16px; color: #8791a4; background: #f8f9fc; border-top: 1px solid #eef0f5; border-bottom: 1px solid #e8ebf1; font-size: 9px; font-weight: 830; letter-spacing: .065em; text-align: left; text-transform: uppercase; white-space: nowrap; }.nxadm-data-table td { padding: 15px 16px; border-bottom: 1px solid #eef0f4; color: #2d3548; vertical-align: middle; }.nxadm-data-table tr:last-child td { border-bottom: 0; }.nxadm-data-table tbody tr:hover { background: #fcfbff; }
.nxadm-data-table strong { color: var(--nx-ink); font-size: 11px; }.nxadm-data-table code { display: inline-block; padding: 4px 7px; border-radius: 6px; color: #554475; background: #f2eff8; font-family: "SFMono-Regular", Consolas, monospace; font-size: 9.5px; }
.nxadm-company-cell { display: grid; grid-template-columns: 36px minmax(145px,1fr); align-items: center; gap: 10px; }.nxadm-company-cell strong, .nxadm-company-cell small, .nxadm-company-cell a { display: block; }.nxadm-company-cell a { margin-top: 2px; color: var(--nx-primary); font-size: 9.5px; text-decoration: none; }.nxadm-company-cell a .dashicons { display: inline; font-size: 11px; vertical-align: -2px; }.nxadm-company-cell small { margin-top: 2px; color: #929bad; font-size: 9.5px; }
.nxadm-table-sub { display: block; margin-top: 3px; color: #929bad; font-size: 9.5px; font-weight: 400; }
.nxadm-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }.nxadm-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.nxadm-status.is-success { color: #087c49; background: #e8f8f0; }.nxadm-status.is-warning { color: #966100; background: #fff3d8; }.nxadm-status.is-danger { color: #b4233b; background: #ffebef; }.nxadm-status.is-neutral { color: #697386; background: #f0f2f5; }
.nxadm-actions-cell { width: 52px; text-align: right; }.nxadm-actions-menu { position: relative; display: inline-block; }.nxadm-actions-menu summary { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #e1e4ec; border-radius: 9px; color: var(--nx-primary); background: #fff; list-style: none; }.nxadm-actions-menu summary::-webkit-details-marker { display: none; }.nxadm-actions-menu[open] summary { border-color: #b7a4f3; background: #f7f4ff; }.nxadm-actions-label { display:none; }
.nxadm-actions-menu > div { position: absolute; z-index: 15; top: 41px; right: 0; width: 265px; padding: 13px; border: 1px solid #e0e3eb; border-radius: 13px; background: #fff; box-shadow: 0 15px 42px rgba(32,24,61,.15); text-align: left; }.nxadm-manage-form { display: grid; gap: 9px; }.nxadm-manage-form label { color: #596477; font-size: 9.5px; font-weight: 750; }.nxadm-manage-form input, .nxadm-manage-form select { width: 100%; height: 35px; padding: 0 9px; margin-top: 4px; border: 1px solid #dfe2ea; border-radius: 8px; color: var(--nx-ink); background: #fff; font-size: 10px; }.nxadm-manage-form .nxadm-secondary { min-height: 35px; }
.nxadm-danger-link { display: flex; align-items: center; gap: 6px; width: 100%; padding: 10px 4px 2px; margin-top: 10px; border: 0; border-top: 1px solid #f0f1f5; color: var(--nx-red); background: none; font-size: 10px; font-weight: 730; }.nxadm-danger-link .dashicons { font-size: 15px; }
.nxadm-danger-link.is-final { margin-top:7px;padding:9px 8px;border:1px solid #ffd0d8;border-radius:8px;background:#fff5f7;color:#b71935; }.nxadm-danger-link.is-final:hover { border-color:#f3a4b1;background:#ffedf1; }
.nxadm-icon-danger { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #ffd0d7; border-radius: 9px; color: var(--nx-red); background: #fff; }.nxadm-icon-danger:hover { background: #fff3f5; }
.nxadm-empty-state { padding: 55px 20px; color: var(--nx-muted); text-align: center; }.nxadm-empty-state > .dashicons { display: grid; width: 48px; height: 48px; margin: 0 auto 13px; place-items: center; border-radius: 14px; color: var(--nx-primary); background: #f0ebff; font-size: 22px; }.nxadm-empty-state h3 { margin-bottom: 5px; color: var(--nx-ink); font-size: 14px; }.nxadm-empty-state p { margin-bottom: 15px; font-size: 11px; }

.nxadm-server-monitor { display: grid; gap: 16px; }.nxadm-host-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.nxadm-host-metric { position: relative; overflow: hidden; padding: 19px; border: 1px solid var(--nx-line); border-radius: 17px; background: #fff; box-shadow: var(--nx-shadow); }.nxadm-host-icon { position: absolute; top: 17px; right: 17px; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; }.nxadm-host-icon.is-purple { color: var(--nx-primary); background:#f0ebff; }.nxadm-host-icon.is-blue { color:var(--nx-blue); background:#eaf7ff; }.nxadm-host-icon.is-pink { color:var(--nx-pink); background:#ffebf3; }.nxadm-host-icon.is-orange { color:var(--nx-orange); background:#fff4df; }
.nxadm-host-metric-head { display: flex; justify-content: space-between; gap: 8px; width: calc(100% - 48px); color: #8c96a8; font-size: 9px; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }.nxadm-host-metric > strong { display: block; margin: 15px 0 12px; font-size: 28px; line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }.nxadm-host-metric > small { display: block; margin-top: 9px; color: #8d96a8; font-size: 9.5px; }.nxadm-meter { height: 6px; overflow: hidden; border-radius: 999px; background: #eceef4; }.nxadm-meter i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--nx-primary),#a64cdd); transition: width .35s ease; }.nxadm-host-metric.is-warn .nxadm-meter i { background: linear-gradient(90deg,#f4b327,var(--nx-orange)); }.nxadm-host-metric.is-danger .nxadm-meter i { background: linear-gradient(90deg,#ef4b58,var(--nx-pink)); }
.nxadm-monitor-note { display: flex; justify-content: space-between; gap: 15px; align-items: center; min-height: 50px; padding: 0 16px; border: 1px solid #dceee5; border-radius: 13px; color: #3a6a54; background: #f7fcf9; font-size: 10.5px; }.nxadm-monitor-note > div { display:flex;align-items:center; }.nxadm-monitor-dot { width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--nx-green); box-shadow:0 0 0 4px rgba(18,183,106,.1); }.nxadm-monitor-note strong { font-size: 10.5px; }.nxadm-monitor-note.is-warn { color:#8a5f07;border-color:#f0ddb3;background:#fffaf0; }.nxadm-monitor-note.is-warn .nxadm-monitor-dot { background:var(--nx-orange);box-shadow:0 0 0 4px rgba(247,144,9,.1); }.nxadm-monitor-note.is-danger { color:#a02a3e;border-color:#f3cbd2;background:#fff7f8; }.nxadm-monitor-note.is-danger .nxadm-monitor-dot { background:var(--nx-red);box-shadow:0 0 0 4px rgba(230,60,85,.1); }
.nxadm-resource-panel { margin-top: 2px; }.nxadm-monitor-updated { color: #8f98a9; font-size: 9.5px; }.nxadm-resource-table td { white-space: nowrap; }.nxadm-resource-table td:first-child { min-width: 170px; white-space: normal; }.nxadm-resource-main { display: block; color: var(--nx-ink); font-weight: 780; font-variant-numeric: tabular-nums; }.nxadm-resource-sub, .nxadm-company-domain { display: block; margin-top: 3px; color: #929bad; font-size: 9px; }.nxadm-health { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: #087c49; background: #e8f8f0; font-size: 9px; font-weight: 800; }.nxadm-health.is-idle { color:#697386;background:#f0f2f5; }.nxadm-health.is-warn { color:#966100;background:#fff3d8; }.nxadm-health.is-danger { color:#b4233b;background:#ffebef; }.nxadm-resource-empty { padding: 35px!important; color: var(--nx-muted)!important; text-align:center; }.nxadm-monitor-error { color:var(--nx-red)!important; }

.nxadm-form-panel { padding: 22px!important; margin-bottom: 18px; }.nxadm-form-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.nxadm-form-grid label, .nxadm-modal label { color: #4d586d; font-size: 10px; font-weight: 750; }.nxadm-form-grid label.is-wide { grid-column: span 2; }.nxadm-form-grid input, .nxadm-form-grid select, .nxadm-form-grid textarea, .nxadm-modal input { display: block; width: 100%; height: 42px; padding: 0 12px; margin-top: 6px; border: 1px solid #dce1e9; border-radius: 10px; outline: none; color: var(--nx-ink); background: #fbfcfd; font-size: 11px; transition:.16s ease; }.nxadm-form-grid textarea { height:auto;padding:11px 12px;resize:vertical; }.nxadm-form-grid input:focus, .nxadm-form-grid select:focus, .nxadm-form-grid textarea:focus, .nxadm-modal input:focus { border-color:#9b7cf0;background:#fff;box-shadow:0 0 0 3px rgba(108,61,242,.08); }.nxadm-form-submit { grid-column: 1/-1; display:flex;justify-content:flex-end;margin-top:2px; }.nxadm-domain-input { position:relative;display:flex;align-items:center;margin-top:6px; }.nxadm-domain-input input { margin:0;padding-right:100px; }.nxadm-domain-input span { position:absolute;right:10px;color:#9aa3b4;font-size:9.5px; }
.nxadm-field-help { display:block;margin-top:5px;color:#8a94a7;font-size:9px;font-weight:600;line-height:1.35; }
.nxadm-review-form { min-width: 190px; }.nxadm-review-form input, .nxadm-provision-form input, .nxadm-provision-form select { width: 100%; height: 34px; padding: 0 8px; border:1px solid #dfe2e9;border-radius:8px;background:#fff;font-size:9.5px; }.nxadm-review-form > div { display:flex;gap:5px;margin-top:6px; }.nxadm-approve,.nxadm-reject { flex:1;min-height:31px;padding:0 9px;border:0;font-size:9px; }.nxadm-approve { color:#087c49;background:#e8f8f0; }.nxadm-reject { color:#b4233b;background:#ffebef; }.nxadm-provision-form { display:grid;grid-template-columns:minmax(120px,1fr) 90px 90px auto;gap:6px;min-width:460px; }.nxadm-provision-form .nxadm-primary { min-height:34px;padding:0 11px; }.nxadm-inline-error { margin-bottom:7px;color:var(--nx-red); }.nxadm-inline-error strong,.nxadm-inline-error small { display:block; }.nxadm-inline-error small { margin-top:2px;font-size:9px; }
.nxadm-provision-form.needs-password { grid-template-columns:minmax(120px,1fr) 90px 90px minmax(125px,1fr) minmax(125px,1fr) auto;min-width:760px; }
.nxadm-checkout-config { border-color:#ddd4fb;background:linear-gradient(145deg,#fff 0%,#fcfaff 100%); }.nxadm-checkout-note { margin:16px 0 0;padding:11px 13px;border-radius:10px;color:#625777;background:#f7f4ff;font-size:10px;line-height:1.55; }.nxadm-page[data-nxadm-page="pagos"]>.nxadm-table-panel { margin-bottom:18px; }.nxadm-proof-link { display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #d9cff9;border-radius:9px;color:var(--nx-primary);background:#faf8ff;font-weight:780;text-decoration:none;white-space:nowrap; }.nxadm-proof-link .dashicons { font-size:15px; }.nxadm-review-reason { display:block;margin-top:8px;max-width:220px;line-height:1.4; }.nxadm-checkout-table td { min-width:145px; }.nxadm-checkout-table td:first-child { min-width:210px; }
.nxadm-price-config { grid-column:1/-1;margin-top:2px; }.nxadm-price-config-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }.nxadm-price-config-head strong { display:block;color:var(--nx-ink);font-size:12px; }.nxadm-price-config-head small { display:block;margin-top:3px;color:#8791a3;font-size:9.5px;line-height:1.45; }.nxadm-price-groups { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px; }.nxadm-price-group { display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #e3def2;border-radius:14px;background:#fff; }.nxadm-price-group.is-monthly { border-color:#cfc2f8;background:linear-gradient(145deg,#fff,#faf8ff); }.nxadm-price-group>div { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid #eeebf5; }.nxadm-price-group h4 { margin:0;color:#242b3e;font-size:13px; }.nxadm-price-group>div span { padding:4px 7px;border-radius:999px;color:#6540dc;background:#f0ebff;font-size:8px;font-weight:820;text-transform:uppercase; }.nxadm-price-group label small { color:#9aa2b1;font-size:8px;font-weight:650; }.nxadm-price-group input { background:#fff; }
.nxadm-tax-config { margin-top:13px;padding:15px;border:1px solid #e0d7fb;border-radius:14px;background:linear-gradient(145deg,#fbf9ff,#fff); }.nxadm-tax-config .nxadm-conversion-head>span { color:#633ed7;background:#f0ebff; }.nxadm-tax-rates { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }.nxadm-tax-rates>label { min-width:0;padding:12px;border:1px solid #e5e0f2;border-radius:11px;background:#fff;color:#4d586d;font-size:9.5px;font-weight:780; }.nxadm-tax-rates input { height:40px;margin-top:7px;background:#fff;font-size:12px;font-variant-numeric:tabular-nums; }.nxadm-tax-rates label>span { display:block;margin-top:6px;color:#8b93a4;font-size:8.3px;font-weight:500;line-height:1.4; }
.nxadm-conversion-config { margin-top:13px;padding:15px;border:1px solid #dce8f1;border-radius:14px;background:linear-gradient(145deg,#f8fcff,#fff); }.nxadm-conversion-head { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px; }.nxadm-conversion-head strong { display:block;color:#27394a;font-size:12px; }.nxadm-conversion-head small { display:block;margin-top:3px;color:#7d8e9c;font-size:9.5px;line-height:1.45; }.nxadm-conversion-head>span { flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#176f9a;background:#e8f6fc;font-size:8px;font-weight:850;text-transform:uppercase; }.nxadm-conversion-rates { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }.nxadm-conversion-rates>article,.nxadm-conversion-rates>label { min-width:0;padding:12px;border:1px solid #e0e9ef;border-radius:11px;background:#fff; }.nxadm-rate-auto>div { display:flex;align-items:center;justify-content:space-between;gap:8px; }.nxadm-rate-auto>div strong { color:#334858;font-size:10px; }.nxadm-rate-auto>div span { padding:4px 6px;border-radius:999px;color:#087949;background:#eaf9f1;font-size:7.5px;font-weight:820;text-transform:uppercase; }.nxadm-rate-auto>b { display:block;margin-top:10px;color:#252f41;font-size:14px;font-variant-numeric:tabular-nums; }.nxadm-rate-auto>small,.nxadm-conversion-rates label>span { display:block;margin-top:5px;color:#8a97a3;font-size:8.5px;line-height:1.4; }.nxadm-conversion-rates label>small { color:#9aa2b1;font-size:8px;font-weight:650; }
.nxadm-binance-manual-config{grid-column:1/-1;margin-top:2px;padding:16px;border:1px solid #ead991;border-radius:15px;background:linear-gradient(145deg,#fffdf5,#fff)}.nxadm-binance-manual-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.nxadm-binance-manual-head>div{display:flex;align-items:center;gap:10px}.nxadm-binance-manual-head .dashicons{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff2b7;color:#765700}.nxadm-binance-manual-head strong{display:block;color:#2f3445;font-size:12px}.nxadm-binance-manual-head small{display:block;max-width:620px;margin-top:3px;color:#7e7761;font-size:9px;line-height:1.45}.nxadm-binance-manual-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.nxadm-binance-manual-fields .is-wide{grid-column:1/-1}.nxadm-binance-manual-config>p{margin:12px 0 0;padding-top:11px;border-top:1px solid #eee4bd;color:#766e54;font-size:9px;line-height:1.5}.nxadm-switch{display:flex!important;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.nxadm-switch input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.nxadm-switch span{position:relative;width:39px;height:22px;border-radius:999px;background:#d9dce4;transition:.2s}.nxadm-switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.nxadm-switch input:checked+span{background:linear-gradient(135deg,#7050ee,#e20b67)}.nxadm-switch input:checked+span:after{transform:translateX(17px)}.nxadm-switch b{color:#5d566f;font-size:9px}
.nxadm-global-alert, .nxadm-aviso { display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin-bottom:17px;border-radius:12px;font-size:11px;font-weight:650; }.nxadm-global-alert { color:#8b5b00;border:1px solid #f2d99e;background:#fff8e8; }.nxadm-global-alert strong,.nxadm-global-alert p { display:block;margin:0; }.nxadm-global-alert p { margin-top:2px;font-weight:400; }.nxadm-aviso.ok { color:#087c49;border:1px solid #bee8d3;background:#effaf4; }.nxadm-aviso.err { color:#b4233b;border:1px solid #f3c6ce;background:#fff2f4; }
.nxadm-payment-alert{align-items:center;border-color:#f1c878;background:linear-gradient(135deg,#fff9e9,#fff3d0);box-shadow:0 10px 28px rgba(126,83,0,.09)}.nxadm-payment-alert>span{font-size:22px;width:24px;height:24px}.nxadm-payment-alert>div{flex:1}.nxadm-payment-alert strong{color:#684300;font-size:13px}.nxadm-payment-alert button{padding:9px 13px;border:0;border-radius:9px;background:#6b43e7;color:#fff;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.nxadm-live-request-toast { position:fixed;z-index:12000;top:22px;right:22px;display:flex;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));padding:16px 18px;border:1px solid #cabdf8;border-radius:15px;color:#2c2445;background:rgba(255,255,255,.97);box-shadow:0 22px 65px rgba(40,25,92,.24);backdrop-filter:blur(14px);animation:nxadmLiveToast .22s ease both; }.nxadm-live-request-toast[hidden]{display:none}.nxadm-live-request-toast>.dashicons{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#6b43e7,#e0146b);font-size:20px}.nxadm-live-request-toast strong,.nxadm-live-request-toast p{display:block;margin:0}.nxadm-live-request-toast strong{font-size:12px}.nxadm-live-request-toast p{margin-top:3px;color:#747d90;font-size:10px;line-height:1.4}@keyframes nxadmLiveToast{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}

.nxadm-modal { position: fixed; z-index: 10000; inset: 0; display: none; align-items: center; justify-content: center; padding: 22px; }.nxadm-modal.is-open { display:flex; }.nxadm-modal-backdrop { position:absolute;inset:0;background:rgba(17,20,35,.62);backdrop-filter:blur(8px); }.nxadm-modal-dialog { position:relative;z-index:1;width:min(460px,100%);padding:30px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(10,10,25,.28);animation:nxadmModal .2s ease both; }.nxadm-modal-close { position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #e1e4eb;border-radius:9px;color:#6c3df2;background:#fff; }.nxadm-modal-icon { display:grid;width:48px;height:48px;margin-bottom:17px;place-items:center;border-radius:14px;color:var(--nx-red);background:#ffedf1; }.nxadm-modal-dialog h3 { margin:0 0 8px;font-size:20px; }.nxadm-modal-dialog > p { margin:0 0 19px;color:#727c8f;font-size:11.5px;line-height:1.6; }.nxadm-modal-dialog label { display:block;margin-top:12px; }.nxadm-modal-actions { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px; }.nxadm-modal-actions button { min-height:42px; }.nxadm-modal[aria-hidden="false"] { display:flex; }.nxadm-modal-open { overflow:hidden!important; }
.nxadm-erase-modal .nxadm-modal-dialog { width:min(520px,100%);border-color:#ffd5dc;background:linear-gradient(160deg,#fff 0%,#fffafb 100%); }.nxadm-erase-modal .nxadm-eyebrow { color:#bb1734; }.nxadm-erase-modal code { display:inline-block;margin-left:4px;padding:3px 6px;border-radius:6px;color:#a31630;background:#ffedf1;font-size:10px; }.nxadm-erase-list { display:grid;gap:6px;margin:0 0 17px;padding:13px 15px 13px 31px;border:1px solid #f3d4da;border-radius:11px;color:#6e4350;background:#fff6f8;font-size:10.5px;line-height:1.45; }.nxadm-erase-check { display:flex!important;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #f0cbd2;border-radius:10px;background:#fff7f8;line-height:1.45; }.nxadm-modal .nxadm-erase-check input { flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;padding:0;accent-color:#d51f43; }.nxadm-erase-check span { color:#8d2035; }.nxadm-danger:disabled { cursor:not-allowed;filter:grayscale(.2);opacity:.42; }
@keyframes nxadmModal { from{opacity:0;transform:translateY(9px) scale(.985)} to{opacity:1;transform:none} }
.nxadm-maintenance { max-width:680px;margin:80px auto;padding:24px;border:1px solid #f1d99f;border-radius:14px;background:#fff8e8;font-family:"Segoe UI",sans-serif; }
.nxadm-mobile-menu,.nxadm-sidebar-backdrop { display:none; }

@media (max-width: 1180px) {
    .nxadm-sidebar { width: 226px; }
    .nxadm-main { width: calc(100% - 226px); margin-left: 226px; }
    .nxadm-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nxadm-host-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nxadm-form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nxadm-price-groups { grid-template-columns:1fr; }
    .nxadm-tax-rates { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .nxadm-conversion-rates { grid-template-columns:1fr; }
}

@media (max-width: 860px) {
    .nxadm-mobile-menu { position:fixed;z-index:95;top:17px;left:16px;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--nx-primary),var(--nx-pink));box-shadow:0 8px 20px rgba(72,40,154,.25); }
    .nxadm-sidebar { width:260px;transform:translateX(-105%);transition:transform .22s ease; }
    .nxadm-app.is-menu-open .nxadm-sidebar { transform:none; }
    .nxadm-sidebar-backdrop { position:fixed;z-index:70;inset:0;background:rgba(15,18,32,.45);backdrop-filter:blur(3px); }
    .nxadm-app.is-menu-open .nxadm-sidebar-backdrop { display:block; }
    .nxadm-main { width:100%;margin-left:0; }
    .nxadm-topbar { min-height:76px;padding:14px 18px 14px 70px; }
    .nxadm-topbar h1 { font-size:19px; }.nxadm-topbar p,.nxadm-live-pill { display:none; }
    .nxadm-content { padding:22px 16px 38px; }
    .nxadm-dashboard-grid { grid-template-columns:1fr; }
    .nxadm-hero { min-height:0;padding:28px; }.nxadm-hero-health { min-width:260px; }

    /* The company directory becomes a card list instead of a clipped table. */
    .nxadm-company-table-panel { border:0;background:transparent;box-shadow:none; }
    .nxadm-company-table-scroll { overflow:visible;border-radius:0; }
    .nxadm-company-table,.nxadm-company-table tbody { display:block;width:100%; }
    .nxadm-company-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap; }
    .nxadm-company-table tr[data-company-row] { display:block;overflow:visible;margin:0 0 14px;border:1px solid #e5e1f2;border-radius:17px;background:#fff;box-shadow:0 9px 26px rgba(36,27,75,.06); }
    .nxadm-company-table tr[data-company-row][hidden] { display:none!important; }
    .nxadm-company-table tr[data-company-row]:hover { background:#fff; }
    .nxadm-company-table td { display:grid;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:12px;align-items:center;width:auto;padding:12px 16px;border-bottom:1px solid #eef0f5;text-align:left; }
    .nxadm-company-table td::before { content:attr(data-label);color:#8791a4;font-size:9px;font-weight:830;letter-spacing:.055em;text-transform:uppercase; }
    .nxadm-company-table td:first-child { display:block;padding:16px;background:linear-gradient(110deg,#fbfaff,#fff);border-radius:17px 17px 0 0; }
    .nxadm-company-table td:first-child::before { display:none; }
    .nxadm-company-table td:last-child { display:block;width:auto;padding:13px 16px;border:0;border-radius:0 0 17px 17px;background:#fbfaff; }
    .nxadm-company-table td:last-child::before { display:none; }
    .nxadm-company-table .nxadm-company-cell { grid-template-columns:40px minmax(0,1fr); }
    .nxadm-company-table .nxadm-company-cell strong { font-size:12px; }
    .nxadm-company-table .nxadm-company-cell a,.nxadm-company-table .nxadm-company-cell small,.nxadm-company-table .nxadm-table-sub { overflow-wrap:anywhere; }
    .nxadm-company-table .nxadm-actions-menu { display:block;width:100%; }
    .nxadm-company-table .nxadm-actions-menu summary { display:flex;width:100%;height:42px;gap:7px;align-items:center;justify-content:center;box-sizing:border-box;font-weight:780;cursor:pointer; }
    .nxadm-company-table .nxadm-actions-label { display:inline; }
    .nxadm-company-table .nxadm-actions-menu > div { position:static;width:auto;margin-top:10px;padding:14px;border-radius:11px;background:#fff;box-shadow:none; }
    .nxadm-company-table .nxadm-manage-form input,.nxadm-company-table .nxadm-manage-form select { height:40px;font-size:11px; }
    .nxadm-company-table .nxadm-manage-form .nxadm-secondary { width:100%;min-height:40px; }
}

@media (max-width: 640px) {
    .nxadm-topbar-actions .nxadm-clock { display:none; }
    .nxadm-hero { display:block; }.nxadm-hero-health { min-width:0;margin-top:22px; }
    .nxadm-kpi-grid,.nxadm-host-grid,.nxadm-form-grid { grid-template-columns:1fr; }
    .nxadm-tax-rates { grid-template-columns:1fr; }
    .nxadm-live-request-toast { top:12px;right:16px; }
    .nxadm-price-group { grid-template-columns:1fr; }.nxadm-price-group>div { grid-column:auto; }
    .nxadm-form-grid label.is-wide { grid-column:auto; }.nxadm-form-submit { grid-column:auto; }.nxadm-form-submit .nxadm-primary { width:100%; }
    .nxadm-overview-metrics { grid-template-columns:1fr; }
    .nxadm-module-head { align-items:flex-start;flex-direction:column; }.nxadm-module-head > button { width:100%; }
    .nxadm-toolbar { align-items:stretch;flex-direction:column; }.nxadm-search { max-width:none; }.nxadm-toolbar select { width:100%; }.nxadm-result-count { margin-left:0; }
    .nxadm-monitor-note { align-items:flex-start;flex-direction:column;padding:13px 15px; }
    .nxadm-panel-head { align-items:flex-start; }.nxadm-link-button { white-space:nowrap; }
    .nxadm-modal-dialog { padding:26px 21px; }.nxadm-modal-actions { grid-template-columns:1fr; }
}

/* ========================================================================== 
   Noalyx application shell

   The SaaS administrator shares the same visual language as every Noalyx
   company: a light workspace, white navigation surfaces, compact controls
   and restrained purple accents. These rules intentionally leave the panel
   markup and all operational behaviour untouched.
   ========================================================================== */
.nxadm-app,
.nxadm-modal {
    --nx-primary: #6d45e5;
    --nx-primary-dark: #5731cf;
    --nx-pink: #d71979;
    --nx-blue: #08a6ec;
    --nx-green: #16a564;
    --nx-orange: #e89508;
    --nx-red: #f5013c;
    --nx-ink: #182134;
    --nx-muted: #7f8a9d;
    --nx-line: #e3e7ef;
    --nx-bg: #f2f5fa;
    --nx-card: #fff;
    --nx-shadow: 0 8px 22px rgba(26, 35, 58, .045);
}

.nxadm-app {
    min-height: 100dvh;
    padding: 12px;
    background:
        radial-gradient(circle at 100% 0, rgba(109, 69, 229, .035), transparent 27%),
        var(--nx-bg);
}

.nxadm-sidebar {
    inset: 12px auto 12px 12px;
    width: 220px;
    padding: 14px 10px 10px;
    color: var(--nx-ink);
    border: 1px solid var(--nx-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 7px 0 18px -8px rgba(38, 48, 72, .24);
}

.nxadm-brand {
    min-height: 45px;
    padding: 0 10px 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #eef1f6;
}

.nxadm-brand img {
    width: 126px;
    max-height: 34px;
    filter: none;
}

.nxadm-brand-fallback { color: var(--nx-ink); }
.nxadm-env {
    padding: 4px 7px;
    border: 1px solid #ddd5f8;
    color: #6036d6;
    background: #f3efff;
}

.nxadm-sidebar-label {
    padding: 0 13px;
    margin-bottom: 8px;
    color: #a7afbd;
    font-size: 9px;
}

.nxadm-nav { gap: 2px; }
.nxadm-nav button {
    min-height: 43px;
    padding: 0 13px;
    border-radius: 12px;
    color: #667085;
    font-size: 12.5px;
    font-weight: 650;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.nxadm-nav button:hover {
    color: #6036d6;
    background: #f7f5fc;
    transform: none;
}

.nxadm-nav button.is-active {
    color: #6036d6;
    background: linear-gradient(90deg, rgba(109, 69, 229, .14), rgba(128, 85, 232, .055));
    box-shadow: inset 3px 0 0 #6d45e5;
}

.nxadm-nav button.is-active:before { content: none; }
.nxadm-nav button b {
    min-width: 21px;
    height: 21px;
    color: #7d8798;
    background: #f0f2f6;
}

.nxadm-nav button.is-active b {
    color: #6036d6;
    background: #e9e2ff;
}

.nxadm-nav button b.is-alert {
    color: #c31555;
    background: #ffeaf2;
}

.nxadm-nav button i { box-shadow: 0 0 0 4px rgba(22, 165, 100, .11); }
.nxadm-sidebar-spacer { min-height: 24px; }
.nxadm-system-card {
    margin: 0 2px 10px;
    padding: 11px;
    border-color: #e2e5ee;
    background: linear-gradient(145deg, #fff 0%, #f8f8fd 62%, #f6f2ff 100%);
    box-shadow: 0 7px 18px rgba(39, 45, 72, .055);
}

.nxadm-system-icon {
    color: #128753;
    background: #e9f8f1;
}

.nxadm-system-card strong,
.nxadm-user-card strong { color: var(--nx-ink); }
.nxadm-system-card small,
.nxadm-user-card small { color: #929cad; }
.nxadm-user-card {
    padding: 11px 8px 2px;
    border-top-color: #eaedf3;
}

.nxadm-user-card a { color: #8d96a7; }
.nxadm-user-card a:hover {
    color: var(--nx-primary);
    background: #f3efff;
}

.nxadm-main {
    width: calc(100% - 232px);
    margin-left: 232px;
}

.nxadm-topbar {
    min-height: 78px;
    padding: 13px 20px;
    border: 1px solid var(--nx-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 20px rgba(16, 24, 40, .045);
}

.nxadm-breadcrumb {
    margin-bottom: 3px;
    color: #a3acba;
    font-size: 9px;
}

.nxadm-topbar h1 {
    margin-bottom: 2px;
    font-size: 20px;
    font-weight: 800;
}

.nxadm-topbar p { font-size: 11px; }
.nxadm-live-pill,
.nxadm-clock {
    height: 40px;
    padding: 0 12px;
    border-color: var(--nx-line);
    border-radius: 10px;
    color: #596579;
    background: #f7f8fb;
    box-shadow: none;
}

.nxadm-clock { min-width: 100px; }
.nxadm-content {
    width: min(1480px, 100%);
    padding: 20px 18px 42px;
}

.nxadm-module-head {
    align-items: center;
    margin: 4px 0 18px;
}

.nxadm-module-head h2 {
    font-size: 23px;
    font-weight: 750;
}

.nxadm-module-head p { font-size: 12px; }
.nxadm-eyebrow { color: #7042df; }

/* On the company directory the global top bar already names the page. Keep
   only the primary action here and avoid repeating two large page headings. */
.nxadm-page[data-nxadm-page="empresas"] > .nxadm-module-head {
    min-height: 42px;
    justify-content: flex-end;
    margin: 0 0 12px;
}

.nxadm-page[data-nxadm-page="empresas"] > .nxadm-module-head > div { display: none; }

.nxadm-primary,
.nxadm-secondary,
.nxadm-danger,
.nxadm-approve,
.nxadm-reject {
    min-height: 42px;
    border-radius: 10px;
    font-size: 11.5px;
    font-weight: 780;
}

.nxadm-primary {
    background: linear-gradient(112deg, #08a6ec 0%, #6d45e5 52%, #d71979 100%);
    box-shadow: 0 8px 18px rgba(109, 69, 229, .18);
}

.nxadm-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(109, 69, 229, .24);
}

.nxadm-toolbar {
    min-height: 64px;
    padding: 11px 12px;
    margin-bottom: 12px;
    border-radius: 14px;
    box-shadow: 0 7px 20px rgba(41, 51, 78, .04);
}

.nxadm-search { max-width: 520px; }
.nxadm-search input,
.nxadm-toolbar select {
    height: 42px;
    border-color: #dfe4ec;
    background: #f7f8fb;
    font-size: 11.5px;
}

.nxadm-toolbar select { width: 205px; }
.nxadm-result-count { font-size: 11px; }
.nxadm-panel {
    border-color: var(--nx-line);
    border-radius: 15px;
    box-shadow: var(--nx-shadow);
}

.nxadm-table-scroll { border-radius: 0 0 15px 15px; }
.nxadm-data-table { font-size: 11.5px; }
.nxadm-data-table th {
    padding: 12px 16px;
    color: #8b95a7;
    background: #f7f8fb;
    font-size: 8.5px;
}

.nxadm-data-table td {
    padding: 15px 16px;
    border-bottom-color: #edf0f5;
}

.nxadm-data-table tbody tr { transition: background .16s ease; }
.nxadm-data-table tbody tr:hover { background: #fbfaff; }
.nxadm-data-table strong { font-size: 11.5px; }
.nxadm-company-cell {
    grid-template-columns: 40px minmax(150px, 1fr);
    gap: 11px;
}

.nxadm-company-mark {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: linear-gradient(145deg, #7042df, #8952e6);
    box-shadow: 0 7px 15px rgba(109, 69, 229, .16);
}

.nxadm-company-cell a { color: #6d45e5; }
.nxadm-table-sub,
.nxadm-company-cell small { color: #929cad; }
.nxadm-status { padding: 5px 9px; }
.nxadm-actions-menu summary {
    width: 36px;
    height: 36px;
    border-color: #dfe4ec;
    border-radius: 10px;
    color: #6d45e5;
    background: #fff;
}

.nxadm-actions-menu summary:hover,
.nxadm-actions-menu[open] summary {
    border-color: #cbbcf5;
    background: #f5f1ff;
}

.nxadm-actions-menu > div {
    border-color: #dfe4ec;
    box-shadow: 0 16px 42px rgba(32, 24, 61, .14);
}

/* Summary screen: use Noalyx cards instead of a dark, unrelated hero. */
.nxadm-hero {
    min-height: 132px;
    padding: 24px 26px;
    border: 1.5px solid rgba(109, 69, 229, .58);
    border-radius: 15px;
    color: var(--nx-ink);
    background: linear-gradient(115deg, #fff 0%, #fbfaff 72%, #fff5fa 100%);
    box-shadow: none;
}

.nxadm-hero:before {
    right: -110px;
    top: -210px;
    opacity: .48;
    border-color: rgba(109, 69, 229, .10);
    box-shadow: 0 0 0 62px rgba(109, 69, 229, .025), 0 0 0 124px rgba(215, 25, 121, .018);
}

.nxadm-hero:after { opacity: .08; }
.nxadm-hero .nxadm-eyebrow { color: #7042df; }
.nxadm-hero h2 {
    margin-bottom: 5px;
    color: var(--nx-ink);
    font-size: clamp(23px, 2vw, 30px);
    font-weight: 750;
}

.nxadm-hero p { color: #7f8a9d; }
.nxadm-hero-health {
    min-width: 285px;
    padding: 14px 16px;
    border-color: #dde8e2;
    color: var(--nx-ink);
    background: rgba(247, 252, 249, .9);
}

.nxadm-health-orbit { border-color: #d4eadf; }
.nxadm-hero-health small { color: #819087; }
.nxadm-hero-health strong { color: var(--nx-ink); }
.nxadm-hero-health span { color: #7f8a9d; }
.nxadm-kpi { border-left: 4px solid currentColor; border-radius: 16px; box-shadow: var(--nx-shadow); }
.nxadm-kpi-icon {
    flex-basis: 38px;
    height: 38px;
    border-radius: 10px;
    opacity: .92;
}

.nxadm-kpi strong { font-size: 25px; }
.nxadm-host-metric { border-radius: 15px; }
.nxadm-form-panel { border-radius: 15px; }

@media (max-width: 1180px) {
    .nxadm-sidebar { width: 206px; }
    .nxadm-main { width: calc(100% - 218px); margin-left: 218px; }
}

@media (max-width: 860px) {
    .nxadm-app { padding: 8px; }
    .nxadm-mobile-menu {
        top: 19px;
        left: 18px;
        color: #6036d6;
        border: 1px solid #ddd5f8;
        background: #f3efff;
        box-shadow: none;
    }

    .nxadm-sidebar {
        inset: 8px auto 8px 8px;
        width: 260px;
        box-shadow: 18px 0 48px rgba(24, 33, 52, .18);
    }

    .nxadm-main { width: 100%; margin-left: 0; }
    .nxadm-topbar {
        min-height: 68px;
        padding: 11px 14px 11px 62px;
    }

    .nxadm-content { padding: 18px 8px 34px; }
    .nxadm-company-table tr[data-company-row] {
        border-color: var(--nx-line);
        border-radius: 15px;
        box-shadow: var(--nx-shadow);
    }

    .nxadm-company-table td:first-child { border-radius: 15px 15px 0 0; }
    .nxadm-company-table td:last-child { border-radius: 0 0 15px 15px; }
}

@media (max-width: 640px) {
    .nxadm-topbar h1 { font-size: 17px; }
    .nxadm-page[data-nxadm-page="empresas"] > .nxadm-module-head { min-height: 42px; }
    .nxadm-page[data-nxadm-page="empresas"] > .nxadm-module-head > button { width: 100%; }
    .nxadm-toolbar { border-radius: 13px; }
    .nxadm-hero { padding: 22px; }
}

.nxadm-pricing-assistant { margin-top:15px;padding:16px;border:1px solid #d8e4ec;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#fff 46%,#fbf9ff);box-shadow:0 12px 32px rgba(36,65,91,.045); }
.nxadm-pricing-assistant-head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px; }
.nxadm-pricing-assistant-head>div { display:flex;align-items:center;gap:10px; }
.nxadm-pricing-assistant-head>div>.dashicons { display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6547f5,#e20b67);box-shadow:0 8px 18px rgba(101,71,245,.18); }
.nxadm-pricing-assistant-head strong { display:block;color:#24374a;font-size:12px; }
.nxadm-pricing-assistant-head small { display:block;margin-top:3px;color:#7b8b98;font-size:9px;line-height:1.45; }
.nxadm-pricing-live { display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;color:#087949;background:#eaf9f1;font-size:8px;font-weight:850;text-transform:uppercase;white-space:nowrap; }
.nxadm-pricing-live i { width:6px;height:6px;border-radius:50%;background:#12a86d;box-shadow:0 0 0 4px rgba(18,168,109,.12); }
.nxadm-pricing-recommendation { display:grid;grid-template-columns:minmax(240px,1fr) 230px auto;align-items:end;gap:10px;padding:12px;border:1px solid #e0e7ef;border-radius:12px;background:#fff; }
.nxadm-pricing-recommendation>div strong { display:block;color:#2f4354;font-size:10px; }
.nxadm-pricing-recommendation>div span { display:block;margin-top:4px;color:#7f8e9b;font-size:8.5px;line-height:1.45; }
.nxadm-pricing-recommendation label { color:#556879;font-size:8.5px;font-weight:760; }
.nxadm-pricing-recommendation select { display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:9px 30px 9px 10px;border:1px solid #dce4eb;border-radius:9px;background:#f7f9fc;color:#24374a;font:750 9px inherit; }
.nxadm-pricing-policy { display:block;padding:8px 10px;border:1px solid #dce4eb;border-radius:9px;background:#f7f9fc; }
.nxadm-pricing-policy small,.nxadm-pricing-policy strong { display:block; }
.nxadm-pricing-policy small { color:#8b98a4;font-size:7px;text-transform:uppercase;letter-spacing:.06em; }
.nxadm-pricing-policy strong { margin-top:2px;color:#33495a;font-size:8.5px;line-height:1.35; }
.nxadm-pricing-recommendation button { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 12px;border:0;border-radius:9px;background:#1b2740;color:#fff;font-size:9px;font-weight:820;cursor:pointer;white-space:nowrap; }
.nxadm-pricing-recommendation button:hover { background:#5b42d8; }
.nxadm-pricing-recommendation button .dashicons { width:14px;height:14px;font-size:14px; }
.nxadm-pricing-preview { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px; }
.nxadm-pricing-preview article { min-width:0;padding:12px;border:1px solid #e0e8ef;border-radius:12px;background:rgba(255,255,255,.86); }
.nxadm-pricing-plan-head { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px; }
.nxadm-pricing-plan-head small { display:block;color:#9aa6b0;font-size:7px;text-transform:uppercase;letter-spacing:.08em; }
.nxadm-pricing-plan-head strong { display:block;color:#24374a;font-size:11px; }
.nxadm-pricing-plan-head>span { padding:4px 7px;border-radius:999px;color:#566a7b;background:#eff3f7;font-size:7.5px;font-weight:820; }
.nxadm-pricing-plan-head>span.is-good { color:#087949;background:#e8f8f0; }
.nxadm-pricing-plan-head>span.is-warning { color:#a26506;background:#fff4dc; }
.nxadm-pricing-ladder { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px; }
.nxadm-pricing-ladder>div { min-width:0;padding:9px;border-radius:9px;background:#f6f8fb; }
.nxadm-pricing-ladder>div small,.nxadm-pricing-ladder>div strong,.nxadm-pricing-ladder>div span { display:block; }
.nxadm-pricing-ladder>div small { color:#8493a0;font-size:7.5px;font-weight:760;text-transform:uppercase; }
.nxadm-pricing-ladder>div strong { margin-top:3px;color:#26394a;font-size:12px;font-variant-numeric:tabular-nums; }
.nxadm-pricing-ladder>div span { margin-top:3px;color:#7d8d99;font-size:7.5px;line-height:1.35; }
.nxadm-pricing-ladder>div .nxadm-pricing-regular-value { color:#8b98a4;text-decoration:line-through;text-decoration-thickness:1px; }
.nxadm-pricing-ladder>i { color:#a2aeba;font-size:10px;font-style:normal; }
.nxadm-pricing-status { display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 11px;border-radius:10px;color:#536a7a;background:#edf5fb; }
.nxadm-pricing-status .dashicons { width:14px;height:14px;font-size:14px; }
.nxadm-pricing-status p { margin:0;font-size:8.5px;line-height:1.45; }
.nxadm-pricing-status.is-good { color:#087949;background:#eaf9f1; }
.nxadm-pricing-status.is-warning { color:#97620d;background:#fff5df; }
@media(max-width:1180px){.nxadm-pricing-recommendation{grid-template-columns:1fr 1fr}.nxadm-pricing-recommendation>div{grid-column:1/-1}.nxadm-pricing-preview{grid-template-columns:1fr}}
@media(max-width:720px){.nxadm-pricing-assistant-head{align-items:flex-start}.nxadm-pricing-recommendation{grid-template-columns:1fr}.nxadm-pricing-recommendation>div{grid-column:auto}.nxadm-pricing-ladder{grid-template-columns:1fr}.nxadm-pricing-ladder>i{display:none}.nxadm-pricing-preview{grid-template-columns:1fr}}

.nxadm-binance-vault { position:relative;overflow:hidden;border-color:#dcd5fb;background:linear-gradient(145deg,#fff 0%,#fbfaff 56%,#f5f9ff 100%); }
.nxadm-binance-vault:before { content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#5c45e7,#278eff,#d80f70); }
.nxadm-vault-intro,.nxadm-vault-warning,.nxadm-vault-scope { display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid #e2ddf7;border-radius:12px;background:rgba(255,255,255,.88); }
.nxadm-vault-intro>.dashicons,.nxadm-vault-warning>.dashicons { display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6547f5,#278eff); }
.nxadm-vault-intro strong,.nxadm-vault-warning strong { display:block;color:#233347;font-size:11px; }
.nxadm-vault-intro p,.nxadm-vault-warning p,.nxadm-vault-scope p { margin:4px 0 0;color:#738397;font-size:9px;line-height:1.55; }
.nxadm-vault-warning { border-color:#f1cfd5;background:#fff7f8; }.nxadm-vault-warning>.dashicons { background:linear-gradient(135deg,#e33c5a,#a81d43); }
.nxadm-vault-form { margin-top:14px; }
.nxadm-vault-form label>span { display:block;margin-top:5px;color:#8794a4;font-size:8px;font-weight:600; }
.nxadm-vault-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.nxadm-vault-summary article { display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #e2e5f0;border-radius:12px;background:rgba(255,255,255,.9); }
.nxadm-vault-summary article>.dashicons { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:#5e45da;background:#f0ecff; }
.nxadm-vault-summary small,.nxadm-vault-summary strong { display:block;overflow:hidden;text-overflow:ellipsis; }
.nxadm-vault-summary small { color:#8995a4;font-size:7px;text-transform:uppercase;letter-spacing:.06em; }.nxadm-vault-summary strong { margin-top:3px;color:#243447;font-size:9px;white-space:nowrap; }
.nxadm-vault-note { margin:12px 0 0;color:#778598;font-size:9px;line-height:1.5; }
.nxadm-vault-actions { display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid #e6e1f4; }
.nxadm-vault-actions form { margin:0; }.nxadm-vault-actions button { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px; }
.nxadm-vault-remove { display:grid;grid-template-columns:minmax(180px,240px) auto auto;align-items:center;gap:8px; }
.nxadm-vault-remove>input { min-height:38px;padding:8px 10px;border:1px solid #dce1eb;border-radius:9px;font-size:9px; }
.nxadm-vault-remove>label { display:flex;align-items:center;gap:6px;color:#7b5360;font-size:8px;font-weight:700; }.nxadm-vault-remove>label input { margin:0; }
.nxadm-vault-remove .nxadm-icon-danger { width:auto;padding:8px 11px;white-space:nowrap; }
.nxadm-vault-scope { margin-top:14px;padding:10px 12px;color:#52667a;background:#eef6fc;border-color:#d9e9f5; }.nxadm-vault-scope>.dashicons { flex:0 0 16px;width:16px;height:16px;font-size:16px;color:#2787d8; }.nxadm-vault-scope p { margin:0;color:#52667a; }
@media(max-width:1050px){.nxadm-vault-summary{grid-template-columns:1fr 1fr}.nxadm-vault-actions{align-items:stretch;flex-direction:column}.nxadm-vault-remove{grid-template-columns:1fr auto}.nxadm-vault-remove>label{grid-column:1/-1;grid-row:2}}
@media(max-width:640px){.nxadm-vault-summary{grid-template-columns:1fr}.nxadm-vault-remove{grid-template-columns:1fr}.nxadm-vault-remove>label{grid-column:auto;grid-row:auto}.nxadm-vault-remove .nxadm-icon-danger{width:100%}}