/* Himmelblau Design 1.7.0
   Kundenorientiertes Theme für Ticketaro Support System.
   Keine Core-Funktion wird entfernt oder überschrieben. */

body[data-ss-design="himmelblau"]{
  --hb-blue:#0677df;
  --hb-blue-2:#1aa7f2;
  --hb-cyan:#39d7ed;
  --hb-ink:#092f68;
  --hb-muted:#617da3;
  --hb-line:#d8eafb;
  --hb-surface:rgba(255,255,255,.94);
  --hb-shadow:0 18px 52px rgba(39,122,190,.13);
  --hb-soft-shadow:0 10px 30px rgba(41,116,174,.09);
  min-height:100vh!important;
  background:linear-gradient(135deg,#dff4ff 0,#f8fdff 48%,#e8f8ff 100%)!important;
  color:#12365f!important;
  font-size:16px!important;
  line-height:1.55!important;
}
body[data-ss-design="himmelblau"] *{box-sizing:border-box}
body[data-ss-design="himmelblau"] a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}

/* SIDEBAR */
body[data-ss-design="himmelblau"] .demo-sidebar{
  width:270px!important;
  padding:18px 14px 16px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(4,107,190,.97),rgba(4,69,139,.98)),
    url('landscape.svg') center bottom/auto 42% no-repeat!important;
  border-right:1px solid rgba(109,218,255,.38)!important;
  box-shadow:18px 0 52px rgba(10,90,159,.18)!important;
}
body[data-ss-design="himmelblau"] .demo-sidebar::before{
  content:"";position:absolute;inset:auto -30px -30px -30px;height:42%;z-index:0;
  background:url('landscape.svg') center bottom/cover no-repeat;opacity:.42;pointer-events:none;
}
body[data-ss-design="himmelblau"] .demo-sidebar>*{position:relative;z-index:1}
body[data-ss-design="himmelblau"] .demo-brand{padding:0 4px 16px!important;gap:12px!important}
body[data-ss-design="himmelblau"] .demo-brand>span:not(.demo-brand-media){
  width:52px!important;height:52px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#33c9fa,#0788ec)!important;
  box-shadow:0 12px 30px rgba(0,40,110,.28),inset 0 1px 0 rgba(255,255,255,.42)!important;
  font-size:21px!important;
}
body[data-ss-design="himmelblau"] .demo-brand strong{font-size:17px!important;line-height:1.2!important;color:#fff!important}
body[data-ss-design="himmelblau"] .demo-role-badge{
  margin:0 3px 15px!important;padding:8px 10px!important;
  background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#d8f3ff!important;font-size:12px!important;letter-spacing:.07em!important;
}
body[data-ss-design="himmelblau"] .demo-sidebar nav{gap:5px!important}
body[data-ss-design="himmelblau"] .demo-sidebar nav a,
body[data-ss-design="himmelblau"] .demo-sidebar-bottom>a{
  min-height:52px!important;padding:0 14px!important;border-radius:14px!important;
  color:#d6efff!important;font-size:15px!important;font-weight:720!important;
}
body[data-ss-design="himmelblau"] .demo-sidebar nav a span,
body[data-ss-design="himmelblau"] .demo-sidebar-bottom>a span{width:26px!important;color:#aee7ff!important;font-size:20px!important}
body[data-ss-design="himmelblau"] .demo-sidebar nav a:hover,
body[data-ss-design="himmelblau"] .demo-sidebar-bottom>a:hover{background:rgba(255,255,255,.11)!important;color:#fff!important;transform:translateX(2px)}
body[data-ss-design="himmelblau"] .demo-sidebar nav a.active{
  color:#fff!important;background:linear-gradient(135deg,rgba(54,198,255,.34),rgba(255,255,255,.13))!important;
  border:1px solid rgba(120,225,255,.5)!important;box-shadow:0 9px 24px rgba(0,53,122,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
body[data-ss-design="himmelblau"] .demo-sidebar-bottom{
  margin-top:auto!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.14)!important;gap:4px!important;
}
body[data-ss-design="himmelblau"] .demo-sidebar-bottom .demo-logout{color:#e9f7ff!important}
body[data-ss-design="himmelblau"] .hb-design-card{
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;
  margin:0 2px 9px!important;padding:10px 11px!important;border:1px solid rgba(163,235,255,.32)!important;border-radius:14px!important;
  background:rgba(10,113,189,.48)!important;backdrop-filter:blur(10px)!important;color:#fff!important;
}
body[data-ss-design="himmelblau"] .hb-design-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.15);font-size:18px}
body[data-ss-design="himmelblau"] .hb-design-card strong{display:block;font-size:13px;line-height:1.25}
body[data-ss-design="himmelblau"] .hb-design-card small{display:block;margin-top:2px;color:#c8efff;font-size:11px;line-height:1.25}

/* MAIN + TOPBAR */
body[data-ss-design="himmelblau"] .demo-main{
  margin-left:270px!important;min-height:100vh!important;padding:16px 28px 0!important;
  display:flex!important;flex-direction:column!important;
}
body[data-ss-design="himmelblau"] .demo-topbar{
  min-height:64px!important;height:auto!important;margin:0 0 16px!important;padding:8px 10px!important;
  border:1px solid rgba(188,224,247,.9)!important;border-radius:20px!important;
  background:rgba(255,255,255,.86)!important;backdrop-filter:blur(18px)!important;
  box-shadow:0 9px 28px rgba(53,121,173,.08)!important;top:10px!important;
}
body[data-ss-design="himmelblau"] .demo-topbar-title small{font-size:11px!important;color:#169bd3!important}
body[data-ss-design="himmelblau"] .demo-topbar-title h1{font-size:18px!important;color:var(--hb-ink)!important}
body[data-ss-design="himmelblau"] .demo-topbar-actions{margin-left:auto!important;gap:8px!important}
body[data-ss-design="himmelblau"] .demo-icon-button,
body[data-ss-design="himmelblau"] .demo-user-pill{border-color:#d7e9f8!important;background:rgba(255,255,255,.96)!important;box-shadow:0 5px 16px rgba(61,121,168,.06)!important}
body[data-ss-design="himmelblau"] .demo-user-pill strong{font-size:14px!important;color:#183c67!important}
body[data-ss-design="himmelblau"] .demo-user-pill small{font-size:12px!important;color:#718bab!important}
body[data-ss-design="himmelblau"] .demo-user-pill>span{background:linear-gradient(135deg,#1788ee,#28c4ef)!important}
body[data-ss-design="himmelblau"] .hb-search{
  position:relative;display:flex;align-items:center;gap:9px;flex:1 1 560px;max-width:620px;min-width:260px;height:46px;
  padding:0 11px;border:1px solid #d8eafa;border-radius:15px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
body[data-ss-design="himmelblau"] .hb-search svg{width:19px;height:19px;fill:none;stroke:#2d75b8;stroke-width:2}
body[data-ss-design="himmelblau"] .hb-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#244d79;font-size:14px}
body[data-ss-design="himmelblau"] .hb-search input::placeholder{color:#718cae}
body[data-ss-design="himmelblau"] .hb-search kbd{min-width:30px;padding:3px 6px;border:1px solid #d7e8f7;border-radius:7px;background:#f4f9fd;color:#6583a7;font-size:11px;text-align:center;box-shadow:none}
body[data-ss-design="himmelblau"] .hb-search-results{position:absolute;top:52px;left:0;right:0;z-index:80;padding:7px;border:1px solid #d7e8f7;border-radius:14px;background:#fff;box-shadow:0 20px 45px rgba(24,84,137,.17)}
body[data-ss-design="himmelblau"] .hb-search-results a{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:10px;color:#244e7b;font-size:13px;font-weight:750}
body[data-ss-design="himmelblau"] .hb-search-results a:hover{background:#eff8ff;color:#0877dc}

/* DASHBOARD HERO */
body[data-ss-design="himmelblau"].hb-dashboard .demo-topbar-title{display:none!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:226px!important;margin:0 0 18px!important;padding:28px 30px!important;border:1px solid rgba(172,226,250,.95)!important;border-radius:23px!important;
  display:grid!important;grid-template-columns:minmax(420px,1.2fr) minmax(520px,1fr)!important;gap:26px!important;align-items:center!important;
  background:linear-gradient(90deg,rgba(224,248,255,.97) 0,rgba(217,246,255,.83) 36%,rgba(79,190,241,.23) 100%),url('landscape.svg') right center/cover no-repeat!important;
  box-shadow:var(--hb-shadow)!important;color:var(--hb-ink)!important;
}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.28),transparent 44%);pointer-events:none}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-copy{max-width:650px!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-copy>span{display:block!important;color:#05a4d0!important;font-size:12px!important;font-weight:950!important;letter-spacing:.12em!important}
body[data-ss-design="himmelblau"].hb-dashboard .hb-hero-title{margin:12px 0 9px!important;color:#082d67!important;font-size:clamp(42px,4vw,58px)!important;line-height:.98!important;letter-spacing:-.055em!important}
body[data-ss-design="himmelblau"].hb-dashboard .hb-greeting{margin:0 0 4px!important;color:#12396d!important;font-size:21px!important;line-height:1.25!important;letter-spacing:-.02em!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-copy>p{margin:0!important;color:#456b96!important;font-size:15px!important;line-height:1.45!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-actions,
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-visual{display:none!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats.hb-hero-stats{
  margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-self:stretch!important;
}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats.hb-hero-stats>a{
  min-height:82px!important;padding:12px 13px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:16px!important;
  grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(12px)!important;
  box-shadow:0 8px 24px rgba(20,111,172,.08)!important;color:#143c6c!important;
}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats.hb-hero-stats>a>b{display:none!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats .icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:17px!important;background:linear-gradient(135deg,#d9f5ff,#cfe8ff)!important;color:#0878dd!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats small{font-size:11px!important;letter-spacing:.055em!important;color:#426a94!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats strong{font-size:18px!important;color:#0b346d!important}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats p{margin-top:2px!important;font-size:12px!important;color:#6684a7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* DASHBOARD CONTENT */
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-grid{
  display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr)!important;gap:18px!important;align-items:start!important;margin-bottom:18px!important;
}
body[data-ss-design="himmelblau"] .hb-inbox,
body[data-ss-design="himmelblau"] .hb-side-tickets,
body[data-ss-design="himmelblau"] .demo-customer-quick-start{
  border:1px solid rgba(210,232,248,.96)!important;border-radius:20px!important;background:rgba(255,255,255,.93)!important;box-shadow:var(--hb-soft-shadow)!important;
}
body[data-ss-design="himmelblau"] .hb-inbox{overflow:hidden!important}
body[data-ss-design="himmelblau"] .customer-home-panel-head{
  display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;
  padding:18px 20px!important;border-bottom:1px solid #e2eff9!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
body[data-ss-design="himmelblau"] .hb-inbox-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#dff6ff,#d8ecff);color:#0a7bdf;font-size:21px;font-weight:900}
body[data-ss-design="himmelblau"] .customer-home-panel-head small{font-size:11px!important;color:#1594ca!important;letter-spacing:.08em!important}
body[data-ss-design="himmelblau"] .customer-home-panel-head h2{margin:1px 0!important;color:#0b346d!important;font-size:22px!important;line-height:1.2!important}
body[data-ss-design="himmelblau"] .customer-home-panel-head p{margin:3px 0 0!important;color:#6b85a4!important;font-size:13px!important}
body[data-ss-design="himmelblau"] .customer-home-panel-head>a{padding:9px 12px;border:1px solid #d9eafa;border-radius:11px;background:#f7fbff;color:#0875d8!important;font-size:12px!important;font-weight:850!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list{display:grid!important;gap:0!important;padding:0!important;background:#fff!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket{
  min-height:74px!important;padding:10px 16px!important;border:0!important;border-bottom:1px solid #e7f0f8!important;border-radius:0!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(220px,285px) 34px!important;gap:12px!important;align-items:center!important;background:#fff!important;box-shadow:none!important;
}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket:hover{transform:none!important;background:#f5fbff!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-state{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;color:#fff!important;font-size:15px!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-copy small{font-size:11px!important;color:#6380a2!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-copy strong{display:block!important;margin-top:2px!important;font-size:14px!important;color:#173b67!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-copy p{margin:3px 0 0!important;font-size:12px!important;color:#7890aa!important}
body[data-ss-design="himmelblau"] .ticket-classifiers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body[data-ss-design="himmelblau"] .ticket-classifier{min-height:44px!important;padding:7px 8px!important;border:1px solid #e0ecf7!important;border-radius:11px!important;background:#f8fbfe!important;display:grid!important;grid-template-columns:20px 1fr!important;gap:6px!important;align-items:center!important}
body[data-ss-design="himmelblau"] .ticket-classifier>i{font-size:14px!important;font-style:normal!important;color:#1a7bd1!important}
body[data-ss-design="himmelblau"] .ticket-classifier small{font-size:10px!important;color:#7890aa!important}
body[data-ss-design="himmelblau"] .ticket-classifier strong{font-size:11px!important;color:#21486f!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-arrow{width:30px!important;height:30px!important;border-radius:10px!important;background:#eef7ff!important;color:#0876da!important}
body[data-ss-design="himmelblau"] .demo-customer-home-empty{font-size:14px!important}
body[data-ss-design="himmelblau"] .demo-customer-home-empty p{font-size:13px!important}

/* rechte Dashboard-Spalte */
body[data-ss-design="himmelblau"] .demo-customer-home-side{display:grid!important;gap:14px!important}
body[data-ss-design="himmelblau"] .hb-side-tickets{overflow:hidden!important}
body[data-ss-design="himmelblau"] .hb-side-tickets>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:18px 18px 15px;border-bottom:1px solid #e3eef8}
body[data-ss-design="himmelblau"] .hb-side-tickets>header small{font-size:11px;color:#0aa2c9;font-weight:950;letter-spacing:.09em}
body[data-ss-design="himmelblau"] .hb-side-tickets>header h3{margin:4px 0 2px;color:#0a346d;font-size:22px;line-height:1.2}
body[data-ss-design="himmelblau"] .hb-side-tickets>header p{margin:0;color:#7088a6;font-size:12.5px}
body[data-ss-design="himmelblau"] .hb-side-tickets>header>a{padding:8px 10px;border:1px solid #d7e9f8;border-radius:10px;color:#0876d9;font-size:11.5px;font-weight:850;background:#f7fbff}
body[data-ss-design="himmelblau"] .hb-side-list{display:grid;gap:9px;padding:12px}
body[data-ss-design="himmelblau"] .hb-side-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;gap:10px;align-items:center;min-height:84px;padding:10px;border:1px solid #e0ecf7;border-radius:13px;background:#fbfdff}
body[data-ss-design="himmelblau"] .hb-side-list>a:hover{transform:translateY(-1px);border-color:#bcdff7;box-shadow:0 8px 20px rgba(50,119,171,.09)}
body[data-ss-design="himmelblau"] .hb-side-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#e3f6ff,#dbeeff);color:#0a7be0;font-size:17px}
body[data-ss-design="himmelblau"] .hb-side-list small{display:block;font-size:10px;color:#6f8cab;font-weight:900;letter-spacing:.06em}
body[data-ss-design="himmelblau"] .hb-side-list strong{display:block;margin-top:1px;font-size:13px;color:#173d69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-ss-design="himmelblau"] .hb-side-list em{display:block;margin-top:2px;color:#7890aa;font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-ss-design="himmelblau"] .hb-side-list b{color:#0b77d8;font-size:17px}
body[data-ss-design="himmelblau"] .hb-side-empty{padding:22px;text-align:center;color:#7188a5;font-size:13px}
body[data-ss-design="himmelblau"] .hb-side-new{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 12px 12px;border-radius:12px;background:linear-gradient(135deg,#0c82e8,#1cb8ee);color:#fff!important;font-size:13px;font-weight:850;box-shadow:0 8px 20px rgba(17,132,218,.2)}
body[data-ss-design="himmelblau"] .demo-customer-quick-start{padding:17px!important}
body[data-ss-design="himmelblau"] .demo-customer-side-head small{font-size:11px!important;color:#1596c9!important}
body[data-ss-design="himmelblau"] .demo-customer-side-head h3{font-size:18px!important;color:#113a69!important}
body[data-ss-design="himmelblau"] .demo-customer-category-links a{min-height:62px!important;padding:10px!important;border-color:#e1edf7!important;background:#fbfdff!important}
body[data-ss-design="himmelblau"] .demo-customer-category-links strong{font-size:13px!important;color:#23466f!important}
body[data-ss-design="himmelblau"] .demo-customer-category-links small{font-size:11px!important;color:#7790ab!important}
body[data-ss-design="himmelblau"] .demo-customer-help-card{display:none!important}

/* TICKETS.PHP – Premium Kundenansicht im gleichen Aufbau wie das Dashboard */
body[data-ss-design="himmelblau"].hb-tickets-page .demo-topbar-title{display:none!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-index-head{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:226px!important;margin:0 0 18px!important;padding:28px 30px!important;
  display:grid!important;grid-template-columns:minmax(430px,1.14fr) minmax(500px,.86fr)!important;
  gap:26px!important;align-items:center!important;
  border:1px solid rgba(172,226,250,.96)!important;border-radius:23px!important;
  background:
    linear-gradient(90deg,rgba(226,249,255,.98) 0,rgba(220,247,255,.90) 43%,rgba(70,182,237,.26) 100%),
    url('landscape.svg') right center/cover no-repeat!important;
  box-shadow:var(--hb-shadow)!important;color:var(--hb-ink)!important;
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-index-head::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.30),transparent 45%);
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy{max-width:680px!important}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy>span{
  display:block!important;color:#08a2cf!important;font-size:12px!important;font-weight:950!important;letter-spacing:.12em!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy h2{
  margin:11px 0 8px!important;color:#082d67!important;font-size:clamp(40px,3.7vw,55px)!important;
  line-height:.99!important;letter-spacing:-.052em!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy p{
  max-width:650px!important;margin:0!important;color:#456b96!important;font-size:15px!important;line-height:1.55!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy .demo-new-ticket-cta{
  display:inline-flex!important;margin-top:18px!important;min-height:45px!important;padding:0 18px!important;
  border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#0c82e8,#1cb8ee)!important;
  color:#fff!important;box-shadow:0 10px 24px rgba(13,125,214,.22)!important;font-size:14px!important;font-weight:850!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy .demo-new-ticket-cta:hover{
  transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(13,125,214,.28)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-self:stretch!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat{
  min-height:82px!important;padding:13px 14px!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.94)!important;border-radius:15px!important;
  background:rgba(255,255,255,.76)!important;backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 28px rgba(26,103,160,.09)!important;color:#183e6b!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat:hover{
  transform:translateY(-2px)!important;background:rgba(255,255,255,.91)!important;
  box-shadow:0 14px 30px rgba(26,103,160,.13)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat>i{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  background:linear-gradient(135deg,#e6f7ff,#dceeff);color:#0b7ddb;font-style:normal;font-size:18px;font-weight:900
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat small{
  display:block;color:#57789d;font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat strong{
  display:block;margin-top:1px;color:#153c69;font-size:23px;line-height:1.05
}
body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat em{
  display:block;margin-top:4px;color:#7891ab;font-size:11.5px;font-style:normal
}

/* Filterleiste */
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  margin:0 0 14px!important;padding:8px!important;border:1px solid #d7e9f7!important;border-radius:17px!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(50,112,162,.07)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tabs{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tab{
  min-height:42px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:11px!important;
  background:#f5faff!important;color:#577697!important;font-size:13px!important;font-weight:800!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tab:hover{
  background:#eaf6ff!important;color:#0878d7!important;border-color:#cce8fa!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tab.active{
  background:linear-gradient(135deg,#0c82e8,#28b8ef)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 7px 18px rgba(15,126,213,.18)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tab b{
  min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.75);
  color:#2877b7;font-size:11px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tab.active b{background:rgba(255,255,255,.2);color:#fff}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar-note{
  display:flex!important;align-items:center!important;gap:7px!important;padding:0 8px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar-note strong{font-size:12px!important;color:#234a74!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar-note small{font-size:11px!important;color:#7a91ab!important}

/* Support-Postfach */
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox{
  overflow:hidden!important;margin:0 0 18px!important;border:1px solid #d7e9f7!important;border-radius:20px!important;
  background:#fff!important;box-shadow:var(--hb-soft-shadow)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-my-ticket-summary{
  padding:17px 20px!important;border-bottom:1px solid #e2eef8!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-my-ticket-summary-icon{
  width:46px!important;height:46px!important;border-radius:13px!important;background:linear-gradient(135deg,#dff6ff,#dcecff)!important;
  color:#087ae0!important;font-size:20px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-my-ticket-summary small{font-size:11px!important;color:#1597cb!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-my-ticket-summary strong{font-size:17px!important;color:#133b68!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-my-ticket-summary-stats span{
  min-height:34px;padding:0 10px;border:1px solid #e2eef8;border-radius:10px;background:#f8fbfe;
  color:#5f7b9b!important;font-size:12px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox-head{
  padding:15px 20px!important;border-bottom:1px solid #e4eef7!important;background:#fbfdff!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox-head small{font-size:11px!important;color:#1599cc!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox-head h3{margin-top:3px!important;font-size:20px!important;color:#123b69!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox-head>span{
  padding:7px 10px!important;border:1px solid #e0edf7!important;border-radius:10px!important;background:#fff!important;
  color:#738ca8!important;font-size:12px!important;font-weight:800!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards{
  display:grid!important;gap:10px!important;padding:12px!important;background:linear-gradient(180deg,#f7fbff,#f3f9fd)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card{
  min-height:96px!important;padding:14px 15px!important;border:1px solid #dfeaf5!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 5px 16px rgba(48,104,150,.04)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card::after{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#25b9ef,#0b7ddd);opacity:0;transition:opacity .18s ease
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card:hover{
  transform:translateY(-2px)!important;border-color:#b9def6!important;box-shadow:0 13px 30px rgba(39,112,166,.11)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card:hover::after,
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card.has-unread::after{opacity:1}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card.has-unread{
  border-color:#9fd9fb!important;background:linear-gradient(90deg,#eef9ff,#fff 48%)!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-number{
  min-width:96px!important;color:#1c669f!important;font-size:12.5px!important;font-weight:900!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-titleline strong{
  color:#173c67!important;font-size:16px!important;line-height:1.35!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-titleline em{
  min-height:26px!important;padding:0 9px!important;border-radius:9px!important;background:#e6f6ff!important;
  color:#0874cf!important;font-size:11px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-meta{
  margin-top:7px!important;gap:0!important;color:#7189a4!important;font-size:12px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-right{
  display:grid!important;grid-template-columns:118px 132px auto 34px!important;gap:8px!important;align-items:center!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-state-box{
  min-width:0!important;padding:8px 10px!important;border:1px solid #e0ebf5!important;border-radius:11px!important;background:#f9fcff!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-state-box small{
  display:block!important;color:#7790aa!important;font-size:9.5px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-state-box strong{
  display:flex!important;align-items:center!important;gap:6px!important;margin-top:2px!important;color:#24496f!important;font-size:12px!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-open-label{
  opacity:.85!important;color:#5f7c9d!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-open-icon{
  width:34px!important;height:34px!important;border-radius:10px!important;background:#eef7ff!important;color:#0876da!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card:hover .demo-ticket-open-icon{
  background:linear-gradient(135deg,#0c82e8,#1cb8ee)!important;color:#fff!important
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-filter-empty{
  margin:12px!important;padding:32px!important;border:1px dashed #c7e3f6!important;border-radius:15px!important;background:#f7fcff!important
}

/* Responsive Ticketansicht */
@media(max-width:1180px){
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-index-head{
    grid-template-columns:1fr!important;min-height:0!important
  }
  body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important
  }
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-right{
    grid-template-columns:112px 126px 34px!important
  }
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-open-label{display:none!important}
}
@media(max-width:900px){
  body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card{align-items:flex-start!important;flex-direction:column!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-right{
    width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr)) 36px!important
  }
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-open-icon{justify-self:end!important}
}
@media(max-width:620px){
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-index-head{padding:22px 18px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-copy h2{font-size:38px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stats{grid-template-columns:1fr 1fr!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat{min-height:74px!important;padding:11px!important;grid-template-columns:38px 1fr!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .hb-ticket-hero-stat>i{width:36px;height:36px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar{align-items:stretch!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar-note{display:none!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-left{display:block!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-number{margin-bottom:7px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-right{grid-template-columns:1fr 1fr 34px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-my-ticket-summary-stats{display:none!important}
}

/* Ticketdetail – optisch passend zum Listenbereich */
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-ticket-detail-head,
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-panel{border-color:#d8e9f7!important;box-shadow:var(--hb-soft-shadow)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-ticket-detail-head{border-radius:20px!important;background:linear-gradient(135deg,#fff,#f4fbff)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-ticket-detail-head h2{color:#103966!important}



/* FOOTER */
body[data-ss-design="himmelblau"] .demo-footer{
  width:100%!important;min-height:66px!important;margin:auto 0 0!important;padding:15px 12px!important;
  display:flex!important;align-items:center!important;gap:14px!important;border:0!important;border-top:1px solid rgba(165,211,240,.65)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#6684a6!important;
}
body[data-ss-design="himmelblau"] .demo-footer-product-link{display:flex!important;align-items:center!important;gap:9px!important;color:#57789d!important}
body[data-ss-design="himmelblau"] .demo-footer-product-mark{width:30px!important;height:30px!important;border-radius:9px!important;background:linear-gradient(135deg,#20a9ef,#087ce1)!important;color:#fff!important;font-size:12px!important}
body[data-ss-design="himmelblau"] .demo-footer-product-link strong{font-size:12px!important;color:#42688e!important}
body[data-ss-design="himmelblau"] .demo-footer-product-link small{font-size:10px!important;color:#83a0bb!important}
body[data-ss-design="himmelblau"] .demo-footer-buy{margin-left:auto!important;color:#7691ad!important;font-size:11px!important}
body[data-ss-design="himmelblau"] .hb-footer-note{display:flex;align-items:center;gap:8px;margin-left:12px;padding-left:14px;border-left:1px solid #cfe5f5;color:#6a88a8}
body[data-ss-design="himmelblau"] .hb-footer-note strong{font-size:12px;color:#3099dd;font-weight:750}
body[data-ss-design="himmelblau"] .hb-footer-note small{font-size:10px;color:#8da5bc}

/* ANIMATIONEN */
body[data-ss-design="himmelblau"] .hb-reveal{opacity:0;transform:translateY(8px);transition:opacity .42s ease var(--hb-delay,0ms),transform .42s ease var(--hb-delay,0ms)}
body[data-ss-design="himmelblau"] .hb-reveal.is-visible{opacity:1;transform:none}
body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-hero::after{content:"";position:absolute;top:-70%;left:-24%;width:22%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(17deg);animation:hbShine 9s ease-in-out infinite;pointer-events:none}
@keyframes hbShine{0%,72%{left:-28%;opacity:0}78%{opacity:1}100%{left:116%;opacity:0}}

/* RESPONSIVE */
@media(max-width:1320px){
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-hero{grid-template-columns:1fr!important}
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats.hb-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr)!important}
}
@media(max-width:1100px){
  body[data-ss-design="himmelblau"] .demo-sidebar{width:235px!important}
  body[data-ss-design="himmelblau"] .demo-main{margin-left:235px!important;padding-left:20px!important;padding-right:20px!important}
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-grid{grid-template-columns:1fr!important}
  body[data-ss-design="himmelblau"] .demo-customer-home-ticket{grid-template-columns:42px minmax(0,1fr) 34px!important}
  body[data-ss-design="himmelblau"] .ticket-classifiers{display:none!important}
}
@media(max-width:820px){
  body[data-ss-design="himmelblau"] .demo-main{margin-left:0!important;padding:12px 14px 0!important}
  body[data-ss-design="himmelblau"] .demo-sidebar{width:270px!important}
  body[data-ss-design="himmelblau"] .hb-search{min-width:0!important;flex-basis:100%!important;order:2!important}
  body[data-ss-design="himmelblau"] .demo-topbar{flex-wrap:wrap!important;padding:8px!important}
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-hero{padding:22px 20px!important}
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats.hb-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-ss-design="himmelblau"] .hb-hero-title{font-size:40px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-toolbar{align-items:stretch!important;flex-direction:column!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-tabs{overflow:auto!important}
}
@media(max-width:560px){
  body[data-ss-design="himmelblau"].hb-dashboard .demo-customer-home-stats.hb-hero-stats{grid-template-columns:1fr!important}
  body[data-ss-design="himmelblau"].hb-dashboard .hb-hero-title{font-size:34px!important}
  body[data-ss-design="himmelblau"] .customer-home-panel-head{grid-template-columns:44px minmax(0,1fr)!important}
  body[data-ss-design="himmelblau"] .customer-home-panel-head>a{grid-column:1/-1!important;justify-self:start!important}
  body[data-ss-design="himmelblau"] .hb-footer-note{display:none!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-index-head{padding:22px 18px!important;align-items:flex-start!important;flex-direction:column!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-index-head h2{font-size:32px!important}
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card-right{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-ss-design="himmelblau"] *,body[data-ss-design="himmelblau"] *::before,body[data-ss-design="himmelblau"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body[data-ss-design="himmelblau"] .hb-reveal{opacity:1!important;transform:none!important}
}

/* Lesbarkeit in allen eingeloggten Kundenansichten */
body[data-ss-design="himmelblau"] .demo-page-head p{font-size:14px!important;line-height:1.55!important}
body[data-ss-design="himmelblau"] .demo-button,body[data-ss-design="himmelblau"] .demo-primary-button{font-size:14px!important}
body[data-ss-design="himmelblau"] .demo-dropdown{font-size:13px!important}
body[data-ss-design="himmelblau"] .demo-notification-item strong{font-size:13px!important}
body[data-ss-design="himmelblau"] .demo-notification-item p{font-size:12px!important;line-height:1.45!important}
body[data-ss-design="himmelblau"] .demo-account-dropdown a strong{font-size:13px!important}
body[data-ss-design="himmelblau"] .demo-account-dropdown a small{font-size:11.5px!important}


/* =========================================================
   Himmelblau 1.6.0 – Ticket-Scroll, Neues Ticket, Profil
   ========================================================= */

/* Design-Scrollbar: Ticketlisten wie das Postfach im Dashboard */
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list,
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards{
  scrollbar-width:thin;
  scrollbar-color:#57b9ed #eaf6fd;
  scrollbar-gutter:stable;
}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list{
  max-height:440px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards{
  max-height:min(58vh,620px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  padding-right:2px!important;
}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list::-webkit-scrollbar,
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards::-webkit-scrollbar{width:10px}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list::-webkit-scrollbar-track,
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards::-webkit-scrollbar-track{
  background:#eaf6fd;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(115,185,226,.16)
}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list::-webkit-scrollbar-thumb,
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards::-webkit-scrollbar-thumb{
  min-height:46px;border:2px solid #eaf6fd;border-radius:99px;background:linear-gradient(180deg,#69ccf4,#319ce7)
}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket-list::-webkit-scrollbar-thumb:hover,
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#45bbed,#167fd7)
}

/* Meine Tickets – Scrollbereich optisch als echtes Postfach */
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox{
  background:rgba(255,255,255,.96)!important;
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-inbox-head{
  position:relative;z-index:2;background:linear-gradient(180deg,#fff,#f8fcff)!important;
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards{
  display:grid!important;gap:9px!important;padding:10px!important;background:linear-gradient(180deg,#f8fcff,#f3f9fd)!important;
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card{
  border:1px solid #dcecf8!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 5px 18px rgba(26,100,154,.045)!important;
}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card:last-child{border-bottom:1px solid #dcecf8!important}
body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-card:hover{
  border-color:#b9ddf4!important;background:#fafdff!important;box-shadow:0 10px 24px rgba(25,105,163,.09)!important;transform:translateY(-1px)!important;
}

/* Neues Ticket – vollständig im Himmelblau-Look */
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head{
  position:relative;overflow:hidden;min-height:190px;margin:0 0 18px!important;padding:28px 30px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  border:1px solid rgba(151,213,246,.85)!important;border-radius:22px!important;
  background:linear-gradient(105deg,rgba(239,250,255,.97),rgba(185,231,252,.88) 58%,rgba(73,166,226,.78)),url('landscape.svg') right bottom/55% auto no-repeat!important;
  box-shadow:var(--hb-shadow)!important;
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head::after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.38),transparent 48%)
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head>div,
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head>a{position:relative;z-index:1}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head>div{max-width:720px}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head>div>span{color:#069bc8!important;font-size:11px!important;font-weight:950!important;letter-spacing:.11em!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head h2{margin:8px 0 6px!important;color:#082f69!important;font-size:clamp(34px,3.2vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head p{max-width:690px!important;margin:0!important;color:#456d96!important;font-size:14px!important;line-height:1.55!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head .demo-button.secondary{
  min-height:44px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:12px!important;background:rgba(255,255,255,.76)!important;color:#0b73ca!important;box-shadow:0 8px 22px rgba(26,110,171,.08)!important;backdrop-filter:blur(10px)
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-layout{
  grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important;align-items:start!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-card{
  border:1px solid #d7e9f7!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--hb-soft-shadow)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-card-head{
  padding:20px 22px!important;border-bottom:1px solid #e1eef8!important;background:linear-gradient(180deg,#fff,#f8fcff)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-step{
  background:linear-gradient(135deg,#25b5ef,#087cdf)!important;box-shadow:0 9px 22px rgba(8,124,223,.20)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-card-head small{color:#1298cd!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-card-head h3{color:#123b68!important;font-size:22px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-card-head p{color:#7089a5!important;font-size:13px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro{padding:22px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-field-label{color:#20466f!important;font-size:13px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-field-label b{background:#e9f6ff!important;color:#0879d8!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-field-block>small{color:#7b93ad!important;font-size:11.5px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page input,
body[data-ss-design="himmelblau"].hb-new-ticket-page select,
body[data-ss-design="himmelblau"].hb-new-ticket-page textarea{
  border:1px solid #d5e6f4!important;border-radius:12px!important;background:#fbfdff!important;color:#173c68!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page input:focus,
body[data-ss-design="himmelblau"].hb-new-ticket-page select:focus,
body[data-ss-design="himmelblau"].hb-new-ticket-page textarea:focus{
  outline:none!important;border-color:#58bbed!important;box-shadow:0 0 0 4px rgba(54,170,232,.12)!important;background:#fff!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-priority-option>span{
  border-color:#dcebf7!important;background:#f9fcff!important;border-radius:12px!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-priority-option input:checked+span{
  border-color:#65bdec!important;background:#eef9ff!important;box-shadow:0 7px 18px rgba(35,134,195,.08)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-submitbar{
  border-top-color:#e2eef7!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-submitbar .demo-button.primary{
  background:linear-gradient(135deg,#087cdf,#28b5ef)!important;box-shadow:0 9px 22px rgba(8,124,223,.18)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-help{gap:12px!important;top:92px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-card.dark,
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-steps,
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-note{
  border:1px solid #d8e9f7!important;border-radius:17px!important;background:rgba(255,255,255,.94)!important;color:#173e6b!important;box-shadow:var(--hb-soft-shadow)!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-card.dark{padding:19px!important;background:linear-gradient(145deg,#f8fdff,#eaf7ff)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-card.dark .demo-help-icon{
  background:linear-gradient(135deg,#d8f4ff,#dcecff)!important;color:#0780de!important
}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-card.dark small{color:#0b94c7!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-card.dark h3{color:#103b6a!important;font-size:18px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-card.dark p{color:#6783a3!important;font-size:12.5px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-steps>div{border-color:#e3eef7!important;background:#fbfdff!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-steps b{background:#e5f5ff!important;color:#0879d8!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-steps strong{color:#24486e!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-steps small{color:#7b91a9!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-note strong{color:#164674!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-note p{color:#7089a5!important}

/* Profil – Tabs und Passwortbereich */
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-head{
  position:relative;overflow:hidden;margin:0 0 14px!important;padding:24px 26px!important;border:1px solid #cce7f8!important;border-radius:20px!important;
  background:linear-gradient(110deg,#f7fdff,#dff4ff 58%,#cbeeff)!important;box-shadow:var(--hb-soft-shadow)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-head::after{content:"";position:absolute;right:-30px;bottom:-60px;width:340px;height:180px;background:url('landscape.svg') right bottom/contain no-repeat;opacity:.28;pointer-events:none}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-head>div{position:relative;z-index:1}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-head span{color:#089acb!important;font-size:11px!important;font-weight:950!important;letter-spacing:.11em!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-head h2{margin:6px 0 4px!important;color:#0b356a!important;font-size:32px!important;letter-spacing:-.035em!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-head p{margin:0!important;color:#6481a2!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs{gap:10px!important;margin-bottom:14px!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs a{
  min-width:250px!important;border-color:#d7e8f6!important;border-radius:14px!important;background:rgba(255,255,255,.92)!important;color:#21486f!important;box-shadow:0 6px 20px rgba(33,101,151,.055)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs a>span{background:#e6f5ff!important;color:#087cdf!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs a.active{
  border-color:#8bcbed!important;background:linear-gradient(135deg,#effaff,#fff)!important;box-shadow:0 9px 24px rgba(24,125,187,.11)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-edit-card,
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-security-card{
  border:1px solid #d8e9f7!important;border-radius:19px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--hb-soft-shadow)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-security-intro{
  border-bottom-color:#e1eef8!important;background:linear-gradient(180deg,#fff,#f8fcff)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-security-icon{background:linear-gradient(135deg,#24b4ee,#087cdf)!important;box-shadow:0 8px 20px rgba(8,124,223,.16)!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-security-intro small{color:#1195c8!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-security-intro h3{color:#123b68!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-password-form input,
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-fields input,
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-fields select{
  border-color:#d7e7f4!important;background:#fbfdff!important;color:#173d68!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-password-form input:focus,
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-fields input:focus,
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-fields select:focus{
  outline:none!important;border-color:#5dbced!important;box-shadow:0 0 0 4px rgba(54,170,232,.11)!important;background:#fff!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-password-hints{
  border-color:#d9e9f6!important;background:linear-gradient(145deg,#f8fdff,#eef9ff)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-password-hints>small{color:#1195c8!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-language{
  border-color:#d8e8f5!important;background:linear-gradient(135deg,#f7fcff,#fbfdff)!important
}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-language-head>span{background:#e4f4ff!important;color:#087cdf!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-upload-button,
body[data-ss-design="himmelblau"].hb-profile-page .demo-button.primary{
  background:linear-gradient(135deg,#087cdf,#28b5ef)!important;color:#fff!important;border-color:transparent!important
}

@media(max-width:1050px){
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-layout{grid-template-columns:1fr!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-help{position:static!important;grid-template-columns:1fr 1fr!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-tip-card{grid-column:1/-1!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-note{grid-column:1/-1!important}
}
@media(max-width:620px){
  body[data-ss-design="himmelblau"].hb-tickets-page .demo-ticket-cards{max-height:66vh!important;padding:7px!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head{min-height:0!important;padding:22px 18px!important;align-items:flex-start!important;flex-direction:column!important;background-size:100% auto!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head h2{font-size:34px!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-help{grid-template-columns:1fr!important}
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-tip-card,
  body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-help-note{grid-column:auto!important}
  body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs a{min-width:0!important;flex:1 1 100%!important}
  body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-security-grid{padding:16px!important}
}

/* Himmelblau 1.7.0 – Neues Ticket, Profil und geschlossene Tickets */
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head{min-height:220px!important;padding:30px 32px!important;border:1px solid rgba(119,203,244,.46)!important;border-radius:25px!important;background:linear-gradient(120deg,rgba(242,252,255,.98),rgba(206,239,255,.96) 56%,rgba(116,202,247,.72))!important;box-shadow:0 20px 48px rgba(24,108,165,.11)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head:before{width:420px;height:420px;right:-100px;top:-230px;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 68%)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-head:after{height:5px!important;background:linear-gradient(90deg,#0d84df,#42c2f0,#a3e4ff)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-benefits>span{background:rgba(255,255,255,.8)!important;border-color:rgba(84,172,225,.22)!important;color:#32658c!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-benefits i{background:#dff6ff!important;color:#087bd5!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-new-ticket-card{border-color:#d4e9f7!important;border-radius:22px!important;box-shadow:0 20px 48px rgba(31,98,150,.09)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-field-block{border-color:#dbeaf5!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro input,body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro select,body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro textarea{min-height:46px!important;border-color:#cfe2f0!important;border-radius:12px!important;background:#fff!important;color:#173a5f!important;font-size:14px!important;box-shadow:inset 0 1px 2px rgba(31,78,113,.025)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro textarea{min-height:210px!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro input:focus,body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro select:focus,body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-ticket-create-form-pro textarea:focus{border-color:#57bced!important;box-shadow:0 0 0 4px rgba(42,167,230,.1)!important}
body[data-ss-design="himmelblau"].hb-new-ticket-page .demo-priority-option>span{border-color:#d8e8f3!important;background:#fff!important}.hb-new-ticket-page .demo-priority-option input:checked+span{border-color:#43b5eb!important;background:linear-gradient(135deg,#effaff,#e1f5ff)!important;box-shadow:0 8px 18px rgba(38,159,221,.1)!important}

body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs .demo-profile-tab{min-height:98px!important;padding:16px!important;border:1px solid #d5e8f5!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#f8fcff)!important;box-shadow:0 12px 28px rgba(31,93,139,.07)!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tab-icon{background:linear-gradient(135deg,#e4f6ff,#dceeff)!important;color:#087bda!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tab>div>strong{color:#153d67!important;font-size:15px!important}body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tab>div>p{color:#718aa4!important;font-size:12px!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs .demo-profile-tab.active{border-color:transparent!important;background:linear-gradient(135deg,#0d84df,#35b9ef)!important;box-shadow:0 18px 36px rgba(14,132,223,.22)!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs .demo-profile-tab.active .demo-profile-tab-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs .demo-profile-tab.active>div>small,body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs .demo-profile-tab.active>div>strong,body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs .demo-profile-tab.active>div>p{color:#fff!important}

body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-closed-ticket-banner{border-color:#bfe7d8!important;background:linear-gradient(135deg,#f2fcf8,#e8f8f2)!important;box-shadow:0 13px 32px rgba(38,124,91,.09)!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-closed-ticket-icon{background:linear-gradient(135deg,#27a377,#54c995)!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-closed-ticket-copy strong{font-size:15px!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-closed-ticket-copy p{font-size:12px!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-ticket-rating-card{border-color:#eddba6!important;background:linear-gradient(145deg,#fffef9,#fff8e4)!important}
@media(max-width:760px){body[data-ss-design="himmelblau"].hb-profile-page .demo-profile-tabs{grid-template-columns:1fr!important}}

/* Demo profile guard visibility */
body[data-ss-design="himmelblau"].hb-profile-page .demo-demo-guard{border-color:#cfe7f6!important;background:linear-gradient(145deg,#fff,#f4fbff)!important;box-shadow:0 16px 38px rgba(20,112,170,.10)!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-demo-guard::before{background:linear-gradient(180deg,#0d84df,#35b9ef)!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-demo-guard-icon{background:linear-gradient(145deg,#e7f6ff,#d9effd)!important;color:#0b7bc9!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-demo-guard-kicker{border-color:#d4eaf7!important;background:#ebf7ff!important;color:#0c84c6!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-demo-guard-title{color:#123f68!important}
body[data-ss-design="himmelblau"].hb-profile-page .demo-demo-guard-text{color:#65809a!important}


/* 2.18.78 - Offen/Geschlossen als bereitgestellte Ticket-Icons */
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-state.open,
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-state.closed{background:transparent!important;box-shadow:0 8px 20px rgba(25,112,186,.10)!important;overflow:hidden!important}
body[data-ss-design="himmelblau"] .demo-customer-home-ticket .ticket-state .demo-ticket-status-image{width:38px!important;height:38px!important;object-fit:contain!important;border-radius:12px!important}
body[data-ss-design="himmelblau"] .ticket-classifier.status.open>i:has(.demo-ticket-status-image),
body[data-ss-design="himmelblau"] .ticket-classifier.status.closed>i:has(.demo-ticket-status-image){background:transparent!important;padding:0!important;overflow:hidden!important}
body[data-ss-design="himmelblau"] .ticket-classifier.status .demo-ticket-status-image{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important}

/* Himmelblau 1.8.0 – echter Chat-Look für Ticket-Nachrichten */
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-conversation{overflow:hidden!important;border-color:#cfe5f5!important;background:#fff!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-live-chat-head{border-bottom:1px solid #d9ebf7!important;background:linear-gradient(135deg,#f8fdff,#eef9ff)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-live-message-list{padding:22px 24px!important;gap:var(--ss-ticket-chat-gap,14px)!important;border-top:0!important;background-color:var(--ss-ticket-chat-bg,#f4fbff)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;align-items:end!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-avatar{width:42px!important;height:42px!important;border-radius:14px!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 7px 18px rgba(31,105,158,.13)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message .demo-message-bubble{width:fit-content!important;max-width:min(82%,760px)!important;padding:12px 15px!important;border:1px solid rgba(80,157,205,.15)!important;border-radius:7px var(--ss-ticket-chat-radius,18px) var(--ss-ticket-chat-radius,18px) var(--ss-ticket-chat-radius,18px)!important;background:var(--ss-ticket-chat-customer,#fff)!important;color:var(--ss-ticket-chat-text,#24364b)!important;box-shadow:0 9px 22px rgba(33,103,151,.075)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message.staff:not(.mine) .demo-message-bubble{background:var(--ss-ticket-chat-staff,#eaf7ff)!important;border-color:rgba(45,158,221,.18)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message.mine{grid-template-columns:minmax(0,1fr) 42px!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message.mine .demo-message-avatar{grid-column:2!important;grid-row:1!important;background:linear-gradient(135deg,#0d84df,#35b9ef)!important;color:#fff!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message.mine .demo-message-bubble{grid-column:1!important;grid-row:1!important;justify-self:end!important;background:var(--ss-ticket-chat-own,#dff1ff)!important;border-color:rgba(31,146,211,.18)!important;border-radius:var(--ss-ticket-chat-radius,18px) 7px var(--ss-ticket-chat-radius,18px) var(--ss-ticket-chat-radius,18px)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-meta{align-items:center!important;gap:13px!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-meta strong{color:#155484!important;font-size:11.5px!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-meta span{color:#7b96ad!important;font-size:9.5px!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message .demo-message-bubble>p{margin-top:6px!important;color:inherit!important;font-size:var(--ss-ticket-chat-font,14px)!important;line-height:1.6!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-delivery{margin-top:6px!important;justify-content:flex-end!important;color:#7e98ad!important;font-size:9px!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-delivery.read,body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-delivery.read b{color:var(--ss-ticket-chat-read,#1686d2)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-reply-form{border-top-color:#d8eaf6!important;background:linear-gradient(180deg,#fbfeff,#f4fbff)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-reply-form textarea{border-color:#cce4f3!important;border-radius:15px!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(28,95,140,.035)!important}
body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-reply-form textarea:focus{border-color:#49b5ea!important;box-shadow:0 0 0 4px rgba(30,157,223,.1)!important}
@media(max-width:680px){body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-live-message-list{padding:16px 13px!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message .demo-message-bubble{max-width:94%!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message{grid-template-columns:36px minmax(0,1fr)!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message.mine{grid-template-columns:minmax(0,1fr) 36px!important}body[data-ss-design="himmelblau"].hb-ticket-detail-page .demo-message-avatar{width:36px!important;height:36px!important}}