/* HAWACOM skin — loaded LAST on the older customer pages (portal, AI support, ISP check)
   to give their existing classes the new rounded, colourful shapes without rewriting each page. */

/* panels and cards: rounded, colourful top bar */
.panel,.card,.cardbox,.top,.help,.summaryitem,.inbox,.past,.notif,.hw-panel{border-radius:var(--radius)!important}
.panel,.card,.cardbox,.top{overflow:hidden}
.panel::before,.card::before,.top::before,.cardbox::before{height:3px!important;background:var(--rainbow)!important}
.summaryitem{background:var(--panel-2)}

/* every chevron button becomes a pill */
.btn,.hw-btn,.ghost,.site-home-btn,.back-btn,.notif button,.quick button,.source,.lang{
  clip-path:none!important;
  border-radius:var(--pill)!important;
}
.btn,.hw-btn,.ghost,.site-home-btn,.back-btn,.quick button,.notif button{
  text-transform:none!important;letter-spacing:.02em!important;
  transition:transform .2s,box-shadow .3s,background .2s,border-color .2s;
}
.btn:hover,.hw-btn:hover,.ghost:hover,.site-home-btn:hover,.back-btn:hover,.quick button:hover{transform:translateY(-2px)}
.btn:active,.hw-btn:active,.ghost:active,.quick button:active{transform:scale(.96)}

/* main action buttons get the colour gradient */
button.btn,a.btn,.hw-btn.solid,form .btn{
  background:var(--gold-grad)!important;color:var(--on-gold)!important;border-color:transparent!important;
  box-shadow:0 10px 24px -12px var(--pink);
}
button.btn:hover,a.btn:hover{box-shadow:0 14px 30px -12px var(--violet)}
/* keep warning / secondary buttons distinct on the staff pages */
.btn.danger{background:var(--bad-bg)!important;color:var(--bad)!important;border:1px solid var(--bad-line)!important;box-shadow:none}
.btn.secondary{background:var(--panel-2)!important;color:var(--ink)!important;border:1px solid var(--line-hi)!important;box-shadow:none}
button.btn:disabled{opacity:.5;transform:none}

/* language switch on AI support */
.lang{overflow:hidden;background:var(--panel)}
.lang button{border-radius:0!important}
.lang button[aria-pressed=true]{background:var(--gold-grad)!important;color:var(--on-gold)!important}

/* chat bubbles */
.m{border-radius:18px}
.me{border-bottom-right-radius:6px}
.bot{border-bottom-left-radius:6px}
[dir=rtl] .me{border-bottom-right-radius:18px;border-bottom-left-radius:6px}
[dir=rtl] .bot{border-bottom-left-radius:18px;border-bottom-right-radius:6px}
.ticket,.inbox .pm i{border-radius:var(--pill)}
.past button.item{border-radius:14px}

/* inputs */
input,select,textarea,.ip{border-radius:14px!important}
form.send textarea{border-radius:22px!important;padding-left:16px!important;padding-right:16px!important}

/* headings were all-caps condensed: keep them friendlier */
.cardtitle,.who .name,.summarylabel,.badge,.label b,.go{letter-spacing:.04em!important}

/* the light / dark switch in the AI support header */
.tools .hw-theme{margin-inline-start:2px}