:root {
  --geimser-blue: #004b8d;
  --geimser-blue-deep: #1b3a6b;
  --geimser-orange: #f5a623;
  --geimser-surface: #f5f5f7;
  --geimser-panel: rgba(255, 255, 255, 0.92);
  --geimser-line: rgba(0, 31, 61, 0.1);
  --geimser-text: #1d1d1f;
  --geimser-muted: #6e6e73;
  --geimser-shadow: 0 18px 48px rgba(0, 31, 61, 0.12);
}

body {
  background: var(--geimser-surface);
  color: var(--geimser-text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Roboto", "Open Sans", "Lato", Arial, sans-serif;
  letter-spacing: 0;
  overflow-x: hidden;
}

html,
html[data-theme="dark"] {
  background: var(--geimser-surface);
  color-scheme: light;
}

img[alt="ITSM Geimser"] {
  content: url("/assets/images/geimser-logo.png");
  width: 176px;
  height: auto;
  object-fit: contain;
}

input,
textarea,
select,
.form-control {
  background: #fff;
  border: 1px solid var(--geimser-line);
  border-radius: 8px;
  color: var(--geimser-text);
  box-shadow: inset 0 1px 2px rgba(0, 31, 61, 0.04);
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: #007aff;
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.16);
  outline: none;
}

a,
.link {
  color: var(--geimser-blue);
}

a:hover,
.link:hover {
  color: var(--geimser-orange);
}

.btn--primary,
.button--primary,
button[type="submit"],
input[type="submit"] {
  background: var(--geimser-blue);
  border-color: var(--geimser-blue);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 75, 141, 0.2);
  font-weight: 650;
}

.btn--primary:hover,
.button--primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #005daa;
  border-color: #005daa;
  box-shadow: 0 10px 24px rgba(0, 75, 141, 0.24);
}

.app,
.content,
.main,
.ticketZoom,
.dashboard {
  background-color: var(--geimser-surface);
}

.appSidebar,
.sidebar,
.mainNavigation,
.topbar,
.header {
  background: rgba(27, 58, 107, 0.92);
  backdrop-filter: blur(20px);
}

.appSidebar .is-active,
.sidebar .is-active,
.mainNavigation .is-active {
  border-color: var(--geimser-orange);
}

.card,
.panel,
.widget,
.ticket,
.overview {
  background: var(--geimser-panel);
  border-color: rgba(0, 75, 141, 0.14);
  border-radius: 8px;
  box-shadow: 0 8px 28px rgba(0, 31, 61, 0.08);
}

.badge,
.label,
.icon--active {
  background-color: var(--geimser-orange);
  color: #15202b;
}

.hero-unit {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--geimser-line);
  border-radius: 8px;
  box-shadow: 0 16px 44px rgba(0, 31, 61, 0.1);
  color: var(--geimser-text);
  color-scheme: light;
  backdrop-filter: blur(24px);
  max-width: 430px;
  width: min(430px, calc(100vw - 40px));
  margin: 20px auto 0;
  padding: 28px 28px 24px;
}

.hero-unit .company-logo {
  display: block;
  margin: 0 auto 26px;
}

.hero-unit label,
.hero-unit .formGroup-label,
.formGroup-label {
  color: var(--geimser-muted);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.hero-unit input.form-control,
.hero-unit textarea.form-control,
.hero-unit .form-control {
  appearance: none;
  -webkit-appearance: none;
  color-scheme: light;
  min-height: 46px;
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(0, 31, 61, 0.14) !important;
  border-radius: 8px !important;
  color: var(--geimser-text) !important;
  font-size: 16px;
  box-shadow: inset 0 1px 2px rgba(0, 31, 61, 0.04) !important;
}

.hero-unit input.form-control:focus,
.hero-unit textarea.form-control:focus,
.hero-unit .form-control:focus {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #007aff !important;
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.16) !important;
}

.hero-unit button[type="submit"] {
  min-height: 46px;
  margin-top: 18px;
  width: 100%;
}

.hero-unit a {
  color: var(--geimser-blue);
  font-weight: 500;
}

.hero-unit a:hover {
  color: var(--geimser-orange);
}

.splash,
html:has(.hero-unit),
body:has(.hero-unit) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(245, 245, 247, 0.96)),
    var(--geimser-surface) !important;
  color-scheme: light;
}

body:has(.hero-unit) {
  color: var(--geimser-text) !important;
}

.login.fullscreen {
  background: var(--geimser-surface) !important;
}

body:has(.hero-unit) .message,
body:has(.hero-unit) [class*="message"],
body:has(.hero-unit) [class*="alert"] {
  max-width: 430px;
  width: min(430px, calc(100vw - 40px));
  margin: 24px auto 14px;
  padding: 15px 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(245, 166, 35, 0.38);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 31, 61, 0.08);
  color: var(--geimser-text);
  line-height: 1.4;
}

body:has(.hero-unit) .message strong,
body:has(.hero-unit) [class*="message"] strong,
body:has(.hero-unit) [class*="alert"] strong {
  color: var(--geimser-blue);
}

body:has(.hero-unit) p,
body:has(.hero-unit) .poweredBy,
body:has(.hero-unit) .separator {
  color: var(--geimser-muted);
}

body:has(.hero-unit) > p,
body:has(.hero-unit) > hr,
body:has(.hero-unit) > a[href="https://zammad.org"],
body:has(.hero-unit) .poweredBy,
body:has(.hero-unit) .separator,
body:has(.hero-unit) a[href="https://zammad.org"] {
  display: none !important;
}

body:has(.hero-unit) .hero-unit + p,
body:has(.hero-unit) .hero-unit ~ p,
body:has(.hero-unit) .hero-unit ~ hr {
  display: none !important;
}

@media (max-width: 720px) {
  .hero-unit {
    width: calc(100vw - 32px);
    padding: 26px 22px 22px;
  }

  body:has(.hero-unit) .message,
  body:has(.hero-unit) [class*="message"],
  body:has(.hero-unit) [class*="alert"] {
    width: calc(100vw - 32px);
  }
}

.fullscreen-body {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.fullscreen-body > p,
.fullscreen-body > .js-footer {
  display: none !important;
}

.fullscreen-body > .hero-unit {
  width: min(430px, calc(100vw - 32px));
  max-width: 430px;
  margin: 0;
}

.fullscreen-body > .js-maintenanceLogin {
  padding: 14px 18px;
  box-shadow: 0 10px 28px rgba(0, 31, 61, 0.08);
}

.fullscreen-body > .hero-unit:not(.js-maintenanceLogin) {
  padding: 26px 26px 24px;
}

.fullscreen-body > .hero-unit:not(.js-maintenanceLogin) .company-logo {
  width: 132px;
  margin-bottom: 24px;
}

html,
html[data-theme="dark"],
html[data-theme="light"],
body,
#app {
  --background-primary: #f5f7fb;
  --background-secondary: #ffffff;
  --background-tertiary: #eef2f7;
  --background-modifier-accent: rgba(0, 31, 61, 0.12);
  --background-modifier-accent-light: rgba(0, 75, 141, 0.08);
  --border: rgba(0, 31, 61, 0.12);
  --text-normal: #1d1d1f;
  --text-muted: #667085;
  --text-light: #667085;
  --text-link: #004b8d;
  --text-inverted: #ffffff;
  color-scheme: light !important;
}

#app,
#app .content,
#app .main,
#app .main-content,
#app .content.active,
#app .page,
#app .dashboard,
#app .overview,
#app .ticketZoom,
#app .reporting,
#app .settings,
#app .admin,
#app .knowledge-base {
  background: #f5f7fb !important;
  color: #1d1d1f !important;
}

#app .content .card,
#app .content .panel,
#app .content .widget,
#app .content .box,
#app .content .tile,
#app .content .overviewItem,
#app .content .dashboardWidget,
#app .content .stat-widget,
#app .content .reportProfileWidget,
#app .content .chartWidget,
#app .content [class*="widget"],
#app .content [class*="Widget"],
#app .content [class*="card"],
#app .content [class*="Card"],
#app .content [class*="panel"],
#app .content [class*="Panel"],
#app .content [class*="dashboard"],
#app .content [class*="Dashboard"],
#app .content table,
#app .content .table,
#app .modal,
#app .modal-dialog,
#app .modal-content {
  background: #ffffff !important;
  color: #1d1d1f !important;
  border-color: rgba(0, 31, 61, 0.12) !important;
  box-shadow: 0 8px 24px rgba(0, 31, 61, 0.08) !important;
}

#app .content .card *,
#app .content .panel *,
#app .content .widget *,
#app .content .box *,
#app .content .tile *,
#app .content .overviewItem *,
#app .content .dashboardWidget *,
#app .content .stat-widget *,
#app .content .reportProfileWidget *,
#app .content .chartWidget *,
#app .content [class*="widget"] *,
#app .content [class*="Widget"] *,
#app .content [class*="card"] *,
#app .content [class*="Card"] *,
#app .content [class*="panel"] *,
#app .content [class*="Panel"] *,
#app .content table *,
#app .modal-content * {
  color: #1d1d1f !important;
}

#app .content small,
#app .content .small,
#app .content .text-muted,
#app .content .hint,
#app .content .help-block,
#app .content .meta,
#app .content [class*="muted"],
#app .content [class*="secondary"] {
  color: #667085 !important;
}

#app .content a,
#app .content .link,
#app .modal-content a {
  color: #004b8d !important;
}

#app .content a:hover,
#app .content .link:hover,
#app .modal-content a:hover {
  color: #f5a623 !important;
}

#app .content input,
#app .content textarea,
#app .content select,
#app .content .form-control,
#app .modal-content input,
#app .modal-content textarea,
#app .modal-content select,
#app .modal-content .form-control {
  background: #ffffff !important;
  color: #1d1d1f !important;
  border-color: rgba(0, 31, 61, 0.16) !important;
}

#app .navigation,
#app .sidebar,
#app .appSidebar,
#app .mainNavigation,
#app [class*="Navigation"],
#app [class*="navigation"] {
  background: #20232b !important;
  color: #d9e2ec !important;
}

#app .navigation *,
#app .sidebar *,
#app .appSidebar *,
#app .mainNavigation *,
#app [class*="Navigation"] *,
#app [class*="navigation"] * {
  color: #d9e2ec !important;
}

#app .navigation .is-active,
#app .navigation .active,
#app .sidebar .is-active,
#app .sidebar .active,
#app .appSidebar .is-active,
#app .mainNavigation .is-active,
#app [class*="Navigation"] .is-active,
#app [class*="navigation"] .is-active {
  background: #3da8e8 !important;
  color: #062a42 !important;
}

#app .navigation .is-active *,
#app .navigation .active *,
#app .sidebar .is-active *,
#app .sidebar .active *,
#app .appSidebar .is-active *,
#app .mainNavigation .is-active *,
#app [class*="Navigation"] .is-active *,
#app [class*="navigation"] .is-active * {
  color: #062a42 !important;
}

#app .activity-stream,
#app .activityStream,
#app .activity-list,
#app .activityList,
#app [class*="Activity"],
#app [class*="activity"] {
  background: #1b3a6b !important;
  color: #ffffff !important;
}

#app .activity-stream *,
#app .activityStream *,
#app .activity-list *,
#app .activityList *,
#app [class*="Activity"] *,
#app [class*="activity"] * {
  color: #ffffff !important;
}

#app .tabs,
#app .tab,
#app .nav-tabs,
#app .btn,
#app button {
  color: #1d1d1f;
}

#app .tabs .is-active,
#app .tab.is-active,
#app .nav-tabs .active,
#app .btn--primary,
#app .button--primary,
#app button[type="submit"] {
  background: #004b8d !important;
  border-color: #004b8d !important;
  color: #ffffff !important;
}

#app svg,
#app .icon {
  fill: currentColor;
}

#app .navigation img[src*="zammad"],
#app .navigation img[src*="logo"],
#app .sidebar img[src*="zammad"],
#app .sidebar img[src*="logo"],
#app .appSidebar img[src*="zammad"],
#app .appSidebar img[src*="logo"],
#app .mainNavigation img[src*="zammad"],
#app .mainNavigation img[src*="logo"],
#app [class*="navigation"] img[src*="zammad"],
#app [class*="navigation"] img[src*="logo"],
#app [class*="Navigation"] img[src*="zammad"],
#app [class*="Navigation"] img[src*="logo"] {
  display: none !important;
}

#app .geimser-hide-zammad-brand {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#app .navigation .geimser-sidebar-footer,
#app .sidebar .geimser-sidebar-footer,
#app .appSidebar .geimser-sidebar-footer,
#app .mainNavigation .geimser-sidebar-footer,
#app .geimser-sidebar-footer {
  background: #181b22 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.16) !important;
}

#app .geimser-sidebar-footer,
#app .geimser-sidebar-footer * {
  color: #d9e2ec !important;
}

#app .geimser-sidebar-footer a,
#app .geimser-sidebar-footer button,
#app .geimser-sidebar-footer [role="button"],
#app .geimser-sidebar-footer .btn {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #d9e2ec !important;
}

#app .geimser-sidebar-footer a:hover,
#app .geimser-sidebar-footer button:hover,
#app .geimser-sidebar-footer [role="button"]:hover {
  background: rgba(61, 168, 232, 0.14) !important;
  color: #ffffff !important;
}

#app .geimser-sidebar-footer .avatar,
#app .geimser-sidebar-footer [class*="avatar"],
#app .geimser-sidebar-footer [class*="Avatar"] {
  background: #f28c18 !important;
  color: #ffffff !important;
}

#app .geimser-sidebar-dock,
#app .geimser-sidebar-dock-item {
  background: #20232b !important;
  background-color: #20232b !important;
  color: #d9e2ec !important;
  box-shadow: none !important;
}

#app .geimser-sidebar-dock {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#app .geimser-sidebar-dock-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

#app .geimser-sidebar-dock-item *,
#app .geimser-sidebar-dock-item svg,
#app .geimser-sidebar-dock-item .icon {
  color: #d9e2ec !important;
  fill: #d9e2ec !important;
}

#app .geimser-sidebar-dock-item:hover {
  background: #252936 !important;
  background-color: #252936 !important;
}

#app .geimser-sidebar-dock-item.is-active,
#app .geimser-sidebar-dock-item.active,
#app .geimser-sidebar-dock-item:has(.avatar),
#app .geimser-sidebar-dock-item:has([class*="avatar"]),
#app .geimser-sidebar-dock-item:has([class*="Avatar"]) {
  background: #181b22 !important;
  background-color: #181b22 !important;
}

#app .geimser-sidebar-dock-item .avatar,
#app .geimser-sidebar-dock-item [class*="avatar"],
#app .geimser-sidebar-dock-item [class*="Avatar"] {
  background: #f28c18 !important;
  color: #ffffff !important;
}

#app .navigation a,
#app .sidebar a,
#app .appSidebar a,
#app .mainNavigation a,
#app [class*="Navigation"] a,
#app [class*="navigation"] a,
#app aside a,
#app nav a,
#app .settings a,
#app .admin a,
#app [class*="sidebar"] a,
#app [class*="Sidebar"] a {
  color: #8fd3ff !important;
  font-weight: 520;
}

#app .navigation a:hover,
#app .sidebar a:hover,
#app .appSidebar a:hover,
#app .mainNavigation a:hover,
#app [class*="Navigation"] a:hover,
#app [class*="navigation"] a:hover,
#app aside a:hover,
#app nav a:hover,
#app .settings a:hover,
#app .admin a:hover,
#app [class*="sidebar"] a:hover,
#app [class*="Sidebar"] a:hover {
  color: #ffffff !important;
}

#app .navigation h1,
#app .navigation h2,
#app .navigation h3,
#app .sidebar h1,
#app .sidebar h2,
#app .sidebar h3,
#app .appSidebar h1,
#app .appSidebar h2,
#app .appSidebar h3,
#app .mainNavigation h1,
#app .mainNavigation h2,
#app .mainNavigation h3,
#app aside h1,
#app aside h2,
#app aside h3,
#app nav h1,
#app nav h2,
#app nav h3 {
  color: #f3f7fb !important;
}

#app .navigation .is-active a,
#app .navigation .active a,
#app .sidebar .is-active a,
#app .sidebar .active a,
#app .appSidebar .is-active a,
#app .mainNavigation .is-active a,
#app [class*="Navigation"] .is-active a,
#app [class*="navigation"] .is-active a {
  color: #062a42 !important;
}

#app .content h1,
#app .content h2,
#app .content h3,
#app .content h4,
#app .content h5,
#app .content h6,
#app .main h1,
#app .main h2,
#app .main h3,
#app .main h4,
#app .main-content h1,
#app .main-content h2,
#app .main-content h3,
#app .main-content h4,
#app .page h1,
#app .page h2,
#app .page h3,
#app .page h4,
#app .settings h1,
#app .settings h2,
#app .settings h3,
#app .settings h4,
#app .admin h1,
#app .admin h2,
#app .admin h3,
#app .admin h4 {
  color: #1d1d1f !important;
}

#app .content label,
#app .content legend,
#app .content .label,
#app .content .formGroup-label,
#app .content [class*="Label"],
#app .content [class*="label"],
#app .settings label,
#app .settings legend,
#app .settings .label,
#app .settings .formGroup-label,
#app .admin label,
#app .admin legend,
#app .admin .label,
#app .admin .formGroup-label {
  color: #5f6672 !important;
}

#app .content p,
#app .content li,
#app .content td,
#app .content th,
#app .content span,
#app .settings p,
#app .settings li,
#app .settings td,
#app .settings th,
#app .settings span,
#app .admin p,
#app .admin li,
#app .admin td,
#app .admin th,
#app .admin span {
  color: inherit;
}

#app .geimser-light-surface,
#app .geimser-light-surface * {
  color: #1d1d1f !important;
}

#app .geimser-light-surface label,
#app .geimser-light-surface legend,
#app .geimser-light-surface .label,
#app .geimser-light-surface .formGroup-label,
#app .geimser-light-surface [class*="Label"],
#app .geimser-light-surface [class*="label"],
#app .geimser-light-surface small,
#app .geimser-light-surface .small,
#app .geimser-light-surface [class*="muted"],
#app .geimser-light-surface [class*="hint"] {
  color: #5f6672 !important;
}

#app .geimser-light-surface a,
#app .geimser-light-surface .link {
  color: #004b8d !important;
}

#app .geimser-dark-surface,
#app .geimser-dark-surface * {
  color: #f3f7fb !important;
}

#app .geimser-dark-surface a,
#app .geimser-dark-surface .link {
  color: #8fd3ff !important;
}

#app .btn,
#app .button,
#app button,
#app a.btn,
#app [role="button"] {
  color: #1d1d1f !important;
}

#app .btn--primary,
#app .button--primary,
#app .btn-primary,
#app button[type="submit"],
#app input[type="submit"],
#app .tabs .is-active,
#app .tab.is-active,
#app .nav-tabs .active,
#app .nav-tabs .is-active,
#app [role="tab"][aria-selected="true"] {
  background: #004b8d !important;
  background-color: #004b8d !important;
  border-color: #004b8d !important;
  color: #ffffff !important;
}

#app .btn--primary *,
#app .button--primary *,
#app .btn-primary *,
#app button[type="submit"] *,
#app input[type="submit"] *,
#app .tabs .is-active *,
#app .tab.is-active *,
#app .nav-tabs .active *,
#app .nav-tabs .is-active *,
#app [role="tab"][aria-selected="true"] * {
  color: #ffffff !important;
}

#app .btn-success,
#app .button--success,
#app .btn--success,
#app button[class*="success"],
#app a[class*="success"],
#app .btn[class*="success"],
#app .button[class*="success"] {
  background: #1f7a4d !important;
  background-color: #1f7a4d !important;
  border-color: #1f7a4d !important;
  color: #ffffff !important;
}

#app .btn-success *,
#app .button--success *,
#app .btn--success *,
#app button[class*="success"] *,
#app a[class*="success"] *,
#app .btn[class*="success"] *,
#app .button[class*="success"] * {
  color: #ffffff !important;
}

#app .btn-warning,
#app .button--warning,
#app .btn--warning,
#app button[class*="warning"],
#app a[class*="warning"] {
  background: #b86e00 !important;
  background-color: #b86e00 !important;
  border-color: #b86e00 !important;
  color: #ffffff !important;
}

#app .btn-danger,
#app .button--danger,
#app .btn--danger,
#app button[class*="danger"],
#app a[class*="danger"] {
  background: #b42318 !important;
  background-color: #b42318 !important;
  border-color: #b42318 !important;
  color: #ffffff !important;
}

#app .geimser-filled-control,
#app .geimser-filled-control * {
  color: #ffffff !important;
}

#app .sidebar.NavBarAdmin,
#app .sidebar.NavBarAdmin * {
  color: #d9e2ec !important;
}

#app .sidebar.NavBarAdmin h1,
#app .sidebar.NavBarAdmin h2,
#app .sidebar.NavBarAdmin h3,
#app .sidebar.NavBarAdmin h4 {
  color: #f3f7fb !important;
}

#app .sidebar.NavBarAdmin a,
#app .sidebar.NavBarAdmin .link {
  color: #8fd3ff !important;
}

#app thead th,
#app table thead th,
#app .js-tableHead,
#app .table-column-title,
#app th .table-column-title,
#app .table .js-tableHead,
#app .table .table-column-title {
  color: #f3f7fb !important;
}

#app thead th *,
#app table thead th *,
#app .js-tableHead *,
#app .table-column-title * {
  color: #f3f7fb !important;
}

#app .table .is-active,
#app table .is-active,
#app .table .active,
#app table .active {
  color: #1d1d1f !important;
}

.geimser-remote-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 8px;
  background: #004b8d;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(0, 31, 61, 0.22);
  font-weight: 700;
  cursor: pointer;
}

.geimser-remote-button:hover {
  background: #005daa;
}

.geimser-remote-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  background: rgba(12, 17, 29, 0.64);
}

.geimser-remote-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.geimser-remote-panel {
  width: min(1180px, calc(100vw - 48px));
  height: min(780px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}

.geimser-remote-header {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 18px;
  background: #20232b;
  color: #f3f7fb;
}

.geimser-remote-title {
  color: #f3f7fb;
  font-weight: 750;
}

.geimser-remote-heading {
  min-width: 220px;
}

.geimser-remote-subtitle {
  margin-top: 2px;
  color: #b9c7d5;
  font-size: 12px;
}

.geimser-remote-actions {
  display: flex;
  gap: 8px;
}

.geimser-remote-actions a,
.geimser-remote-actions button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: transparent;
  color: #f3f7fb;
  font-weight: 650;
  text-decoration: none;
  cursor: pointer;
}

.geimser-remote-actions a:hover,
.geimser-remote-actions button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.geimser-remote-frame {
  flex: 1;
  width: 100%;
  border: 0;
  background: #ffffff;
}

.geimser-remote-first-use,
.geimser-remote-register-help {
  padding: 10px 16px;
  border-bottom: 1px solid #c7d3df;
  background: #eaf4fc;
  color: #16324a;
  font-size: 13px;
  line-height: 1.45;
}

.geimser-remote-first-use {
  background: #fff8e6;
  border-bottom-color: #ead29a;
}

.geimser-remote-register-help {
  display: none;
}

.geimser-remote-modal.show-register-help .geimser-remote-register-help {
  display: block;
}

.geimser-remote-help-close {
  float: right;
  margin: 0 0 4px 12px;
  border: 0;
  background: transparent;
  color: #004b8d;
  font-weight: 700;
  cursor: pointer;
}

@media (max-width: 760px) {
  .geimser-remote-panel {
    width: calc(100vw - 16px);
    height: calc(100vh - 16px);
  }

  .geimser-remote-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }

  .geimser-remote-actions {
    flex-wrap: wrap;
  }

  .geimser-remote-first-use,
  .geimser-remote-register-help {
    padding: 9px 12px;
  }
}