/* Support desk. Every control states both colours — a theme's white text must not win. */
.hd-desk { max-width: 1100px; margin: 0 auto; padding: 1rem; color: #1e1e1e; }
.hd-desk a { color: #1f4e8c; }
.hd-desk-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .5rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem; }
.hd-desk-head h2 { margin: 0; font-size: 1.4rem; }
.hd-desk-head h2 a { color: inherit; text-decoration: none; }
.hd-desk-head p { margin: 0; font-size: .9rem; }
.hd-desk-signin { max-width: 28rem; text-align: center; padding: 3rem 1rem; }
.hd-desk-error { color: #a4262c; font-weight: 600; }
.hd-desk-btn { display: inline-block; padding: .55rem 1.1rem; border-radius: .3rem; border: 1px solid #1f4e8c; background: #fff; color: #1f4e8c; cursor: pointer; font-size: .95rem; text-decoration: none; }
.hd-desk-btn-primary { background: #1f4e8c; color: #fff !important; }
.hd-desk-btn-primary:hover { background: #163a69; color: #fff; }
.hd-desk-tabs { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-bottom: 1rem; }
.hd-desk-tabs > a { padding: .3rem .7rem; border: 1px solid #ccc; border-radius: .3rem; background: #fff; color: #1e1e1e; text-decoration: none; font-size: .85rem; }
.hd-desk-tabs > a.is-on { background: #1f4e8c; border-color: #1f4e8c; color: #fff; }
.hd-desk-search { margin-left: auto; }
.hd-desk-search input { padding: .35rem .5rem; min-width: 16rem; }
.hd-desk-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.hd-desk-table th, .hd-desk-table td { text-align: left; padding: .55rem .5rem; border-bottom: 1px solid #e3e3e3; vertical-align: top; }
.hd-desk-table th { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #666; }
.hd-desk-table small, .hd-desk-meta { display: block; color: #666; font-size: .78rem; }
.hd-desk-chip { display: inline-block; padding: .05rem .45rem; border-radius: .25rem; background: #eef2f8; color: #1f4e8c; font-size: .72rem; }
.hd-st-new .hd-desk-chip { background: #fde7e9; color: #a4262c; }
.hd-st-waiting_customer .hd-desk-chip { background: #fff4ce; color: #7a5b00; }
.hd-st-resolved .hd-desk-chip, .hd-st-closed .hd-desk-chip { background: #e7f4e8; color: #1d6b2c; }
.hd-desk-empty { color: #666; font-style: italic; }
.hd-desk-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin: .8rem 0; font-size: .85rem; }
.hd-desk-controls select, .hd-desk-reply select { display: block; margin-top: .15rem; padding: .3rem; background: #fff; color: #1e1e1e; }
.hd-desk-thread { list-style: none; padding: 0; margin: 1rem 0; }
.hd-msg { border: 1px solid #e3e3e3; border-radius: .4rem; padding: .6rem .8rem; margin-bottom: .6rem; background: #fff; }
.hd-msg header { font-size: .8rem; color: #555; margin-bottom: .3rem; display: flex; gap: .5rem; align-items: baseline; }
.hd-msg header time { margin-left: auto; }
.hd-msg-staff { background: #f4f7fb; border-color: #d5e0ee; }
.hd-msg-internal { background: #fffbe8; border-color: #eedc8a; }
.hd-desk-reply label { display: block; margin: .5rem 0 .2rem; font-size: .88rem; }
.hd-desk-reply textarea { width: 100%; box-sizing: border-box; padding: .5rem; font: inherit; background: #fff; color: #1e1e1e; }
.hd-desk-check input { margin-right: .35rem; }
.hd-desk-sending, .hd-desk-saved { margin-left: .6rem; font-size: .85rem; color: #555; }
.helpdesk-posting-as { font-size: .9rem; background: #f4f7fb; padding: .5rem .7rem; border-radius: .3rem; }
.hd-desk-family { color: #1d6b2c !important; }
.hd-desk-search select { padding: .35rem .4rem; background: #fff; color: #1e1e1e; margin-right: .4rem; }
.hd-desk-link { background: none; border: 0; padding: 0; color: #a4262c; text-decoration: underline; cursor: pointer; font: inherit; font-size: .85rem; }
.hd-team { margin: 1.5rem 0 2.5rem; }
.hd-team h3 { margin: 0 0 .3rem; }
.hd-team-people form { display: flex; flex-wrap: wrap; gap: .25rem .9rem; align-items: center; }
.hd-team-tick { display: inline-flex !important; align-items: center; gap: .3rem; font-size: .85rem; margin: .15rem 0 !important; }
.hd-team-alerts { font-weight: 600; }
.hd-team-add, .hd-team-type { border: 1px solid #e3e3e3; border-radius: .4rem; padding: .8rem 1rem; margin: .8rem 0; background: #fff; }
.hd-team-add label, .hd-team-type label { display: block; margin: .35rem 0; font-size: .88rem; }
.hd-team-add input[type="email"], .hd-team-add input[type="text"],
.hd-team-type input[type="text"], .hd-team-type select { width: 100%; max-width: 32rem; padding: .35rem .5rem; box-sizing: border-box; background: #fff; color: #1e1e1e; }
.hd-team-type.is-off { opacity: .65; }
.hd-team-type.is-new { border-style: dashed; }
.hd-team-type small { display: block; color: #666; margin-top: .4rem; }
.hd-team-order input { width: 5rem; }
.hd-team-add fieldset { border: 0; padding: 0; margin: .4rem 0; display: flex; flex-wrap: wrap; gap: .2rem .9rem; }

.hd-desk-cc { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .8rem; margin: .4rem 0 1rem; font-size: .88rem; }
.hd-desk-inline { display: inline-flex; align-items: center; gap: .35rem; margin: 0; }
.hd-desk-inline input[type="email"] { padding: .3rem .45rem; min-width: 14rem; background: #fff; color: #1e1e1e; }
.hd-desk-cc small { flex-basis: 100%; }
.hd-desk-meta-inline { color: #666; }
/* Files on a request */
.hd-desk-files { list-style: none; padding: 0; margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.hd-desk-files li { font-size: .85rem; max-width: 220px; overflow-wrap: anywhere; }
.hd-desk-files img { display: block; max-width: 200px; max-height: 150px; border-radius: .3rem; border: 1px solid #e3e3e3; margin-bottom: .2rem; object-fit: cover; }
.hd-desk-files-top { margin: .8rem 0; }
.hd-desk-attach { display: block; margin: .5rem 0 .2rem; }
.hd-desk-attach input { display: block; margin-top: .3rem; }