:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutTicket{min-height:400px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutList,:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutTicket{display:flex;flex-direction:column;position:relative;width:100%}
:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutList{min-height:200px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutFull{display:block;height:auto;position:relative;width:100%}
@media (max-width:600px){:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutTicket{min-height:300px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .layoutList .layContent .ui.table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}
:is(#videowhisperSupportContainer, .camsers-support-portal) .layContent{overflow-y:auto}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationPane,:is(#videowhisperSupportContainer, .camsers-support-portal) .layContent{flex:1 1 auto;min-height:100px;position:relative}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationPane{display:flex;overflow:hidden}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationPane .layContent{width:100%}
:is(#videowhisperSupportContainer, .camsers-support-portal) .layInputs{flex:0 0 auto;min-height:80px;padding:2px;position:relative}
@keyframes vwsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.dropdown.vws-autosave-saving>i.icon{animation:vwsSpin .8s linear infinite}
@keyframes vwsSpinnerReveal{0%{opacity:0}to{opacity:.7}}
:is(#videowhisperSupportContainer, .camsers-support-portal) .vws-update-spinner{animation:vwsSpinnerReveal .15s ease .25s forwards;margin-left:auto!important;opacity:0}
@media (hover:none){}
:is(#videowhisperSupportContainer, .camsers-support-portal) #appContainer{color:var(--reign-site-body-text-color);position:relative}
:is(#videowhisperSupportContainer, .camsers-support-portal) .messageListContainer{min-height:300px;position:relative}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationScrollControls{bottom:10px;position:absolute;right:8px;top:10px;z-index:5}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationScrollControls .ui.button{background-color:#ffffffe0!important;box-shadow:0 1px 4px #00000047!important;margin:0;position:absolute;right:0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationScrollControlTop{top:0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationScrollControlBottom{bottom:0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .conversationNewMessageNotice{bottom:10px;filter:drop-shadow(0 1px 4px var(--reign-site-border-color));left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:5}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessageList{display:inline-block;margin:0;padding:0;position:absolute;width:100%}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessageList,:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessageList ul{list-style-type:none}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessageList li{position:relative}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage{color:var(--reign-site-body-text-color);font-size:14px;font-weight:400;list-style-type:none;padding-right:10px}
@media (max-width:600px){:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage{font-size:15px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage label{margin-left:36px;margin-right:28px}}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.notification{color:var(--reign-site-body-text-color)}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.automated{color:var(--reign-site-body-text-color);font-style:italic}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.user{text-align:left}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage img{padding:2px;vertical-align:middle}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage label{background-color:var(--reign-site-sections-bg-color);border-radius:5px;display:inline-block;margin:8px 40px 8px 46px;max-width:85%;padding:8px;position:relative}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.user>strong{display:inline-block;font-size:11px;font-weight:400;padding:3px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.user>i{font-size:10px;padding:3px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.user.own{text-align:right}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.long label{max-width:99%;text-align:justify}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage label:before{border-left:10px solid transparent;border-top:10px solid var(--reign-site-sections-bg-color);bottom:6px;content:"";left:-10px;position:absolute}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.own label:before{border-left:0;border-right:10px solid transparent;border-top:10px solid var(--reign-site-sections-bg-color);left:auto;right:-10px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage .avatar{left:0;position:absolute;top:32px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage.own .avatar{left:auto;position:absolute;right:0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatParagraph{min-height:10px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown{overflow-wrap:anywhere}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown a{word-break:break-word}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown p{margin:0 0 .45em}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown p:last-child{margin-bottom:0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown b,:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown strong{font-size:inherit;font-weight:700;line-height:inherit}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown ol,:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown ul{margin:.35em 0 .45em 1.5em;padding:0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown ul{list-style:disc outside}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown ul ul{list-style:circle outside}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown ul ul ul{list-style:square outside}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown ol{list-style:decimal outside}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown li{margin:.15em 0;padding-left:.15em;position:static}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown li::marker{color:var(--reign-site-body-text-color)}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown blockquote{background-color:var(--reign-site-sections-bg-color);border-left:3px solid var(--reign-site-border-color);border-radius:0 4px 4px 0;color:var(--reign-site-body-text-color);font-style:italic;margin:.45em 0;padding:.3em .6em .3em 1.6em;position:relative}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown blockquote:before{color:var(--reign-site-body-text-color);content:"\201C";font-size:1.5em;font-style:normal;left:.25em;line-height:1;opacity:.55;position:absolute;top:.05em}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown pre{background-color:var(--reign-site-sections-bg-color);border-radius:4px;max-width:100%;overflow-x:auto;padding:.5em .7em}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown code{white-space:pre-wrap}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown hr{border:0;border-top:1px solid var(--reign-site-border-color);margin:.6em 0}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMarkdown a.chatLink,:is(#videowhisperSupportContainer, .camsers-support-portal) a.chatLink{color:var(--reign-site-body-text-color);cursor:pointer;text-decoration:underline;word-break:break-word}
.ui.popup.chatLinkMenu.camsers-support-portal{max-width:280px;padding:8px}
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatLinkMenuContent .chatLinkUrl{color:var(--reign-site-body-text-color);font-size:11px;margin-bottom:6px;max-height:3.2em;overflow:hidden;word-break:break-all}
.ui.inverted.popup.chatLinkMenu.camsers-support-portal .chatLinkUrl{color:var(--reign-site-body-text-color)}
:is(#videowhisperSupportContainer, .camsers-support-portal) .vwsWikiExcerpt{color:var(--reign-site-body-text-color);font-size:.9em;margin-top:.25em}
/* One palette, supplied live by the Reign theme. */
:is(#videowhisperSupportContainer, .camsers-support-portal) {
    color: var(--reign-site-body-text-color) !important;
    border-color: var(--reign-site-border-color);
    font-family: inherit;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.segment,.ui.message,.ui.label,.ui.table,.ui.menu,.ui.dropdown .menu) {
    background: var(--reign-site-sections-bg-color) !important;
    color: var(--reign-site-body-text-color) !important;
    border-color: var(--reign-site-border-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.header,.ui.message .header,.ui.modal > .header) {
    color: var(--reign-site-headings-color) !important;
    background-color: transparent;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.form label,.ui.checkbox label,.ui.list .item,.ui.list .content,.ui.table td,.ui.table th,.ui.dropdown .item,.ui.modal > .content,.ui.modal > .actions) {
    color: var(--reign-site-body-text-color) !important;
    border-color: var(--reign-site-border-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.table thead th,.ui.table tfoot th,.ui.modal > .content,.ui.modal > .actions) {
    background-color: var(--reign-site-sections-bg-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.striped.table tbody tr:nth-child(odd) {
    background-color: var(--reign-site-body-bg-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.striped.table tbody tr:nth-child(even) {
    background-color: var(--reign-site-sections-bg-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), textarea, select, .ui.selection.dropdown) {
    background: var(--reign-form-background-color) !important;
    color: var(--reign-form-text-color) !important;
    border-color: var(--reign-form-border-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(input,textarea)::placeholder,
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.dropdown > .default.text {
    color: var(--reign-form-placeholder-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(input,textarea,select,.ui.selection.dropdown):focus,
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.selection.dropdown:focus-within {
    background: var(--reign-form-focus-background-color) !important;
    color: var(--reign-form-focus-text-color) !important;
    border-color: var(--reign-form-focus-border-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(input,textarea):focus::placeholder {
    color: var(--reign-form-focus-placeholder-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.dropdown .menu > .item:hover,.ui.dropdown .menu > .active.item,.ui.dropdown .menu > .selected.item,.ui.table tbody tr:hover) {
    background: var(--reign-site-button-bg-hover-color) !important;
    color: var(--reign-site-button-text-hover-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.checkbox label::before,.ui.checkbox + label::before) {
    background: var(--reign-form-background-color) !important;
    border-color: var(--reign-form-border-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.checkbox input:checked ~ label::before {
    background: var(--reign-site-button-bg-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.checkbox label::after {
    color: var(--reign-site-button-text-color) !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) a:not(.ui.button) { color: var(--reign-site-link-color); }
:is(#videowhisperSupportContainer, .camsers-support-portal) a:not(.ui.button):hover { color: var(--reign-site-link-hover-color); }
:is(#videowhisperSupportContainer, .camsers-support-portal) .chatMessage label {
    background-color: var(--reign-site-sections-bg-color);
    color: var(--reign-site-body-text-color);
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.chatMarkdown blockquote,.chatMarkdown pre) {
    background: var(--reign-site-sections-bg-color);
    color: var(--reign-site-body-text-color);
    border-color: var(--reign-site-border-color);
}
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.chatMarkdown li::marker,.chatMarkdown blockquote::before) { color: var(--reign-site-link-color); }
:is(#videowhisperSupportContainer, .camsers-support-portal).ui.popup,
:is(#videowhisperSupportContainer, .camsers-support-portal).ui.popup::before {
    background: var(--reign-site-sections-bg-color) !important;
    color: var(--reign-site-body-text-color) !important;
    border-color: var(--reign-site-border-color) !important;
}

.camsers-support-portal.ui.modal > :is(.header,.content,.actions) {
    background: var(--reign-site-sections-bg-color) !important;
    color: var(--reign-site-body-text-color) !important;
    border-color: var(--reign-site-border-color) !important;
}
.camsers-support-portal.ui.modal > .header { color: var(--reign-site-headings-color) !important; }
.camsers-support-portal.ui.modal > .close { color: var(--reign-site-body-text-color) !important; }
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(.ui.loader,.ui.divider,.ui.icon.header) { color: var(--reign-site-body-text-color) !important; }

/* Match the existing Webcam chat's Reign surfaces, including bubble tails. */
#videowhisperSupportContainer .chatMessage {
    color: var(--reign-site-body-text-color) !important;
}
#videowhisperSupportContainer .chatMessage label {
    background: var(--reign-site-body-bg-color) !important;
    color: var(--reign-site-body-text-color) !important;
}
#videowhisperSupportContainer .chatMessage label::before {
    border-top-color: var(--reign-site-body-bg-color) !important;
}
#videowhisperSupportContainer .chatMessage.user.own label {
    background: var(--reign-site-secondary-bg-color) !important;
    color: var(--reign-site-body-text-color) !important;
}
#videowhisperSupportContainer .chatMessage.user.own label::before {
    border-top-color: var(--reign-site-secondary-bg-color) !important;
}
/* Small sender/time text inherits the current Reign palette, not VW grey/white. */
:is(#videowhisperSupportContainer, .camsers-support-portal) :is(small,.sub.header,.description,.vwsWikiExcerpt,.chatLinkUrl),
#videowhisperSupportContainer .chatMessage > :is(strong,i,em,small) {
    color: var(--reign-site-body-text-color) !important;
}
/* Icons follow their parent: body text in labels, button text in buttons. */
:is(#videowhisperSupportContainer, .camsers-support-portal) i.icon {
    color: inherit !important;
}
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.message p,
:is(#videowhisperSupportContainer, .camsers-support-portal) .ui.label > .detail,
#videowhisperSupportContainer .chatMessage .chatParagraph {
    color: inherit !important;
}

/* Support avatars: conversation header 24px, message sender 32px, list status 16px. */
:is(#videowhisperSupportContainer,.camsers-support-portal) img.camsers-support-avatar {
 display:inline-block!important; max-width:none!important; min-width:0!important;
 border-radius:50%!important; object-fit:cover!important; vertical-align:middle!important;
 margin:0 .35em 0 0!important; padding:0!important; flex:none!important;
}
:is(#videowhisperSupportContainer,.camsers-support-portal) .camsers-support-participants {
 display:inline-flex; align-items:center; vertical-align:middle; flex-wrap:wrap;
}

/* Only the main conversation Send button uses Reign button colors. */
#videowhisperSupportContainer .ui.button.camsers-support-send {
 background:var(--reign-site-button-bg-color)!important;
 color:var(--reign-site-button-text-color)!important;
 border-color:var(--reign-site-border-color)!important;
}
#videowhisperSupportContainer .ui.button.camsers-support-send:is(:hover,:focus-visible) {
 background:var(--reign-site-button-bg-hover-color)!important;
 color:var(--reign-site-button-text-hover-color)!important;
}
/* Support notice palette; each type has independent Custom CSS variables. */
#videowhisperSupportContainer .ui.message.camsers-notice--success,
.camsers-support-portal .ui.message.camsers-notice--success {
 background:var(--camsers-notice-success-bg,rgba(33,186,69,.12))!important;
 color:var(--camsers-notice-success-color,var(--reign-site-body-text-color))!important;
 border:1px solid var(--camsers-notice-success-border,rgba(33,186,69,.45))!important;
 box-shadow:none;
}
#videowhisperSupportContainer .ui.message.camsers-notice--info,
.camsers-support-portal .ui.message.camsers-notice--info {
 background:var(--camsers-notice-info-bg,rgba(33,133,208,.12))!important;
 color:var(--camsers-notice-info-color,var(--reign-site-body-text-color))!important;
 border:1px solid var(--camsers-notice-info-border,rgba(33,133,208,.45))!important;
 box-shadow:none;
}
#videowhisperSupportContainer .ui.message.camsers-notice--warning,
.camsers-support-portal .ui.message.camsers-notice--warning {
 background:var(--camsers-notice-warning-bg,rgba(242,192,55,.12))!important;
 color:var(--camsers-notice-warning-color,var(--reign-site-body-text-color))!important;
 border:1px solid var(--camsers-notice-warning-border,rgba(242,192,55,.45))!important;
 box-shadow:none;
}
#videowhisperSupportContainer .ui.message.camsers-notice--error,
.camsers-support-portal .ui.message.camsers-notice--error {
 background:var(--camsers-notice-error-bg,rgba(219,40,40,.12))!important;
 color:var(--camsers-notice-error-color,var(--reign-site-body-text-color))!important;
 border:1px solid var(--camsers-notice-error-border,rgba(219,40,40,.45))!important;
 box-shadow:none;
}
/* One outer surface; internal layout elements have no background of their own. */
#videowhisperSupportContainer {
    background-color: var(--reign-site-sections-bg-color);
}