[data-theme="theseus3k"] .iv-tools { background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(18px) saturate(1.15); backdrop-filter: blur(18px) saturate(1.15); border-radius: 12px; }
[data-theme="theseus3k"] .iv-tool { border-radius: 8px; }
/* ==============================================================
   THESEUS3K — radically reworked theme: flat surfaces, frosted
   translucency (backdrop blur), a modern monochrome icon look.
   The classic flat layout above is the foundation; this block
   overrides it where the new identity demands a different feel.
   ============================================================== */
[data-theme="theseus3k"] {
  --blue: #559ff7;
  --blue-dark: #2e7de6;
  --blue-light: #e4f1fe;
  --bg: #eef1f6;
  --panel: rgba(255,255,255,.72);
  --sidebar-bg: rgba(255,255,255,.55);
  --sidebar-text: #1e293b;
  --sidebar-border: rgba(30,41,59,.08);
  --text: #0f172a;
  --muted: #64748b;
  --border: rgba(30,41,59,.12);
  --sent: rgba(85,159,247,.94);
  --received: rgba(255,255,255,.82);
  --danger: #dc2626;
  --green: #16a34a;
}
[data-theme="theseus3k"] body {
  background-color: #e9edf4;
  background-image:
    radial-gradient(1200px 700px at 12% -8%, rgba(85,159,247,.20), transparent 60%),
    radial-gradient(1000px 620px at 108% 10%, rgba(168,85,247,.16), transparent 55%),
    radial-gradient(900px 700px at 50% 118%, rgba(14,165,233,.14), transparent 62%),
    radial-gradient(700px 520px at 88% 80%, rgba(16,185,129,.10), transparent 55%);
  background-attachment: fixed;
}
[data-theme="theseus3k"] a { color: var(--blue); }

/* ---- Frosted "glass" surfaces (translucent + backdrop blur) ---- */
[data-theme="theseus3k"] .sidebar,
[data-theme="theseus3k"] .sidebar-head,
[data-theme="theseus3k"] .sidebar-foot,
[data-theme="theseus3k"] .chat-header,
[data-theme="theseus3k"] .composer,
[data-theme="theseus3k"] .member-sidebar,
[data-theme="theseus3k"] .board-topbar,
[data-theme="theseus3k"] .board-toolbar,
[data-theme="theseus3k"] .reply-bar,
[data-theme="theseus3k"] .upload-progress,
[data-theme="theseus3k"] .ctx-menu,
[data-theme="theseus3k"] .send-menu,
[data-theme="theseus3k"] .emoji-panel,
[data-theme="theseus3k"] .modal-card,
[data-theme="theseus3k"] .call-bar,
[data-theme="theseus3k"] .call-sidebar,
[data-theme="theseus3k"] .call-sidebar-head,
[data-theme="theseus3k"] .breakout-panel,
[data-theme="theseus3k"] .brk-head,
[data-theme="theseus3k"] .board-styles,
[data-theme="theseus3k"] .cp-popup,
[data-theme="theseus3k"] .board-authors-window,
[data-theme="theseus3k"] .touch-menu,
[data-theme="theseus3k"] .tm-head,
[data-theme="theseus3k"] .fwd-dlg,
[data-theme="theseus3k"] .fwd-head,
[data-theme="theseus3k"] .dev-preview,
[data-theme="theseus3k"] .dev-bg-sect,
[data-theme="theseus3k"] .cs-section,
[data-theme="theseus3k"] .mention-list,
[data-theme="theseus3k"] .admin-sidebar,
[data-theme="theseus3k"] .admin-foot,
[data-theme="theseus3k"] .a-modal-box,
[data-theme="theseus3k"] .perm-gate-card {
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
}
/* Panels whose base rule hard-codes an opaque #fff need an explicit
   translucent fill so the backdrop actually shows through. */
[data-theme="theseus3k"] .ctx-menu,
[data-theme="theseus3k"] .send-menu,
[data-theme="theseus3k"] .emoji-panel,
[data-theme="theseus3k"] .board-styles,
[data-theme="theseus3k"] .cp-popup,
[data-theme="theseus3k"] .board-authors-window,
[data-theme="theseus3k"] .breakout-panel,
[data-theme="theseus3k"] .dev-bg-sect,
[data-theme="theseus3k"] .cs-section { background: rgba(255,255,255,.78); }
[data-theme="theseus3k"] .modal-card { background: rgba(255,255,255,.86); }
[data-theme="theseus3k"] .call-sidebar,
[data-theme="theseus3k"] .a-modal-box,
[data-theme="theseus3k"] .perm-gate-card { background: rgba(255,255,255,.88); }
[data-theme="theseus3k"] .touch-menu,
[data-theme="theseus3k"] .fwd-dlg { background: rgba(238,241,247,.82); }
[data-theme="theseus3k"] .tm-head,
[data-theme="theseus3k"] .fwd-head,
[data-theme="theseus3k"] .call-sidebar-head,
[data-theme="theseus3k"] .brk-head { background: rgba(255,255,255,.55); }

/* ---- App shell ---- */
[data-theme="theseus3k"] .chat-area,
[data-theme="theseus3k"] .chat,
[data-theme="theseus3k"] .message-list,
[data-theme="theseus3k"] .typing-indicator,
[data-theme="theseus3k"] .chat-list { background: transparent; }
[data-theme="theseus3k"] .sidebar { border-right: 1px solid var(--sidebar-border); }
[data-theme="theseus3k"] .sidebar-head,
[data-theme="theseus3k"] .sidebar-foot { background: rgba(255,255,255,.42); border-color: var(--sidebar-border); }
[data-theme="theseus3k"] .chat-header { background: rgba(255,255,255,.66); border-bottom-color: var(--border); }
[data-theme="theseus3k"] .composer { background: rgba(255,255,255,.66); border-top-color: var(--border); }
[data-theme="theseus3k"] .archived-bar { background: rgba(255,255,255,.66); border-top-color: var(--border); }
[data-theme="theseus3k"] .member-sidebar { background: rgba(255,255,255,.46); border-left-color: var(--border); }
[data-theme="theseus3k"] .board-topbar,
[data-theme="theseus3k"] .board-toolbar,
[data-theme="theseus3k"] .board-stylebar { background: rgba(255,255,255,.5); border-bottom-color: var(--border); }

/* ---- Chat list ---- */
[data-theme="theseus3k"] .chat-item { border-bottom-color: rgba(30,41,59,.07); }
[data-theme="theseus3k"] .chat-item:hover { background: rgba(15,23,42,.05); }
[data-theme="theseus3k"] .chat-item.active {
  background: linear-gradient(90deg, rgba(85,159,247,.16), rgba(85,159,247,.04));
  box-shadow: inset 3px 0 0 var(--blue);
}
[data-theme="theseus3k"] .chat-item.active::after { display: none; }
[data-theme="theseus3k"] .chat-item .ci-icon { background: rgb(85,159,247); }
[data-theme="theseus3k"] .cf-head:hover { background: rgba(15,23,42,.05); }
[data-theme="theseus3k"] .folders-bar { background: rgba(255,255,255,.35); border-bottom-color: var(--border); }
[data-theme="theseus3k"] .cf-count { background: rgba(15,23,42,.07); color: var(--muted); }

/* ---- Messages ---- */
[data-theme="theseus3k"] .msg.own .msg-bubble {
  background: var(--sent);
  border: 1px solid rgba(85,159,247,.55);
  color: #fff;
  border-radius: 14px 14px 4px 14px;
  box-shadow: 0 1px 2px rgba(15,23,42,.14);
}
[data-theme="theseus3k"] .msg.other .msg-bubble {
  background: var(--received);
  border: 1px solid var(--border);
  border-radius: 14px 14px 14px 4px;
  box-shadow: 0 1px 2px rgba(15,23,42,.07);
}
[data-theme="theseus3k"] .msg.system .msg-bubble { background: rgba(15,23,42,.06); border-color: transparent; }
[data-theme="theseus3k"] .msg-bubble.deleted-bubble,
[data-theme="theseus3k"] .msg.own .msg-bubble.deleted-bubble { background: rgba(15,23,42,.07); color: var(--muted); border: 1px dashed var(--border); box-shadow: none; }
[data-theme="theseus3k"] .msg.own .reply-quote { background: rgba(255,255,255,.2); border-left-color: #fff; color: #eef; }
[data-theme="theseus3k"] .msg.other .reply-quote { background: rgba(255,255,255,.6); border-left-color: #c7d2fe; }
[data-theme="theseus3k"] .upload-progress .up-fill { background: var(--blue); }
[data-theme="theseus3k"] .msg-sep span,
[data-theme="theseus3k"] .chat-item.chat-empty-item { background: transparent; border-color: var(--border); }
[data-theme="theseus3k"] .link-preview { background: rgba(255,255,255,.62); border-radius: 12px; border-color: var(--border); }
[data-theme="theseus3k"] .link-preview.wb-preview.deleted { background: rgba(255,255,255,.45); }
[data-theme="theseus3k"] .reply-bar { background: rgba(85,159,247,.10); border-top-color: transparent; }
[data-theme="theseus3k"] .reply-bar .rb-tag { color: var(--blue); }
[data-theme="theseus3k"] .upload-progress { background: var(--panel); }

/* ---- Composer + send ---- */
[data-theme="theseus3k"] .composer textarea {
  background: rgba(255,255,255,.86);
  border-color: var(--border);
  border-radius: 14px;
  padding: 9px 14px;
  box-shadow: none;
  min-height: 34px;
}
[data-theme="theseus3k"] .composer textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(85,159,247,.16);
}
[data-theme="theseus3k"] .send-btn { background: var(--blue); border-radius: 50%; }
[data-theme="theseus3k"] .send-btn:hover { background: var(--blue-dark); }
/* The header call-action button is a pane-wide accent coloured for the modern
   theme; text weight is lightened to match other 3k controls. */
[data-theme="theseus3k"] .chat-actions .join-call-btn {
  background: var(--green, #2ea043); border-color: transparent; border-radius: 999px;
  box-shadow: 0 2px 8px rgba(46,160,67,.3); font-weight: 600;
}

/* ---- Buttons, inputs ---- */
[data-theme="theseus3k"] .btn-primary { background: var(--blue); border-radius: 10px; box-shadow: none; }
[data-theme="theseus3k"] .btn-primary:hover { background: var(--blue-dark); }
[data-theme="theseus3k"] .btn-danger { background: var(--danger); border-radius: 10px; box-shadow: none; }
[data-theme="theseus3k"] .btn-danger:hover { background: #b91c1c; }
[data-theme="theseus3k"] .btn-ghost { background: rgba(255,255,255,.7); border-radius: 10px; }
[data-theme="theseus3k"] .btn-ghost:hover { background: #fff; }
[data-theme="theseus3k"] .modal-actions button { border-radius: 10px; }
[data-theme="theseus3k"] .auth-form input,
[data-theme="theseus3k"] .modal-card input,
[data-theme="theseus3k"] .modal-card select,
[data-theme="theseus3k"] .edit-input,
[data-theme="theseus3k"] .a-modal-box input[type=text],
[data-theme="theseus3k"] .a-modal-box input[type=password],
[data-theme="theseus3k"] .a-modal-box select,
[data-theme="theseus3k"] .admin-card input[type=text],
[data-theme="theseus3k"] .admin-card input[type=password],
[data-theme="theseus3k"] .admin-card select,
[data-theme="theseus3k"] .field-lock input {
  background: rgba(255,255,255,.85);
  border-radius: 10px;
  box-shadow: none;
}
[data-theme="theseus3k"] .modal-card input:focus,
[data-theme="theseus3k"] .modal-card select:focus,
[data-theme="theseus3k"] .auth-form input:focus,
[data-theme="theseus3k"] .admin-card input:focus,
[data-theme="theseus3k"] .admin-card select:focus { outline: none; box-shadow: 0 0 0 3px rgba(85,159,247,.16); border-color: var(--blue); }
[data-theme="theseus3k"] .new-chat-btn { background: var(--blue); color: #fff; border-color: transparent; border-radius: 10px; box-shadow: none; }
[data-theme="theseus3k"] .new-chat-btn:hover { background: var(--blue-dark); border-color: transparent; }

/* ---- Login / auth ---- */
[data-theme="theseus3k"] .login-overlay { background: #eef1f7; }
[data-theme="theseus3k"] .login-card { background: #ffffff; border-radius: 18px; box-shadow: 0 20px 50px rgba(15,23,42,.18); }
[data-theme="theseus3k"] .auth-form button { background: var(--blue); border-radius: 999px; }
[data-theme="theseus3k"] .auth-form button:hover { background: var(--blue-dark); }
[data-theme="theseus3k"] .auth-form button.pw-eye { background: transparent; border: none; box-shadow: none; }
[data-theme="theseus3k"] .auth-form button.pw-eye:hover { background: rgba(15,23,42,.06); }

/* ---- Modal, menus, panels ---- */
[data-theme="theseus3k"] .modal { background: rgba(15,23,42,.45); }
[data-theme="theseus3k"] .modal-card { border-radius: 16px; box-shadow: 0 18px 50px rgba(15,23,42,.22); }
[data-theme="theseus3k"] .ctx-menu { border-radius: 10px; box-shadow: 0 8px 30px rgba(15,23,42,.16); }
[data-theme="theseus3k"] .cm-item { border-radius: 6px; }
[data-theme="theseus3k"] .cm-item:hover,
[data-theme="theseus3k"] .send-menu-item:hover,
[data-theme="theseus3k"] .mention-item:hover { background: rgba(85,159,247,.09); color: var(--text); }
[data-theme="theseus3k"] .mention-item.active { background: var(--blue); }
[data-theme="theseus3k"] .send-menu { border-radius: 10px; }
[data-theme="theseus3k"] .emoji-panel { border-radius: 14px; box-shadow: 0 14px 40px rgba(15,23,42,.18); }
[data-theme="theseus3k"] .emoji-panel img:hover { background: var(--blue-light); }
[data-theme="theseus3k"] .dev-preview { border-radius: 14px; }
[data-theme="theseus3k"] .dev-bg-sect { border-radius: 12px; }
[data-theme="theseus3k"] .cs-section { border-radius: 10px; }

/* ---- Whiteboard ---- */
[data-theme="theseus3k"] .board-toolbar button,
[data-theme="theseus3k"] .board-stylebar button,
[data-theme="theseus3k"] .board-topbar .board-x,
[data-theme="theseus3k"] .board-header-controls .board-x,
[data-theme="theseus3k"] .board-toolbar .board-x,
[data-theme="theseus3k"] .board-toolbar select,
[data-theme="theseus3k"] .board-styles select {
  background: rgba(255,255,255,.82);
  border-radius: 8px;
}
[data-theme="theseus3k"] .board-toolbar button.active { background: var(--blue); border-color: var(--blue); }
[data-theme="theseus3k"] .board-x.active,
[data-theme="theseus3k"] .board-topbar .board-x.active,
[data-theme="theseus3k"] .board-header-controls .board-x.active { background: var(--blue); border-color: var(--blue); }
[data-theme="theseus3k"] .board-presence { background: rgba(255,255,255,.7); }
[data-theme="theseus3k"] .board-presence.has { background: rgba(22,163,74,.16); color: #15803d; }
[data-theme="theseus3k"] .board-styles { border-radius: 12px; }
[data-theme="theseus3k"] .bg-mode-btn.active { background: var(--blue); color: #fff; }
[data-theme="theseus3k"] .bg-thumb.active { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(85,159,247,.3); }
[data-theme="theseus3k"] .bg-add:hover { background: var(--blue-light); }

/* ---- Calls ---- */
[data-theme="theseus3k"] .call-overlay {
  background: linear-gradient(135deg, rgba(85,159,247,.18), rgba(168,85,247,.13), rgba(14,165,233,.15));
  -webkit-backdrop-filter: blur(24px) saturate(1.1);
  backdrop-filter: blur(24px) saturate(1.1);
}
[data-theme="theseus3k"] .call-bar { background: rgba(255,255,255,.72); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 10px 30px rgba(15,23,42,.14); }
[data-theme="theseus3k"] .call-btn {
  background: rgba(255,255,255,.85);
  border: 1px solid var(--border);
  box-shadow: 0 2px 6px rgba(15,23,42,.10);
}
[data-theme="theseus3k"] .call-btn:hover { background: #fff; }
[data-theme="theseus3k"] .call-btn.active { background: var(--blue); border-color: var(--blue-dark); }
[data-theme="theseus3k"] .call-btn.danger { background: var(--danger); border-color: var(--danger); }
[data-theme="theseus3k"] .call-btn.danger:hover { background: #b91c1c; }
[data-theme="theseus3k"] .call-video { border: 2px solid rgba(255,255,255,.85); box-shadow: 0 4px 14px rgba(15,23,42,.22); }
[data-theme="theseus3k"] .react-menu { background: rgba(255,255,255,.84); border: 1px solid var(--border); box-shadow: 0 14px 40px rgba(15,23,42,.2); }
[data-theme="theseus3k"] .react-menu img:hover { background: var(--blue); }
[data-theme="theseus3k"] .call-sidebar,
[data-theme="theseus3k"] .breakout-panel { border-radius: 14px; box-shadow: 0 10px 30px rgba(15,23,42,.16); }
[data-theme="theseus3k"] .breakout-banner { background: rgba(85,159,247,.08); border-color: rgba(85,159,247,.25); color: #1556a8; box-shadow: none; }
[data-theme="theseus3k"] .perm-gate { background: rgba(15,23,42,.5); }
[data-theme="theseus3k"] .perm-gate-card { border-radius: 16px; box-shadow: 0 18px 50px rgba(15,23,42,.24); }
[data-theme="theseus3k"] .toast { background: rgba(15,23,42,.88); border-radius: 999px; box-shadow: 0 4px 14px rgba(15,23,42,.25); }
[data-theme="theseus3k"] .in-call-badge { background: var(--green); }

/* ---- Admin panel ---- */
[data-theme="theseus3k"] .admin-main { background: transparent; }
[data-theme="theseus3k"] .admin-sidebar { background: rgba(255,255,255,.5); }
[data-theme="theseus3k"] .admin-foot { background: rgba(255,255,255,.45); border-top-color: var(--border); }
[data-theme="theseus3k"] .admin-links a { border-radius: 8px; margin: 1px 8px; }
[data-theme="theseus3k"] .admin-links a:hover { background: rgba(15,23,42,.05); }
[data-theme="theseus3k"] .admin-links a.active { background: var(--blue); color: #fff; box-shadow: none; }
[data-theme="theseus3k"] .admin-links a.active::after { display: none; }
[data-theme="theseus3k"] .admin-links a.active img { filter: brightness(0) invert(1); opacity: 1; }
[data-theme="theseus3k"] .admin-card,
[data-theme="theseus3k"] .stat { background: var(--panel); border-radius: 16px; box-shadow: 0 4px 16px rgba(15,23,42,.06); }
[data-theme="theseus3k"] .stat .num { color: var(--blue); }
[data-theme="theseus3k"] .user-table tbody tr:hover,
[data-theme="theseus3k"] .admin-card pre.log:hover { background: rgba(85,159,247,.05); }
[data-theme="theseus3k"] .usertbl-tb .icon-btn,
[data-theme="theseus3k"] .admin-menu-btn { background: rgba(255,255,255,.82); }
[data-theme="theseus3k"] .usertbl-tb .icon-btn:hover,
[data-theme="theseus3k"] .admin-menu-btn:hover { background: #fff; }
[data-theme="theseus3k"] .a-modal { background: rgba(15,23,42,.5); }
[data-theme="theseus3k"] .a-modal-box { border-radius: 16px; box-shadow: 0 18px 50px rgba(15,23,42,.22); }
[data-theme="theseus3k"] .a-modal-box .btn-primary { background: var(--blue); border-color: var(--blue); }
[data-theme="theseus3k"] .a-modal-box .btn-danger { background: var(--danger); border-color: var(--danger); }
[data-theme="theseus3k"] .a-modal-box .btn-ghost { background: rgba(255,255,255,.7); }
[data-theme="theseus3k"] pre.log { background: rgba(15,23,42,.05); border-radius: 10px; }

/* ---- Modern thin/flat buttons ----
   Huge Icons are already flat; remove the 3D/inset button chrome and
   apply a crisp 1px border instead. */
[data-theme="theseus3k"] .btn-primary,
[data-theme="theseus3k"] .btn-danger,
[data-theme="theseus3k"] .btn-ghost,
[data-theme="theseus3k"] .btn-xs,
[data-theme="theseus3k"] .new-chat-btn,
[data-theme="theseus3k"] .auth-form button,
[data-theme="theseus3k"] .modal-actions button {
  box-shadow: none;
  border: 1px solid rgba(15,23,42,.14);
}
[data-theme="theseus3k"] .btn-primary { border-color: var(--blue); }
[data-theme="theseus3k"] .btn-danger  { border-color: var(--danger); }
[data-theme="theseus3k"] .icon-btn:hover,
[data-theme="theseus3k"] .icon-btn:hover img { opacity: 1; background: transparent; }

/* ---- Huge Icons sizing ----
   Huge Icons SVGs are cleaner and thinner at native 16px than the old fatcow
   set; bump the display size so they feel substantial. */
[data-theme="theseus3k"] .icon-btn img,
[data-theme="theseus3k"] .send-btn img,
[data-theme="theseus3k"] .cm-item .cm-ic,
[data-theme="theseus3k"] .cf-icon,
[data-theme="theseus3k"] .call-btn img,
[data-theme="theseus3k"] .send-menu-item img,
[data-theme="theseus3k"] .role-icon,
[data-theme="theseus3k"] .admin-links a img,
[data-theme="theseus3k"] .admin-foot a img,
[data-theme="theseus3k"] .msg-forward img,
[data-theme="theseus3k"] .upload-progress .up-ic,
[data-theme="theseus3k"] .field-lock-ic img,
[data-theme="theseus3k"] .brk-head .icon-btn img,
[data-theme="theseus3k"] .brk-ren img,
[data-theme="theseus3k"] .brk-del img,
[data-theme="theseus3k"] .lp-del-btn img {
  width: 20px; height: 20px;
}
[data-theme="theseus3k"] .board-toolbar button img,
[data-theme="theseus3k"] .board-stylebar button img,
[data-theme="theseus3k"] .board-topbar .board-x img,
[data-theme="theseus3k"] .board-header-controls .board-x img { width: 16px; height: 16px; }
[data-theme="theseus3k"] .chat-item .ci-icon img,
[data-theme="theseus3k"] .chat-header-icon img,
[data-theme="theseus3k"] .usertbl-tb .icon-btn img,
[data-theme="theseus3k"] .cs-mod,
[data-theme="theseus3k"] .call-toast .ct-ico {
  width: 20px; height: 20px;
}
[data-theme="theseus3k"] .admin-menu-btn img { width: 22px; height: 22px; }
[data-theme="theseus3k"] .admin-links a img { width: 18px; height: 18px; }
[data-theme="theseus3k"] .tm-close img { width: 18px; height: 18px; }
[data-theme="theseus3k"] .bg-add-icon { width: 22px; height: 22px; }
[data-theme="theseus3k"] .bg-add-icon img { width: 22px; height: 22px; }
[data-theme="theseus3k"] .ma-avatar { width: 22px; height: 22px; }