/* ================================================================
   iBench-Team Modern UI — shared application surface system
   Cool graphite glass + blue/cyan technical accents.
   Loaded last by head.all.css.ctp to supersede the legacy dark skin.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  --ib-bg: #dce3e8;
  --ib-bg-cool: #b7c8d4;
  --ib-surface: rgba(248,250,252,.78);
  --ib-surface-strong: rgba(250,252,253,.93);
  --ib-surface-soft: rgba(255,255,255,.42);
  --ib-surface-smoke: rgba(67,70,70,.78);
  --ib-line: rgba(49,55,56,.13);
  --ib-line-light: rgba(255,255,255,.54);
  --ib-text: #252a2b;
  --ib-text-soft: #626b6d;
  --ib-text-muted: #858d8f;
  --ib-primary: #2f6fdf;
  --ib-primary-bright: #63aaf5;
  --ib-primary-soft: rgba(47,111,223,.12);
  /* Compatibility aliases for legacy selectors; values are now cool-tech. */
  --ib-copper: var(--ib-primary);
  --ib-copper-bright: var(--ib-primary-bright);
  --ib-copper-soft: var(--ib-primary-soft);
  --ib-cyan: #5baab2;
  --ib-cyan-soft: rgba(91,170,178,.12);
  --ib-success: #278b66;
  --ib-warning: #b47a27;
  --ib-danger: #c45d5d;
  --ib-info: #438fae;
  --ib-shadow: 0 22px 60px rgba(48,56,57,.13);
  --ib-shadow-soft: 0 10px 30px rgba(48,56,57,.09);
  --ib-topbar-height: 62px;
  --ib-topbar-bg: linear-gradient(135deg, rgba(246,250,253,.97), rgba(232,241,247,.97));
  --ib-topbar-border: rgba(115,145,168,.2);
  --ib-topbar-shadow: 0 8px 28px rgba(51,76,98,.09), inset 0 1px 0 rgba(255,255,255,.9);
  --ib-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ib-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* Compatibility with existing irl-* selectors and inline components. */
  --irl-bg-0: var(--ib-bg);
  --irl-bg-1: rgba(250,252,253,.7);
  --irl-bg-2: rgba(255,255,255,.78);
  --irl-bg-3: rgba(61,67,68,.08);
  --irl-bg-4: rgba(61,67,68,.14);
  --irl-border-subtle: rgba(49,55,56,.08);
  --irl-border: var(--ib-line);
  --irl-border-strong: rgba(49,55,56,.2);
  --irl-border-accent: rgba(47,111,223,.3);
  --irl-text: var(--ib-text);
  --irl-text-dim: var(--ib-text-soft);
  --irl-text-mute: var(--ib-text-muted);
  --irl-text-faint: #9da4a5;
  --irl-accent: var(--ib-primary);
  --irl-accent-light: var(--ib-primary-bright);
  --irl-accent-bright: #4d91ea;
  --irl-accent-glow: rgba(47,111,223,.2);
  --irl-accent-soft: var(--ib-primary-soft);
  --irl-accent-tint: rgba(47,111,223,.07);
  --irl-ok: var(--ib-success);
  --irl-ok-soft: rgba(39,139,102,.1);
  --irl-warn: var(--ib-warning);
  --irl-warn-soft: rgba(180,122,39,.1);
  --irl-danger: var(--ib-danger);
  --irl-danger-soft: rgba(196,93,93,.1);
  --irl-info: var(--ib-info);
  --irl-info-soft: rgba(67,143,174,.1);
  --irl-font: var(--ib-font);
  --irl-mono: var(--ib-mono);
}

html.irm-modern-ui {
  --bs-body-color: var(--ib-text-soft);
  --bs-body-bg: transparent;
  --bs-emphasis-color: var(--ib-text);
  --bs-heading-color: var(--ib-text);
  --bs-secondary-bg: rgba(255,255,255,.28);
  --bs-tertiary-bg: rgba(255,255,255,.18);
  --bs-border-color: rgba(49,55,56,.12);
  --bs-link-color: #245bb8;
  --bs-link-hover-color: #173f87;
}

@keyframes ib-grid-drift { to { background-position: 42px 42px; } }
@keyframes ib-soft-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes ib-pulse { 0%,100% { opacity:.5; transform:scale(.82); } 50% { opacity:1; transform:scale(1.08); } }
@keyframes ib-sheen { 0% { transform:translateX(-140%) skewX(-18deg); } 100% { transform:translateX(430%) skewX(-18deg); } }

html.irm-modern-ui,
html.irm-modern-ui body {
  min-height: 100%;
  background:
    radial-gradient(circle at 8% 8%, rgba(96,165,250,.32), transparent 29%),
    radial-gradient(circle at 92% 88%, rgba(34,211,238,.24), transparent 32%),
    linear-gradient(135deg, #edf2f6 0%, #d8e0e6 46%, #b7c8d4 100%) !important;
  color: var(--ib-text) !important;
  font-family: var(--ib-font) !important;
  -webkit-font-smoothing: antialiased;
}
html.irm-modern-ui body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(55,61,62,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,61,62,.035) 1px,transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.68),transparent 94%);
  animation: ib-grid-drift 28s linear infinite;
}

html.irm-modern-ui .page-wrapper,
html.irm-modern-ui .body-wrapper,
html.irm-modern-ui .container-fluid,
html.irm-modern-ui .realm-dashboard-wrapper {
  background: transparent !important;
  color: var(--ib-text) !important;
}
html.irm-modern-ui .container-fluid { animation: ib-soft-in .45s cubic-bezier(.22,1,.36,1) both; }

/* Header */
html.irm-modern-ui .irm-hdr {
  background: var(--ib-topbar-bg) !important;
  border-bottom: 1px solid var(--ib-topbar-border) !important;
  box-shadow: var(--ib-topbar-shadow) !important;
  backdrop-filter: blur(22px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(115%) !important;
}
html.irm-modern-ui .irm-hdr-nav { height: var(--ib-topbar-height) !important; }
@media (min-width:992px) {
  html.irm-modern-ui .irm-hdr { height:var(--ib-topbar-height); box-sizing:border-box; }
  html.irm-modern-ui .irm-hdr-nav { height:100% !important; }
}
html.irm-modern-ui .irm-hdr-toggle,
html.irm-modern-ui .irm-hdr-actions a,
html.irm-modern-ui .irm-hdr-actions button { color: #626b6d !important; }
html.irm-modern-ui .irm-hdr-toggle {
  width: 38px; height: 38px; border: 1px solid rgba(49,55,56,.1); border-radius: 12px !important;
  background: rgba(255,255,255,.35) !important;
}
html.irm-modern-ui .irm-hdr-toggle:hover { color: var(--ib-copper) !important; border-color: rgba(47,111,223,.25); background: rgba(255,255,255,.68) !important; }
html.irm-modern-ui .online-modern,
html.irm-modern-ui .lang-btn {
  min-height: 38px;
  color: var(--ib-text-soft) !important;
  background: rgba(255,255,255,.4) !important;
  border: 1px solid rgba(49,55,56,.1) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.56);
}
html.irm-modern-ui .online-modern:hover,
html.irm-modern-ui .lang-btn:hover { color: var(--ib-text) !important; background: rgba(255,255,255,.68) !important; transform:none !important; }
html.irm-modern-ui .users-count { color: var(--ib-text) !important; font-family:var(--ib-mono); }
html.irm-modern-ui .users-label { color: var(--ib-text-soft) !important; }
html.irm-modern-ui .status-indicator,
html.irm-modern-ui .status-indicator::after { background: var(--ib-success) !important; }
html.irm-modern-ui .irm-hdr-avatar-btn { border:1px solid transparent; background:transparent!important; }
html.irm-modern-ui .irm-hdr-avatar-btn:hover { border-color:rgba(47,111,223,.18); background:var(--ib-copper-soft)!important; }
html.irm-modern-ui .irm-hdr-avatar-wrap,
html.irm-modern-ui .irm-hdr-dd-avatar-wrap { background:linear-gradient(145deg,#2f6fdf,#64b5f6)!important; box-shadow:0 7px 18px rgba(34,78,139,.18)!important; }
html.irm-modern-ui .irm-hdr-avatar-img { border-color:rgba(255,255,255,.72)!important; background:#f5f1ed!important; }
html.irm-modern-ui .irm-hdr-online-dot { border-color:#eeeae5!important; background:var(--ib-success)!important; }

html.irm-modern-ui .irm-hdr-dropdown,
html.irm-modern-ui .lang-menu {
  color:var(--ib-text)!important;
  background:linear-gradient(145deg,rgba(251,252,253,.96),rgba(228,231,230,.94))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  box-shadow:0 24px 65px rgba(46,55,56,.19),inset 0 1px 0 rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
}
html.irm-modern-ui .irm-hdr-dd-name { color:var(--ib-text)!important; }
html.irm-modern-ui .irm-hdr-dd-email,
html.irm-modern-ui .irm-hdr-dd-section-title { color:var(--ib-text-muted)!important; }
html.irm-modern-ui .irm-hdr-dd-role { color:#245bb8!important; background:var(--ib-copper-soft)!important; border:1px solid rgba(47,111,223,.22)!important; border-radius:999px!important; }
html.irm-modern-ui .irm-hdr-dd-divider { background:rgba(49,55,56,.1)!important; }
html.irm-modern-ui .irm-hdr-dd-toggle { color:var(--ib-text-soft)!important; background:rgba(255,255,255,.38)!important; border:1px solid rgba(49,55,56,.09)!important; }
html.irm-modern-ui .irm-hdr-dd-link { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .irm-hdr-dd-link:hover { color:var(--ib-text)!important; background:rgba(47,111,223,.08)!important; }
html.irm-modern-ui .irm-hdr-dd-link i { color:#899193!important; }
html.irm-modern-ui .irm-hdr-dd-link:hover i { color:var(--ib-copper)!important; }
html.irm-modern-ui .irm-hdr-dd-logout { color:#b74e4e!important; background:rgba(196,93,93,.07)!important; border:1px solid rgba(196,93,93,.13)!important; }
html.irm-modern-ui .lang-item { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .lang-item:hover { color:var(--ib-text)!important; background:rgba(47,111,223,.08)!important; }
html.irm-modern-ui .lang-item.active { color:#245bb8!important; background:var(--ib-copper-soft)!important; }
html.irm-modern-ui .translation-overlay { background:rgba(58,63,64,.38)!important; backdrop-filter:blur(9px)!important; }
html.irm-modern-ui .translation-message { color:var(--ib-text)!important; background:rgba(248,250,252,.94)!important; border:1px solid rgba(255,255,255,.7); box-shadow:var(--ib-shadow)!important; }

/* Dashboard hero and navigation */
html.irm-modern-ui .realm-glass-header {
  color:var(--ib-text)!important;
  background:linear-gradient(145deg,rgba(244,248,250,.72),rgba(205,215,215,.58))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:24px!important;
  box-shadow:var(--ib-shadow),inset 0 1px 0 rgba(255,255,255,.67)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
html.irm-modern-ui .realm-header-aurora {
  opacity:.68!important;
  background:radial-gradient(circle at 18% 30%,rgba(96,165,250,.27),transparent 40%),radial-gradient(circle at 85% 80%,rgba(91,170,178,.19),transparent 42%)!important;
}
html.irm-modern-ui .realm-profile-name,
html.irm-modern-ui .realm-quick-stat-value { color:var(--ib-text)!important; }
html.irm-modern-ui .realm-profile-email,
html.irm-modern-ui .realm-quick-stat-label { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .realm-avatar-glass { background:linear-gradient(145deg,#dfe1df,#6f7778)!important; border-color:rgba(255,255,255,.68)!important; box-shadow:0 14px 30px rgba(61,69,70,.18),0 0 0 4px rgba(47,111,223,.12)!important; }
html.irm-modern-ui .realm-status-dot { border-color:#ece8e3!important; }
html.irm-modern-ui .realm-role-badge.admin { color:#245bb8!important; background:var(--ib-copper-soft)!important; border-color:rgba(47,111,223,.25)!important; }
html.irm-modern-ui .realm-quick-stat { background:rgba(255,255,255,.38)!important; border-color:rgba(49,55,56,.1)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }
html.irm-modern-ui .realm-nav-glass { padding:7px!important; background:rgba(245,248,250,.48)!important; border-color:rgba(49,55,56,.1)!important; border-radius:15px!important; }
html.irm-modern-ui .realm-nav-btn { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .realm-nav-btn:hover { color:var(--ib-text)!important; background:rgba(255,255,255,.42)!important; }
html.irm-modern-ui .realm-nav-btn.active { color:#fff!important; background:linear-gradient(135deg,#245fbd,#3b82f6)!important; box-shadow:0 8px 20px rgba(37,99,235,.2)!important; }

/* Cards and dashboard stats */
html.irm-modern-ui .card,
html.irm-modern-ui .realm-glass-card--mini,
html.irm-modern-ui .realm-content-section {
  color:var(--ib-text)!important;
  background:linear-gradient(145deg,rgba(248,250,252,.76),rgba(226,230,229,.66))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:18px!important;
  box-shadow:var(--ib-shadow-soft),inset 0 1px 0 rgba(255,255,255,.64)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html.irm-modern-ui .card-header { color:var(--ib-text)!important; background:rgba(255,255,255,.26)!important; border-bottom:1px solid rgba(49,55,56,.1)!important; }
html.irm-modern-ui .card-title { color:var(--ib-text)!important; }
html.irm-modern-ui .card-subtitle,
html.irm-modern-ui .card-text { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .realm-glass-card--mini { --card-color-1:var(--ib-copper)!important; --card-color-2:var(--ib-cyan)!important; }
html.irm-modern-ui .realm-card-label { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .realm-card-value { color:var(--ib-text)!important; }
html.irm-modern-ui .realm-card-badge { color:#245bb8!important; background:var(--ib-copper-soft)!important; border-color:rgba(47,111,223,.25)!important; }
html.irm-modern-ui .realm-card-icon-wrapper { background:rgba(47,111,223,.1)!important; border-color:rgba(47,111,223,.2)!important; }
html.irm-modern-ui .realm-card-icon { color:var(--ib-copper)!important; }
html.irm-modern-ui .realm-card-line-glow { background:linear-gradient(90deg,transparent,var(--ib-copper),var(--ib-cyan),transparent)!important; opacity:.7; }

/* Forms */
html.irm-modern-ui .form-label,
html.irm-modern-ui .col-form-label,
html.irm-modern-ui .form-control-label,
html.irm-modern-ui label.form-label,
html.irm-modern-ui .form-check-label { color:#454c4d!important; }
html.irm-modern-ui .form-text,
html.irm-modern-ui .text-muted { color:var(--ib-text-muted)!important; }
html.irm-modern-ui .form-control,
html.irm-modern-ui .form-select,
html.irm-modern-ui input[type=text],
html.irm-modern-ui input[type=email],
html.irm-modern-ui input[type=password],
html.irm-modern-ui input[type=number],
html.irm-modern-ui input[type=search],
html.irm-modern-ui input[type=tel],
html.irm-modern-ui select,
html.irm-modern-ui textarea {
  color:var(--ib-text)!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(49,55,56,.13)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56)!important;
}
html.irm-modern-ui .form-control::placeholder,
html.irm-modern-ui input::placeholder,
html.irm-modern-ui textarea::placeholder { color:#969d9e!important; }
html.irm-modern-ui .form-control:focus,
html.irm-modern-ui .form-select:focus,
html.irm-modern-ui input:focus,
html.irm-modern-ui select:focus,
html.irm-modern-ui textarea:focus { background:rgba(255,255,255,.82)!important; border-color:rgba(47,111,223,.65)!important; box-shadow:0 0 0 4px rgba(47,111,223,.1)!important; outline:0!important; }

html.irm-modern-ui .select2-container--default .select2-selection--single,
html.irm-modern-ui .select2-container--default .select2-selection--multiple { color:var(--ib-text)!important; background:rgba(255,255,255,.58)!important; border-color:rgba(49,55,56,.13)!important; border-radius:12px!important; }
html.irm-modern-ui .select2-dropdown { color:var(--ib-text)!important; background:rgba(248,250,252,.98)!important; border-color:rgba(49,55,56,.13)!important; box-shadow:var(--ib-shadow-soft); }
html.irm-modern-ui .select2-results__option--highlighted { background:var(--ib-copper-soft)!important; color:var(--ib-text)!important; }

/* Buttons */
html.irm-modern-ui .btn { border-radius:11px; font-weight:650; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
html.irm-modern-ui .btn-primary,
html.irm-modern-ui .btn-light-primary {
  color:#fff!important;
  background:linear-gradient(135deg,#245fbd,#3b82f6)!important;
  border-color:rgba(155,82,54,.35)!important;
  box-shadow:0 9px 22px rgba(160,87,58,.19)!important;
}
html.irm-modern-ui .btn-primary:hover,
html.irm-modern-ui .btn-light-primary:hover { transform:translateY(-1px); box-shadow:0 13px 28px rgba(160,87,58,.24)!important; }
html.irm-modern-ui .btn-secondary,
html.irm-modern-ui .btn-default,
html.irm-modern-ui .btn-light-secondary { color:var(--ib-text-soft)!important; background:rgba(255,255,255,.38)!important; border:1px solid rgba(49,55,56,.12)!important; box-shadow:none!important; }
html.irm-modern-ui .btn-secondary:hover,
html.irm-modern-ui .btn-default:hover,
html.irm-modern-ui .btn-light-secondary:hover { color:var(--ib-text)!important; background:rgba(255,255,255,.68)!important; border-color:rgba(47,111,223,.28)!important; }
html.irm-modern-ui .btn-light-danger { color:#b75050!important; background:rgba(196,93,93,.08)!important; border:1px solid rgba(196,93,93,.14)!important; }
html.irm-modern-ui .btn-success { color:#fff!important; background:linear-gradient(135deg,#277f60,#39a77f)!important; border-color:transparent!important; }

/* Tables and generated-links surfaces */
html.irm-modern-ui .irm-orders-surface { position:relative; isolation:isolate; }
html.irm-modern-ui .irm-orders-surface::before { content:''; position:absolute; left:18px; right:18px; top:0; height:2px; z-index:3; background:linear-gradient(90deg,transparent,var(--ib-copper),var(--ib-cyan),transparent); opacity:.7; }
html.irm-modern-ui table,
html.irm-modern-ui .table { color:var(--ib-text-soft)!important; background:transparent!important; }
html.irm-modern-ui table thead th,
html.irm-modern-ui .table thead th,
html.irm-modern-ui .realm-content-section table thead th { color:#70797b!important; background:rgba(255,255,255,.25)!important; border-bottom:1px solid rgba(49,55,56,.12)!important; font-family:var(--ib-mono); font-size:10px!important; letter-spacing:.08em; text-transform:uppercase; }
html.irm-modern-ui table tbody td,
html.irm-modern-ui .table tbody td,
html.irm-modern-ui .realm-order-row td { color:var(--ib-text-soft)!important; border-color:rgba(49,55,56,.08)!important; background:transparent!important; }
html.irm-modern-ui table tbody tr:hover,
html.irm-modern-ui .realm-order-row:hover { background:rgba(255,255,255,.3)!important; }
html.irm-modern-ui .realm-tbl-script-name,
html.irm-modern-ui .realm-tbl-creator { color:var(--ib-text)!important; }
html.irm-modern-ui .realm-tbl-id,
html.irm-modern-ui .realm-tbl-age,
html.irm-modern-ui .realm-tbl-imei,
html.irm-modern-ui .realm-tbl-notes { color:var(--ib-text-muted)!important; }
html.irm-modern-ui .realm-tbl-link { color:#245bb8!important; }
html.irm-modern-ui .realm-tbl-action-btn { color:#6f7879!important; background:rgba(255,255,255,.42)!important; border-color:rgba(49,55,56,.11)!important; }
html.irm-modern-ui .realm-tbl-action-btn:hover { color:var(--ib-copper)!important; background:rgba(255,255,255,.75)!important; border-color:rgba(47,111,223,.26)!important; }
html.irm-modern-ui .realm-visit-bar { background:rgba(49,55,56,.1)!important; }
html.irm-modern-ui .realm-visit-text { color:var(--ib-text-muted)!important; }
html.irm-modern-ui .badge { border-radius:999px!important; font-weight:700; }
html.irm-modern-ui .badge.bg-primary { color:#fff!important; background:linear-gradient(135deg,#245fbd,#3b82f6)!important; }
html.irm-modern-ui .badge.bg-secondary,
html.irm-modern-ui .badge.bg-muted,
html.irm-modern-ui .badge.bg-light,
html.irm-modern-ui .badge.bg-dark { color:#687173!important; background:rgba(49,55,56,.075)!important; border:1px solid rgba(49,55,56,.1)!important; }
html.irm-modern-ui .badge.bg-success { color:#247b5b!important; background:rgba(39,139,102,.1)!important; border:1px solid rgba(39,139,102,.18)!important; }
html.irm-modern-ui .badge.bg-info { color:#317e9c!important; background:rgba(67,143,174,.1)!important; border:1px solid rgba(67,143,174,.18)!important; }
html.irm-modern-ui .badge.bg-warning { color:#98651d!important; background:rgba(180,122,39,.1)!important; border:1px solid rgba(180,122,39,.18)!important; }
html.irm-modern-ui .badge.bg-danger { color:#a84848!important; background:rgba(196,93,93,.1)!important; border:1px solid rgba(196,93,93,.18)!important; }

html.irm-modern-ui .dataTables_wrapper .dataTables_info { color:var(--ib-text-muted)!important; }
html.irm-modern-ui .dataTables_wrapper .dataTables_filter input,
html.irm-modern-ui .dataTables_wrapper .dataTables_length select { color:var(--ib-text)!important; background:rgba(255,255,255,.5)!important; border-color:rgba(49,55,56,.12)!important; }
html.irm-modern-ui .page-link,
html.irm-modern-ui .page-item .page-link,
html.irm-modern-ui .dataTables_wrapper .dataTables_paginate .paginate_button { color:#687173!important; background:rgba(255,255,255,.36)!important; border:1px solid rgba(49,55,56,.11)!important; box-shadow:none!important; }
html.irm-modern-ui .page-link:hover,
html.irm-modern-ui .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color:#245bb8!important; background:rgba(255,255,255,.68)!important; border-color:rgba(47,111,223,.25)!important; }
html.irm-modern-ui .page-item.active .page-link,
html.irm-modern-ui .dataTables_wrapper .dataTables_paginate .paginate_button.current { color:#fff!important; background:linear-gradient(135deg,#245fbd,#3b82f6)!important; border-color:transparent!important; }

/* Dropdowns, Bootstrap modals, SweetAlert and toasts */
html.irm-modern-ui .dropdown-menu,
html.irm-modern-ui .modal-content,
html.irm-modern-ui .swal2-popup {
  color:var(--ib-text)!important;
  background:linear-gradient(145deg,rgba(250,252,253,.97),rgba(225,229,228,.95))!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:18px!important;
  box-shadow:0 25px 70px rgba(45,53,54,.2),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
html.irm-modern-ui .modal-header,
html.irm-modern-ui .modal-footer { border-color:rgba(49,55,56,.1)!important; background:rgba(255,255,255,.12)!important; }
html.irm-modern-ui .modal-title,
html.irm-modern-ui .swal2-title { color:var(--ib-text)!important; }
html.irm-modern-ui .swal2-html-container { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .dropdown-item { color:var(--ib-text-soft)!important; }
html.irm-modern-ui .dropdown-item:hover,
html.irm-modern-ui .dropdown-item:focus { color:var(--ib-text)!important; background:var(--ib-copper-soft)!important; }
html.irm-modern-ui .dropdown-divider { border-color:rgba(49,55,56,.1)!important; }
html.irm-modern-ui .btn-close { filter:none!important; background-color:rgba(49,55,56,.06)!important; border-color:rgba(49,55,56,.1)!important; }
html.irm-modern-ui .offcanvas { color:var(--ib-text)!important; background:linear-gradient(145deg,rgba(248,250,252,.98),rgba(224,229,228,.97))!important; border-color:rgba(49,55,56,.12)!important; }
html.irm-modern-ui .offcanvas-header { border-color:rgba(49,55,56,.1)!important; }

html.irm-modern-ui .toast,
html.irm-modern-ui .toast-container .toast {
  color:var(--ib-text)!important;
  background:rgba(248,250,252,.94)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:15px!important;
  box-shadow:0 18px 48px rgba(46,54,55,.18),inset 0 1px 0 rgba(255,255,255,.8)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
html.irm-modern-ui .toast-success { border-left:3px solid var(--ib-success)!important; }
html.irm-modern-ui .toast-error { border-left:3px solid var(--ib-danger)!important; }
html.irm-modern-ui .toast-message { color:var(--ib-text-soft)!important; }

/* URL shortener */
html.irm-modern-ui #short_url_modal .modal-dialog { max-width:620px; }
html.irm-modern-ui #short_url_modal .modal-content { overflow:hidden; }
html.irm-modern-ui #short_url_modal .modal-header::before { content:''; width:38px; height:38px; flex:0 0 38px; margin-right:11px; border-radius:12px; background:var(--ib-copper-soft); border:1px solid rgba(47,111,223,.2); }
html.irm-modern-ui #short_url_modal .modal-body { padding:22px; }
html.irm-modern-ui .irm-shortener-result { width:min(650px,calc(100vw - 24px))!important; }
html.irm-modern-ui .irm-shortener-result-box { padding:4px; text-align:left; }
html.irm-modern-ui .irm-shortener-original { padding:12px 14px; margin-bottom:13px; border:1px solid rgba(49,55,56,.1); border-radius:12px; background:rgba(255,255,255,.28); color:var(--ib-text-soft); overflow-wrap:anywhere; }
html.irm-modern-ui .irm-shortener-actions { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; }
html.irm-modern-ui .irm-shortener-actions .form-control { min-width:0; }

/* API/account shared panels that were directly hard-coded by the old skin. */
html.irm-modern-ui #api .realm-api-glass,
html.irm-modern-ui .realm-api-glass { color:var(--ib-text)!important; background:linear-gradient(145deg,rgba(248,250,252,.76),rgba(226,230,229,.66))!important; border:1px solid rgba(255,255,255,.58)!important; box-shadow:var(--ib-shadow-soft),inset 0 1px 0 rgba(255,255,255,.64)!important; }
html.irm-modern-ui #api .realm-api-header,
html.irm-modern-ui .realm-api-header { background:rgba(255,255,255,.18)!important; border-color:rgba(49,55,56,.1)!important; }
html.irm-modern-ui #api .realm-api-title,
html.irm-modern-ui .realm-api-title,
html.irm-modern-ui #api .realm-api-section-title,
html.irm-modern-ui .realm-api-section-title { color:var(--ib-text)!important; }
html.irm-modern-ui #api .realm-api-description,
html.irm-modern-ui .realm-api-description { color:var(--ib-text-soft)!important; }
html.irm-modern-ui #api .realm-api-section,
html.irm-modern-ui .realm-api-section { color:var(--ib-text)!important; background:rgba(255,255,255,.3)!important; border-color:rgba(49,55,56,.1)!important; }
html.irm-modern-ui #api .realm-api-section:hover,
html.irm-modern-ui .realm-api-section:hover { background:rgba(255,255,255,.5)!important; border-color:rgba(47,111,223,.22)!important; }
html.irm-modern-ui #api .realm-api-alert,
html.irm-modern-ui .realm-api-alert { color:var(--ib-text-soft)!important; background:var(--ib-copper-soft)!important; border-color:rgba(47,111,223,.26)!important; }
html.irm-modern-ui #api .realm-api-alert-text,
html.irm-modern-ui .realm-api-alert-text { color:var(--ib-text-soft)!important; }
html.irm-modern-ui #api .realm-api-alert-text strong,
html.irm-modern-ui .realm-api-alert-text strong { color:var(--ib-text)!important; }

/* Loading layer */
html.irm-modern-ui .preloader { background:linear-gradient(135deg,#e5ded8,#aebbbc)!important; }

::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:rgba(63,70,71,.22); border-radius:999px; }
::-webkit-scrollbar-thumb:hover { background:rgba(63,70,71,.35); }
::selection { background:rgba(47,111,223,.2); color:var(--ib-text); }

@media (max-width:991px) {
  html.irm-modern-ui .irm-hdr-nav { height:54px!important; }
  html.irm-modern-ui .realm-glass-header { border-radius:18px!important; }
  html.irm-modern-ui .card,
  html.irm-modern-ui .realm-content-section { border-radius:15px!important; }
}
@media (max-width:575px) {
  html.irm-modern-ui .irm-shortener-actions { grid-template-columns:1fr 1fr; }
  html.irm-modern-ui .irm-shortener-actions .form-control { grid-column:1/-1; }
  html.irm-modern-ui .modal-content,
  html.irm-modern-ui .swal2-popup { border-radius:16px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html.irm-modern-ui body::before,
  html.irm-modern-ui .container-fluid { animation:none!important; }
}