/* Existing Aino/Ionicons assets; conservative block layout for legacy TV browsers. */
.compact-notifications, .compact-notifications * {box-sizing:border-box;}
.compact-notifications {
  position:fixed; z-index:10010; top:86px; right:48px; width:424px; max-width:90%; max-width:-webkit-calc(100% - 24px); max-width:calc(100% - 24px);
  margin:0; padding:0; border:1px solid #484052; border-radius:8px;
  background:#1c1727; color:#f4f1f9; box-shadow:0 10px 32px rgba(0,0,0,.28);
  font-family:'Aino-Regular',Arial,sans-serif; font-size:16px; line-height:1.4; overflow-y:auto;
}
.compact-notifications[ng-cloak] {display:none;}
.compact-notifications button {font-family:inherit; font-size:inherit; font-weight:normal; line-height:inherit; letter-spacing:normal; text-transform:none; cursor:pointer; color:inherit; box-shadow:none;}
.compact-notifications button:disabled {opacity:.5; cursor:default;}
.compact-notice-heading {position:relative; min-height:54px; padding:15px 46px 13px 18px;}
.compact-notice-heading h2 {display:inline-block; margin:0; font-family:'Aino-Bold',Arial,sans-serif; font-size:18px; line-height:26px; vertical-align:middle; color:#f4f1f9;}
.compact-notice-count {display:inline-block; padding:2px 10px; margin-left:6px; border-radius:12px; background:#493b70; font-family:'Aino-Regular',Arial,sans-serif; font-size:13px; line-height:21px; vertical-align:middle; white-space:nowrap;}
.compact-notice-heading .compact-notice-mark {position:absolute; right:44px; top:5px; height:44px; line-height:44px; padding:0 4px; margin:0; background:none; border:0; color:#bdb6ca; font-size:12px; white-space:nowrap;}
.compact-notice-heading .compact-notice-close {position:absolute; right:0; top:5px; width:44px; height:44px; margin:0; padding:0; border:0; background:none; color:#c7c0d1; font-size:26px; line-height:44px;}
.compact-notice-list {margin:0; padding:0 6px; list-style:none;}
.compact-notice-body {min-height:269px;}
.compact-notice-list li {margin:0; padding:0; list-style:none;}
.compact-notice-row {display:block; position:relative; width:100%; min-height:89px; padding:10px 28px 9px 68px; margin:0; background:transparent; border:2px solid transparent; border-radius:5px; text-align:left;}
.compact-notice-list li + li {border-top:1px solid #37303f;}
.compact-notice-icon {position:absolute; left:18px; top:16px; width:32px; font-size:30px; line-height:32px; text-align:center; color:#eee9f6;}
.compact-notice-copy {display:block; min-width:0;}
.compact-notice-copy strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family:'Aino-Bold',Arial,sans-serif; font-size:16px; line-height:21px; font-weight:normal;}
.compact-notice-preview {display:block; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#c4bdcf; font-size:15px; line-height:20px;}
.compact-notice-copy small {display:block; margin-top:4px; font-size:13px; line-height:18px; color:#aaa3b7;}
.compact-notice-unread {position:absolute; top:17px; right:14px; color:#60d3c4; font-size:10px; line-height:14px;}
.compact-notice-all {display:block; width:90%; width:-webkit-calc(100% - 24px); width:calc(100% - 24px); margin:0 12px; padding:11px 7px 12px; border:0; border-top:1px solid #3c3448; background:none; text-align:left; font-family:'Aino-Bold',Arial,sans-serif !important; font-size:16px !important;}
.compact-notice-all i {margin-left:12px; font-size:14px;}
.compact-notifications button:focus {outline:2px solid #60d3c4; outline-offset:-2px;}
.compact-notifications .compact-notice-row:focus {outline:0; border-color:#60d3c4; background:#24202f;}
.compact-notifications button:hover {color:#fff; background-color:#272131;}
.compact-notice-status {padding:20px; color:#c4bdcf; font-size:15px;}
.compact-notice-status button, .compact-notice-back, .compact-notice-read {background:none; border:0; padding:5px 2px; color:#60d3c4 !important;}
.compact-notice-status .library-loading-spinner {width:16px; height:16px; vertical-align:middle;}
.compact-notice-partial, .compact-notice-action-error {margin:0; padding:8px 20px; font-size:13px; color:#c9bfd5;}
.compact-notice-action-error {color:#f1baaa;}
.compact-notice-detail {padding:0 20px 14px;}
.compact-notice-detail h3 {margin:12px 0 4px; font-family:'Aino-Bold',Arial,sans-serif; font-size:18px; color:#f4f1f9;}
.compact-notice-detail small {color:#aaa3b7; font-size:13px;}
.compact-notice-detail p {margin:14px 0; font-size:16px; overflow-wrap:break-word; word-wrap:break-word;}
.compact-notice-back {font-size:14px !important;}
.compact-notice-back i {margin-right:7px; font-size:12px;}
.header .notifs-trigger.compact-notices-open {outline:2px solid #60d3c4; outline-offset:2px; border-radius:12px;}
@media (max-width:767px) {
 .compact-notifications {width:424px; right:12px; max-width:90%; max-width:-webkit-calc(100% - 24px); max-width:calc(100% - 24px);}
 .compact-notice-heading {padding-left:14px;}
 .compact-notice-heading h2 {font-size:17px;}
 .compact-notice-heading .compact-notice-mark {font-size:12px;}
 .compact-notice-count {font-size:12px; padding:2px 8px; margin-left:3px;}
 .compact-notice-row {padding-left:55px; padding-right:23px;}
 .compact-notice-icon {left:10px; font-size:28px;}
 .compact-notice-unread {right:10px;}
 .compact-notice-preview {font-size:14px;}
}
@media (max-width:350px) {
 .compact-notice-heading {padding-top:9px; padding-bottom:27px;}
 .compact-notice-heading .compact-notice-mark {top:33px; height:24px; line-height:24px; left:16px; right:auto;}
}

/* Full notifications view. */
/* Scoped full-list extension of the selected compact bell design. */
body .modal.all-notifications-window {z-index:9800 !important; top:0 !important; bottom:0 !important; height:100% !important; padding:0 !important; overflow:hidden !important;}
body.all-notices-open .trigger-help {display:none !important;}
body .all-notifications-window .modal-dialog {position:absolute !important; top:84px !important; bottom:0 !important; left:0 !important; width:100% !important; max-width:none !important; height:auto !important; margin:0 !important; padding:0 !important; -webkit-transform:none !important; transform:none !important;}
body .all-notifications-window .modal-content {position:relative !important; width:100% !important; height:100% !important; max-height:none !important; padding:0 !important; overflow:hidden !important; border:0 !important; border-radius:0 !important; background:#160f23 !important; box-shadow:none !important;}
.all-notifications-page, .all-notifications-page * {box-sizing:border-box;}
.all-notifications-page {position:relative; width:100%; height:100%; margin:0; background:#160f23; color:#f4f1f9; font-family:'Aino-Regular',Arial,sans-serif; font-size:16px; line-height:1.4;}
.all-notifications-page button {font-family:inherit; font-size:inherit; font-weight:normal; line-height:inherit; text-transform:none; letter-spacing:normal; color:inherit; cursor:pointer; box-shadow:none;}
.all-notifications-page button:disabled {opacity:.5; cursor:default;}
.all-notices-surface {position:relative; height:100%; width:90%; width:-webkit-calc(100% - 80px); width:calc(100% - 80px); max-width:1020px; margin:0 auto; padding:20px 0 0;}
.all-notices-heading {position:relative; height:54px; padding:0 390px 0 0;}
.all-notices-heading .all-notices-new {position:absolute; right:214px; top:0; min-height:44px; padding:0 12px; margin:0; border:1px solid #60d3c4; border-radius:5px; background:none; color:#60d3c4; font-size:14px; white-space:nowrap;}
.all-notices-heading h1 {margin:0; font-family:'Aino-Bold',Arial,sans-serif; font-size:26px; line-height:44px; font-weight:normal; letter-spacing:normal; color:#f4f1f9;}
.all-notices-count {display:inline-block; margin-left:8px; padding:2px 10px; background:#493b70; border-radius:12px; font-family:'Aino-Regular',Arial,sans-serif; font-size:13px; line-height:21px; vertical-align:middle; white-space:nowrap;}
.all-notices-heading .all-notices-mark {position:absolute; right:52px; top:0; height:44px; padding:0 10px; margin:0; background:none; border:1px solid #494052; border-radius:5px; color:#c8c1d2; font-size:14px; white-space:nowrap;}
.all-notices-heading .all-notices-close {position:absolute; right:0; top:0; width:44px; height:44px; margin:0; padding:0; background:none; border:0; font-size:30px; line-height:44px; color:#c8c1d2;}
.all-notice-filters {height:48px; white-space:nowrap; overflow-x:auto; margin:0; padding:0; border-bottom:1px solid #3a3147;}
.all-notice-filter {display:inline-block; min-height:44px; margin:0 18px 0 0; padding:8px 2px; background:none; border:0; border-bottom:3px solid transparent; border-radius:0; color:#bfb6cf !important; font-size:15px !important;}
.all-notice-filter.active {border-bottom-color:#60d3c4; color:#60d3c4 !important;}
.all-notices-scroll {position:absolute; top:122px; left:0; right:0; bottom:54px; overflow-y:auto; overflow-x:hidden; padding:8px 0; -webkit-overflow-scrolling:touch;}
.all-notice-list {list-style:none; margin:0; padding:0;}
.all-notice-entry {list-style:none; margin:0; padding:0; border-bottom:1px solid #372e43;}
.all-notice-entry.expanded {background:#21192e;}
.all-notice-row {display:block; position:relative; width:100%; min-height:74px; margin:0; padding:12px 206px 12px 64px; border:2px solid transparent; border-radius:5px; background:none; text-align:left;}
.all-notice-icon {position:absolute; left:16px; top:17px; width:30px; font-size:29px; line-height:32px; color:#d7d0e4; text-align:center;}
.all-notice-copy {display:block;}
.all-notice-copy strong {display:block; margin:0; font-family:'Aino-Bold',Arial,sans-serif; font-size:16px; line-height:22px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.all-notice-copy > span {display:block; margin:3px 0 0; font-size:15px; line-height:21px; color:#bfb6cf; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.all-notice-date {position:absolute; right:54px; top:17px; max-width:150px; font-size:13px; line-height:20px; color:#a79db8; white-space:nowrap;}
.all-notice-unread {position:absolute; right:34px; top:20px; color:#60d3c4; font-size:9px; line-height:14px;}
.all-notice-chevron {position:absolute; right:12px; top:19px; font-size:13px; line-height:18px; color:#a79db8;}
.all-notice-reading {padding:0 62px 15px; color:#d7d0e4;}
.all-notice-reading p {max-width:720px; margin:0 0 10px; font-size:16px; line-height:1.55; word-wrap:break-word; overflow-wrap:break-word;}
.all-ticket-thread {max-width:820px; margin:14px 0 18px; padding:16px 0 0; border-top:1px solid #494052;}
.all-ticket-thread h2 {margin:0 0 12px; font-family:'Aino-Bold',Arial,sans-serif; font-size:18px; line-height:26px; color:#f4f1f9;}
.all-ticket-thread h2 small {display:inline-block; margin-left:8px; font-family:'Aino-Regular',Arial,sans-serif; font-size:13px; color:#bfb6cf; font-weight:normal;}
.all-ticket-thread .all-ticket-original {font-size:15px; color:#c8c1d2; white-space:pre-wrap;}
.all-ticket-comment {margin:10px 0; padding:12px 14px; border:1px solid #494052; border-radius:5px; background:#1c1727;}
.all-ticket-comment.support {border-left:3px solid #60d3c4; background:#202c30;}
.all-ticket-author {margin-bottom:8px; font-size:14px; color:#f4f1f9;}
.all-ticket-author strong {font-family:'Aino-Bold',Arial,sans-serif; font-weight:normal;}
.all-ticket-author small {margin-left:10px; font-size:12px; color:#bfb6cf; white-space:nowrap;}
.all-ticket-comment p {margin:0; font-size:15px; white-space:pre-wrap;}
.all-ticket-attachment {display:inline-block; min-height:36px; padding:8px 0 0; color:#60d3c4; font-size:14px; word-break:break-word;}
.all-ticket-thread .all-ticket-feedback {margin:10px 0; font-size:14px; color:#bfb6cf;}
.all-ticket-feedback button {min-height:40px; margin-left:8px; padding:5px 8px; border:1px solid #494052; border-radius:5px; background:none; color:#60d3c4; font-size:14px;}
.all-ticket-feedback .library-loading-spinner {display:inline-block; width:16px; height:16px; margin-right:6px; vertical-align:middle;}
.all-ticket-thread .all-ticket-error {color:#f1baaa;}
.all-ticket-thread .all-ticket-success {color:#60d3c4;}
.all-ticket-reply {margin-top:18px;}
.all-ticket-reply > label {display:block; margin:0 0 6px; color:#f4f1f9; font-size:15px;}
.all-ticket-reply textarea {display:block; width:100%; min-height:90px; margin:0; padding:10px; border:1px solid #655973; border-radius:5px; background:#160f23; color:#f4f1f9; font:15px/1.45 'Aino-Regular',Arial,sans-serif; resize:vertical;}
.all-ticket-reply textarea:focus, .all-ticket-file input:focus {outline:2px solid #60d3c4; outline-offset:1px;}
.all-ticket-reply-actions {position:relative; min-height:68px; padding:10px 146px 0 0;}
.all-ticket-file {display:block; margin:0; color:#c8c1d2; font-size:13px; font-weight:normal;}
.all-ticket-file small {font-size:12px; color:#bfb6cf;}
.all-ticket-file input {display:block; max-width:100%; margin-top:6px; color:#c8c1d2; font:13px 'Aino-Regular',Arial,sans-serif;}
.all-ticket-reply-actions > button {position:absolute; top:12px; right:0; min-height:44px; padding:0 16px; margin:0; border:1px solid #60d3c4; border-radius:5px; background:#60d3c4; color:#102c2b; font-size:15px;}
.all-ticket-reply-actions > button:hover {background:#7de2d6; color:#102c2b;}
.all-notice-reading-actions button, .all-notice-status button {min-height:40px; margin:0 14px 0 0; padding:6px 8px; background:none; border:1px solid #4b405b; border-radius:5px; color:#60d3c4; font-size:14px;}
.all-notice-reading-actions i {margin-left:9px; font-size:11px;}
.all-notices-footer {position:absolute; height:50px; bottom:0; left:0; right:0; padding:10px 100px 10px 0; color:#a79db8; font-size:13px; line-height:30px; border-top:1px solid #372e43;}
.all-notice-scroll-actions {position:absolute; right:0; top:2px; white-space:nowrap;}
.all-notice-scroll-actions button {width:44px; height:44px; padding:0; margin:0; border:0; background:none; color:#60d3c4; font-size:23px; line-height:44px;}
.all-notice-status {padding:20px 10px; color:#bfb6cf; font-size:16px;}
.all-notice-status .library-loading-spinner {vertical-align:middle; margin-right:8px; width:18px; height:18px;}
.all-notice-action-error {margin:0; padding:10px; color:#f1baaa; font-size:14px;}
.all-notice-more {display:block; min-height:44px; margin:14px auto; padding:8px 18px; background:#231a30; border:1px solid #4b405b; border-radius:5px; color:#60d3c4 !important; font-size:15px !important;}
.all-notifications-page button:focus {outline:2px solid #60d3c4; outline-offset:-2px;}
.all-notifications-page .all-notice-row:focus {outline:0; border-color:#60d3c4; background:#272131;}
.all-notifications-page button:hover {color:#fff; background-color:#272131;}
@media (max-width:767px) {
 body .all-notifications-window .modal-dialog {top:104px !important;}
 .all-notices-surface {width:94%; width:-webkit-calc(100% - 24px); width:calc(100% - 24px); padding-top:10px;}
 .all-notices-heading {height:94px; padding-right:44px;}
 .all-notices-heading h1 {font-size:23px;}
 .all-notices-count {font-size:12px; margin-left:3px; padding:2px 8px;}
 .all-notices-heading .all-notices-mark {top:44px; right:auto; left:0; height:40px; font-size:13px;}
 .all-notices-heading .all-notices-new {top:44px; right:0; min-height:40px; padding:0 9px; font-size:13px;}
 .all-notice-filter {font-size:13px !important; margin-right:3px; padding-left:0; padding-right:0;}
 .all-notices-scroll {top:152px; bottom:48px;}
 .all-notice-row {min-height:91px; padding:10px 28px 26px 52px;}
 .all-notice-icon {left:9px; top:14px; font-size:27px;}
 .all-notice-copy strong {font-size:15px; line-height:21px;}
 .all-notice-copy > span {font-size:14px; line-height:20px;}
 .all-notice-date {left:54px; right:28px; top:auto; bottom:7px; font-size:12px;}
 .all-notice-unread {right:13px; top:16px;}
 .all-notice-chevron {right:13px; top:55px; font-size:11px;}
 .all-notice-reading {padding:2px 14px 16px;}
 .all-notice-reading p {font-size:15px;}
 .all-ticket-thread {margin-top:12px; padding-top:12px;}
 .all-ticket-thread h2 {font-size:17px;}
 .all-ticket-thread h2 small {display:block; margin:2px 0 0;}
 .all-ticket-comment {padding:10px;}
 .all-ticket-author small {display:block; margin:2px 0 0;}
 .all-ticket-reply-actions {padding-right:0; padding-bottom:56px;}
 .all-ticket-reply-actions > button {top:auto; bottom:0; left:0; right:auto;}
 .all-notice-reading-actions button {display:block; margin:6px 0; min-height:44px;}
 .all-notices-footer {height:46px; padding-right:92px; font-size:12px; line-height:26px;}
}
@media (max-width:360px) {
 .all-notice-filters {height:88px; white-space:normal; overflow:hidden;}
 .all-notice-filter {width:48%; margin:0; padding-left:4px; text-align:left;}
 .all-notices-scroll {top:192px;}
}