.shateamos-home .shateamos-main{width:min(100%,1250px);margin:0 auto;padding:22px 26px 26px;min-width:0}
.shateamos-home .shateamos-hero{position:relative;overflow:hidden;border:1px solid #b7d1dc;background:linear-gradient(116deg,#eef7f9 0%,#e9f4f7 43%,#d4eaf0 100%);border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:27px}
.shateamos-home .shateamos-hero::before{content:"";position:absolute;right:-130px;top:-285px;width:610px;height:610px;border:1px solid #bcdce5;border-radius:50%;box-shadow:0 0 0 43px #e9f7fa55,0 0 0 86px #ecf8fa55;pointer-events:none}
.shateamos-home .shateamos-hero>div{position:relative}.shateamos-home .shateamos-hero h1{max-width:550px;margin:0;font-size:clamp(33px,4vw,53px);line-height:1.05;letter-spacing:-.055em;color:#073e55}.shateamos-home .shateamos-hero h1 span{color:#0e6b87}.shateamos-home .shateamos-hero p{font-size:16px;color:#2f5665;max-width:37ch;margin:15px 0 21px}.shateamos-home .shateamos-actions{display:flex;flex-wrap:wrap;gap:9px}.shateamos-home .shateamos-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #99c0cd;border-radius:9px;background:#fafdfe;text-decoration:none;color:#124c64;font-weight:bold;min-height:38px}.shateamos-home .shateamos-action.is-primary{background:#0d6887;color:#fff;border-color:#0d6887}.shateamos-home .shateamos-action:hover{filter:brightness(.94)}
.shateamos-home .shateamos-chat-preview{position:relative;display:block;width:100%;height:auto;border:1px solid #8db4c3;border-radius:13px;box-shadow:0 12px 28px #175d7622}
.shateamos-home .shateamos-dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:16px;margin-top:16px;align-items:start}.shateamos-home .shateamos-panel{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.shateamos-home .shateamos-panel-header{padding:12px 15px;border-bottom:1px solid #d8e6ec;background:#f2f8fa;display:flex;align-items:center;justify-content:space-between;gap:10px}.shateamos-home .shateamos-panel h2{margin:0;color:#114e67;font-size:17px;line-height:1.25}.shateamos-home .shateamos-panel-header a{font-size:12px;font-weight:bold;white-space:nowrap}
.shateamos-home .shateamos-rooms{list-style:none;margin:0;padding:3px 14px}.shateamos-home .shateamos-room{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:9px 0}.shateamos-home .shateamos-room+.shateamos-room{border-top:1px solid #e1ebee}.shateamos-home .shateamos-room h3{margin:0;font-size:14px}.shateamos-home .shateamos-room p{margin:1px 0 0;color:var(--muted);font-size:12px}.shateamos-home .shateamos-room-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e9f4f7}.shateamos-home .shateamos-room-icon img{width:23px;height:19px;object-fit:contain}.shateamos-home .shateamos-room-count{min-width:46px;text-align:center;color:#235f74;font-size:11px;white-space:nowrap}.shateamos-home .shateamos-room-count strong{display:block;font-size:15px;line-height:1.1}.shateamos-home .shateamos-room-count span{display:block;color:var(--muted)}.shateamos-home .shateamos-directory-status{margin:0;padding:6px 14px 8px;color:var(--muted);font-size:11px}.shateamos-home .shateamos-room a.shateamos-action{padding:3px 9px;min-height:29px;font-size:12px}
.shateamos-home .shateamos-right{display:grid;gap:12px}.shateamos-home .shateamos-panel-body{padding:10px 14px}.shateamos-home .shateamos-panel-body p, .shateamos-home .shateamos-notice p{margin:0 0 7px;font-size:12px;color:var(--muted)}.shateamos-home .shateamos-community-links{display:flex;flex-wrap:wrap;gap:7px 14px;font-weight:bold;font-size:12px}.shateamos-home .shateamos-notice{display:flex;gap:9px;background:#f4f8fa;padding:10px 13px}.shateamos-home .shateamos-notice img{width:27px;height:27px}.shateamos-home .shateamos-notice h2{font-size:14px;margin-bottom:3px}.shateamos-home .shateamos-notice p{margin-bottom:2px}.shateamos-home .shateamos-notice a{font-size:12px}
@media(max-width:920px){.shateamos-home .shateamos-hero{padding:22px;gap:16px}.shateamos-home .shateamos-main{padding:16px}.shateamos-home .shateamos-dashboard{grid-template-columns:minmax(0,1.25fr) minmax(210px,1fr)}}
@media(max-width:730px){.shateamos-home .shateamos-main{padding:12px}.shateamos-home .shateamos-hero{grid-template-columns:1fr;padding:19px}.shateamos-home .shateamos-hero h1{font-size:39px}.shateamos-home .shateamos-hero p{margin:10px 0 14px}.shateamos-home .shateamos-hero .shateamos-chat-preview{max-width:500px;width:100%}.shateamos-home .shateamos-dashboard{grid-template-columns:1fr;gap:12px;margin-top:12px}}
@media(max-width:370px){.shateamos-home .shateamos-hero h1{font-size:32px}.shateamos-home .shateamos-hero .shateamos-action{padding:6px 9px;font-size:12px}}

/* The rounded portal uses the same spacing and corners in each section's palette. */
body.portal.shateamos-portal{--portal-rail:#edf5f7;--portal-card:#f9fcfd;--portal-border:#cfdee5;--portal-selected:#d9edf3;--portal-label:#0a526a;--ink:#163947;--muted:#486371;--line:#c9dce3;--radius:17px}
body.portal.groups-theme{--portal-rail:#f0edf6;--portal-card:#fcfaff;--portal-border:#d8cfe4;--portal-selected:#e8def2;--portal-label:#54376c}
body.portal.mail-theme{--portal-rail:#f8efce;--portal-card:#fffdf4;--portal-border:#e5d5a3;--portal-selected:#f4e3a8;--portal-label:#645018}
body.portal.shateamos-portal>.portal-layout{grid-template-columns:178px minmax(0,1fr)}
body.portal.shateamos-portal>.portal-layout>.portal-chat-sidebar{width:178px;flex-basis:178px}
body.portal.shateamos-portal.chat-theme:not(.mail-theme) .chat-portal-header .classic-brand.shateamos-wordmark{left:16px;display:flex;align-items:center;gap:6px;color:#fff;background:none;text-indent:0;text-decoration:none;font:italic 800 32px/1 Arial,sans-serif;letter-spacing:-1.3px}
body.portal .shateamos-wordmark>span{font:italic 800 32px/1 Arial,sans-serif;letter-spacing:-1.3px}
body.portal .shateamos-wordmark img{width:41px;height:30px;object-fit:contain}
body.portal.groups-theme .groups-2004-brand.shateamos-wordmark,
body.portal.mail-theme .classic-brand.mail-brand.shateamos-wordmark{left:16px;display:flex;align-items:center;gap:6px;background:none;text-indent:0;text-decoration:none;color:#fff!important}
body.portal.shateamos-portal.chat-theme:not(.mail-theme) .chat-portal-header .classic-site-links{background:#03485f;padding-inline:8px}
body.portal.shateamos-portal.chat-theme:not(.mail-theme) .chat-portal-header .classic-site-links .classic-session{background:linear-gradient(#fff,#dbe9ee);padding:1px 6px;border-color:#93aeb9;box-shadow:none}
body.portal.shateamos-portal.chat-theme:not(.mail-theme) .chat-portal-header .classic-site-links .classic-session::before{display:none}
body.portal.shateamos-portal .shateamos-main{font:14px/1.5 Tahoma,Verdana,Arial,sans-serif;color:#163947;box-sizing:border-box}
body.portal.shateamos-portal .shateamos-main h1{font-weight:800}
body.portal.shateamos-portal .shateamos-main h2{font-size:17px}
body.portal.shateamos-portal .shateamos-main .shateamos-notice h2{font-size:14px}
body.portal.shateamos-portal .shateamos-main .shateamos-room h3{font-size:14px}
body.portal.shateamos-portal .shateamos-directory-status:empty{display:none}
body.portal.shateamos-portal .shateamos-panel-body{padding:10px 14px}
body.portal.shateamos-portal>.portal-layout>.portal-sidebar,
body.portal.groups-theme>.portal-layout>.portal-sidebar,
body.portal.mail-theme>.portal-layout>.portal-sidebar.mail-sidebar{background:var(--portal-rail);border-right:1px solid var(--portal-border);padding:10px 8px;box-sizing:border-box}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar)>.chat-side-search,
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar)>.chat-side-section,
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar>form,
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar>nav,
body.portal.groups-theme .group-interior .group-primary-nav,
body.portal.mail-theme .mail-sidebar>nav,
body.portal.mail-theme .mail-sidebar>.mail-side-note{margin:0 0 8px;border:1px solid var(--portal-border);border-radius:12px;background:var(--portal-card);overflow:hidden}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar)>.chat-side-section,
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar>nav,
body.portal.mail-theme .mail-sidebar>nav{padding:3px}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar) nav a,
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar nav a,
body.portal.mail-theme .mail-sidebar nav>a{background:transparent;border:0;border-radius:7px;padding:4px 7px;line-height:1.35}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar) nav a:is(:hover,.is-selected),
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar nav a:is(:hover,.current),
body.portal.mail-theme .mail-sidebar nav>a:is(:hover,.is-selected){background:var(--portal-selected);color:var(--portal-label)}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar) nav a.is-selected,
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar nav a.current,
body.portal.mail-theme .mail-sidebar nav>a.is-selected{font-weight:700}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar) .chat-side-section h2{background:transparent;border:0;padding:4px 6px;color:var(--portal-label)}
body.portal.shateamos-portal .chat-side-search :is(input,button),
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar .group-directory-search :is(input,button),
body.portal.groups-theme .group-directory-search :is(input,button),
body.portal.mail-theme .mail-main :is(input:not([type=checkbox],[type=radio]),select,textarea,button){border-radius:7px}
body.portal.groups-theme .group-interior .group-native-nav{width:100%}
body.portal.groups-theme .group-interior .group-native-nav tr.current>td{background:var(--portal-selected)}
body.portal.groups-theme .group-interior .group-native-nav tr.current a{color:var(--portal-label)}
body.portal.groups-theme .portal-main :is(.msn-browse-intro,.msn-interest-directory,.group-create-form,.group-home-feed),
body.portal.mail-theme .mail-main :is(.mail-compose,.mail-search,.mail-friend-form,.mail-message,.mail-table){border:1px solid var(--portal-border);border-radius:17px;background:var(--portal-card)}
body.portal.groups-theme .portal-main :is(.msn-browse-intro,.msn-interest-directory),
body.portal.mail-theme .mail-main :is(.mail-compose,.mail-search,.mail-friend-form,.mail-message){padding:12px 15px}
body.portal.mail-theme .mail-main .mail-table{border-collapse:separate;border-spacing:0;overflow:hidden}
body.portal.mail-theme .mail-main .mail-table th{background:var(--portal-selected);color:var(--portal-label)}
@media(max-width:730px){
 body.portal.shateamos-portal>.portal-layout{display:grid;grid-template-columns:minmax(0,1fr)}
 body.portal.shateamos-home>.portal-layout>.portal-chat-sidebar{order:2;width:auto;border-right:0;border-top:1px solid var(--portal-border);display:grid;grid-template-columns:1fr 1fr;gap:7px}
 body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar)>.chat-side-search,body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar)>section{grid-column:1/-1}
 body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar) .chat-category-links{display:grid;grid-template-columns:1fr 1fr}
}

body.portal.shateamos-portal .shateamos-main a:not(.is-primary){color:#08617d}
body.portal.shateamos-portal .shateamos-main .shateamos-action.is-primary{color:#fff}
body.portal.shateamos-portal .chat-side-search input,
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar .group-directory-search input{border:1px solid #9db2bc}
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar{padding:10px 8px;background:var(--portal-rail)}
body.portal.groups-theme .portal-layout:not(.group-interior)>.portal-sidebar .group-directory-search{margin:0 0 8px;min-height:0;padding:8px;background:var(--portal-card);border:1px solid var(--portal-border)}
body.portal.groups-theme .portal-main .msn-browse-intro h1{color:var(--portal-label);font-weight:700}
body.portal.groups-theme .portal-main :is(.msn-directory-useful,.group-home-welcome,.group-home-messages,.group-home-tools,.group-home-photos){border:1px solid var(--portal-border);border-radius:17px;overflow:hidden}
body.portal.groups-theme .portal-main .msn-directory-useful{background:var(--portal-card)}
body.portal.mail-theme .mail-sidebar>h2{border-radius:10px;margin-bottom:8px}
body.portal.mail-theme .mail-main h1{font-weight:700;color:var(--portal-label)}
body.portal.mail-theme .mail-main .mail-table:has(tbody:empty){border-radius:17px 17px 0 0;margin-bottom:0}
body.portal.mail-theme .mail-main .mail-empty{margin-top:0;border:1px solid var(--portal-border);border-top:0;border-radius:0 0 17px 17px;background:var(--portal-card)}

/* Use the Chat Home type scale throughout the portal and keep each section's palette. */
body.portal.shateamos-portal {
  --shateamos-font: Tahoma, Verdana, Arial, sans-serif;
  font: 14px/1.5 var(--shateamos-font);
}
body.portal.shateamos-portal :is(.portal-layout, .msn-list-page, .registration-layout, #main) {
  font-family: var(--shateamos-font);
}
body.portal.shateamos-portal :is(.portal-main, .registration-layout main, .msn-list-origin, #innercontent) :is(input, select, textarea, button, table) {
  font-family: var(--shateamos-font);
}
body.portal.shateamos-portal :is(.portal-sidebar, #westside.portal-chat-sidebar) nav a,
body.portal.shateamos-portal .registration-sidebar a {
  font-family: var(--shateamos-font) !important;
  font-size: 12px;
}
body.portal.shateamos-portal:not(.shateamos-home) :is(.portal-main, .registration-layout main, #innercontent) h1 {
  font: 800 28px/1.15 var(--shateamos-font);
  color: var(--portal-label);
}
body.portal.shateamos-portal :is(.portal-main, .registration-layout main, #innercontent) h2 {
  font-family: var(--shateamos-font);
  font-size: 17px;
  line-height: 1.25;
}
body.portal.shateamos-portal :is(.portal-form, .search-step, .msn-list-origin, .room-entry-notice, .group-form, .forum-board-form, .forum-message, .album-book, .album-form, .picture-form, .mail-body) {
  border: 1px solid var(--portal-border);
  border-radius: 17px;
  background-color: var(--portal-card);
}
body.portal.shateamos-portal :is(.msn-room-table, .forum-table, .album-grid, .mail-friends) {
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
body.portal.shateamos-portal :is(.registration-sidebar, .msn-list-page #westside, #main #westside) {
  background-color: var(--portal-rail);
}
body.portal.shateamos-portal .registration-sidebar {
  border: 1px solid var(--portal-border);
  border-radius: 12px;
}
body.portal.shateamos-portal :is(.portal-form, .registration-layout, .group-form, .album-form, .picture-form, .mail-compose, .mail-friend-form) :is(input:not([type=checkbox],[type=radio],[type=hidden]), select, textarea, button) {
  border-radius: 7px;
}

body.portal.shateamos-portal #westside.portal-chat-sidebar {
  background: var(--portal-rail);
  padding: 10px 8px;
}
body.portal.shateamos-portal #westside.portal-chat-sidebar .chat-side-section a {
  padding: 4px 7px;
  font-family: var(--shateamos-font);
}

/* Interior pages share the surface treatment of the home cards. */
body.shateamos-portal {
  --portal-canvas: #f3f8fa;
}
body.shateamos-portal.groups-theme {
  --portal-canvas: #f7f4fa;
}
body.shateamos-portal.mail-theme {
  --portal-canvas: #fffaf0;
}
body.portal.shateamos-portal:not(.shateamos-home) :is(.portal-layout, .registration-layout, .msn-list-page, #innercontent),
body.portal.shateamos-portal:not(.shateamos-home) :is(.portal-main, .registration-layout main, .msn-directory) {
  background-color: var(--portal-canvas);
}
body.portal.shateamos-portal:not(.shateamos-home) :is(.portal-form, .group-form, .group-menu-configure, .group-custom-page, .group-tools-grid, .group-member-profile, .forum-board-form, .album-book, .mail-compose, .mail-body, :where(#innercontent) .contentbox) {
  border: 1px solid var(--portal-border);
  border-radius: var(--radius);
  background-color: var(--portal-card);
}
body.portal.shateamos-portal .portal-main > :is(.portal-form, .group-form, .group-tools-grid, .group-menu-configure, .group-custom-page) {
  padding: clamp(12px, 2vw, 22px);
}
body.portal.shateamos-portal :is(.group-table, .msn-group-results, .forum-table, .msn-room-table, .mail-table) {
  background-color: var(--portal-card);
  border: 1px solid var(--portal-border);
  border-radius: 12px;
}
body.portal.shateamos-portal :is(.group-table, .forum-table, .msn-room-table, .mail-table) th {
  background-color: var(--portal-selected);
  color: var(--portal-label);
}
body.portal.shateamos-portal :is(.portal-main, .registration-layout main, #innercontent) :is(.btn, .classic-button, .register-submit, button[type=submit], input[type=submit]) {
  font-family: var(--shateamos-font);
  border-radius: 8px;
}
body.portal.shateamos-portal :is(.setup-sidebar-title, .portal-side-note, #westside .cdxi) {
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background-color: var(--portal-card);
  padding: 9px;
  margin-bottom: 8px;
}
body.portal.shateamos-portal .registration-sidebar {
  padding: 10px 8px;
}
body.portal.shateamos-portal .registration-sidebar > :is(.chat-side-search, .chat-side-section) {
  margin: 0 0 8px;
  padding: 3px;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background: var(--portal-card);
}
body.portal.shateamos-portal .registration-sidebar .chat-side-section a {
  display: block;
  padding: 4px 7px;
  border: 0;
  border-radius: 7px;
  text-decoration: none;
}
body.portal.shateamos-portal .registration-sidebar .chat-side-section a:hover {
  background: var(--portal-selected);
  color: var(--portal-label);
}

body.portal.shateamos-portal .shateamos-saved {
  padding: clamp(14px, 2.4vw, 30px);
  min-width: 0;
}
body.portal.shateamos-portal .shateamos-page-intro,
body.portal.shateamos-portal .shateamos-saved-rooms {
  max-width: 1100px;
  margin: 0 auto 16px;
  border: 1px solid var(--portal-border);
  border-radius: var(--radius);
  background: var(--portal-card);
}
body.portal.shateamos-portal .shateamos-page-intro {
  padding: clamp(16px, 2.5vw, 30px);
  background: linear-gradient(116deg, #eef7f9, #d4eaf0);
}
body.portal.shateamos-portal .shateamos-page-intro h1 { margin: 0 0 8px; }
body.portal.shateamos-portal .shateamos-page-intro p { margin: 0 0 14px; }
body.portal.shateamos-portal .shateamos-page-intro nav { display: flex; flex-wrap: wrap; gap: 9px; }
body.portal.shateamos-portal .shateamos-page-intro nav a,
body.portal.shateamos-portal .shateamos-saved button {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #99c0cd;
  border-radius: 8px;
  background: #fafdfe;
  color: var(--portal-label);
  font: 700 12px/1.5 var(--shateamos-font);
  text-decoration: none;
}
body.portal.shateamos-portal .shateamos-saved-rooms { overflow: hidden; }
body.portal.shateamos-portal .shateamos-saved-rooms h2 {
  margin: 0;
  padding: 12px 15px;
  background: #f2f8fa;
  border-bottom: 1px solid var(--portal-border);
  color: var(--portal-label);
}
body.portal.shateamos-portal .shateamos-table-scroll { overflow-x: auto; }
body.portal.shateamos-portal .shateamos-saved-rooms p { padding-inline: 15px; }
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms { margin: 0; border: 0; table-layout: fixed; }
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms :is(th, td) {
  padding: 9px 15px;
  vertical-align: middle;
}
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms :is(.room-count, .favorite-action) {
  width: 88px;
  white-space: nowrap;
}
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms th:first-child { width: 30%; }
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms .favorite-action { width: 108px; text-align: center; }
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms tbody tr:nth-child(even) {
  background: #f2f8fa;
}
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms th {
  background: var(--portal-selected);
  color: var(--portal-label);
}

.shateamos-saved-rooms .shateamos-table-scroll { container-type: inline-size; }
.shateamos-saved-rooms .saved-room-count-label { display: none; }
body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms td {
  overflow-wrap: anywhere;
  white-space: normal;
}

@container (max-width: 520px) {
  body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms,
  body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms tbody {
    display: block;
  }
  .shateamos-saved-rooms .portal-rooms thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms tbody tr:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px 12px;
    padding: 12px 15px;
    border-bottom: 1px solid var(--portal-border);
  }
  body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms tbody tr:not([hidden]) td {
    display: block;
    min-width: 0;
    width: auto;
    padding: 0;
  }
  .shateamos-saved-rooms .portal-rooms td:nth-child(-n+2) { grid-column: 1 / -1; }
  .shateamos-saved-rooms .portal-rooms td:first-child { font-weight: 700; }
  body.portal.shateamos-portal .shateamos-saved-rooms .portal-rooms .room-count {
    text-align: left;
  }
  .shateamos-saved-rooms .saved-room-count-label { display: inline; }
}

body.portal.shateamos-portal fieldset {
  min-inline-size: 0;
  border: 0;
}
body.portal.shateamos-portal fieldset > legend {
  float: left;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  color: var(--portal-label);
  font: 700 17px/1.25 var(--shateamos-font);
}
body.portal.shateamos-portal fieldset > legend + * { clear: both; }
body.portal.shateamos-portal .shateamos-register-card,
body.portal.shateamos-portal .shateamos-policy-card {
  margin: 0 auto 16px;
  padding: clamp(14px, 2vw, 24px);
  border: 1px solid var(--portal-border);
  border-radius: var(--radius);
  background: var(--portal-card);
}
body.portal.shateamos-portal .shateamos-register-card { margin-inline: 0; }
body.portal.shateamos-portal .shateamos-register-card fieldset { margin: 0; padding: 0; }
body.portal.shateamos-portal :is(.shateamos-policy, .portal-create-room) {
  min-width: 0;
  padding: clamp(14px, 2.4vw, 30px);
}
body.portal.shateamos-portal .shateamos-policy > * { max-width: 920px; }
body.portal.shateamos-portal .shateamos-policy-card h2 { margin: 0 0 12px; color: var(--portal-label); }
body.portal.shateamos-portal .shateamos-policy-card ul { padding-inline-start: 22px; margin: 0; }
body.portal.shateamos-portal .shateamos-policy-card li + li { margin-top: 7px; }
body.portal.shateamos-portal .shateamos-policy-end { margin: 0 auto; }
body.portal.shateamos-portal .portal-create-room > * { max-width: 760px; margin-inline: auto; }
body.portal.shateamos-portal .shateamos-create-form { display: grid; gap: 18px; }
body.portal.shateamos-portal .shateamos-room-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body.portal.shateamos-portal .shateamos-room-field { display: grid; gap: 4px; min-width: 0; }
body.portal.shateamos-portal .shateamos-room-field label { color: var(--portal-label); font-weight: 700; }
body.portal.shateamos-portal .shateamos-room-field :is(small, label span) { color: #486371; font-weight: 400; }
body.portal.shateamos-portal .shateamos-room-field :is(input, select, textarea) { width: 100%; box-sizing: border-box; padding: 8px; }
body.portal.shateamos-portal .shateamos-create-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
body.portal.shateamos-portal .shateamos-create-actions button { background: #0d6887; color: white; border: 1px solid #0d6887; padding: 8px 14px; font-weight: 700; }
@media(max-width: 600px) {
 body.portal.shateamos-portal .shateamos-room-pair { grid-template-columns: 1fr; }
}
.shateamos-home .shateamos-news { margin-top: 16px; }
.shateamos-home .shateamos-news label { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.shateamos-home .shateamos-news select { border: 1px solid var(--portal-border); border-radius: 7px; padding: 4px; font: inherit; }
.shateamos-home #sn-news-items { list-style: none; padding: 0 15px; margin: 0; }
.shateamos-home #sn-news-items li { padding: 9px 0; }
.shateamos-home #sn-news-items li + li { border-top: 1px solid #e1ebee; }
.shateamos-home #sn-news-items small { display: block; color: var(--muted); }
.shateamos-home #sn-news-status { margin: 8px 15px; }
.shateamos-home #sn-news-status:empty { display: none; }
.shateamos-home #sn-news-more { display: inline-block; margin: 9px 15px 14px; font-weight: 700; }
body.portal.shateamos-portal .shateamos-register-card fieldset { border: 0; }
body.portal.shateamos-portal.groups-theme .shateamos-policy .shateamos-page-intro { background: var(--portal-selected); }
body.portal.shateamos-portal .sn-help-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 auto;
}
body.portal.shateamos-portal .sn-help-grid > section { margin: 0; }
body.portal.shateamos-portal .shateamos-legal-text { overflow-wrap: anywhere; }
body.portal.shateamos-portal .shateamos-legal-text :is(img,table) { max-width: 100%; }
@media(max-width: 730px) {
  body.portal.shateamos-portal .sn-help-grid { grid-template-columns: 1fr; }
}

body.portal.shateamos-portal .sn-account-page {
  min-width: 0;
  padding: clamp(14px, 2.4vw, 30px);
}
body.portal.shateamos-portal .sn-account-page > * { max-width: 960px; margin-inline: auto; }
body.portal.shateamos-portal .sn-account-content .block {
  margin: 0 0 16px;
  padding: 12px 16px 16px;
  border: 1px solid var(--portal-border);
  border-radius: var(--radius);
  background: var(--portal-card);
  font: 14px/1.5 var(--shateamos-font);
}
body.portal.shateamos-portal .sn-account-content .block .head {
  margin: -12px -16px 12px;
  padding: 12px 16px;
  background: var(--portal-selected);
  color: var(--portal-label) !important;
  font: 700 17px/1.25 var(--shateamos-font);
}
body.portal.shateamos-portal .sn-account-content :is(input, select, textarea, button) {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 7px;
}
@media (max-width: 730px) {
  body.portal.shateamos-portal .sn-account-content .scroll_bar { float: none !important; width: auto !important; }
  body.portal.shateamos-portal .sn-account-content .block { overflow: auto; }
}
body.portal.shateamos-portal .sn-account-content .block .head { width: auto; }
body.portal.shateamos-portal .sn-profile-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 16px;
}
body.portal.shateamos-portal .sn-profile-summary > section { margin-inline: 0; }
@media (max-width: 730px) {
  body.portal.shateamos-portal .sn-profile-summary { grid-template-columns: 1fr; gap: 0; }
}

body.portal.shateamos-portal .sn-mail-reading {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: var(--radius);
  background: var(--portal-card);
}
body.portal.shateamos-portal .sn-mail-reading > header {
  padding: clamp(12px, 2vw, 22px);
  background: var(--portal-selected);
}
body.portal.shateamos-portal .sn-mail-reading h1 { overflow-wrap: anywhere; margin: 8px 0 14px; }
body.portal.shateamos-portal .sn-mail-reading .mail-message-header {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 3px 12px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
body.portal.shateamos-portal .sn-mail-reading dt { font-weight: 700; }
body.portal.shateamos-portal .sn-mail-reading dd { margin: 0; overflow-wrap: anywhere; }
body.portal.shateamos-portal .sn-mail-reading .mail-body {
  padding: clamp(12px, 2vw, 22px);
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-wrap: anywhere;
}
body.portal.shateamos-portal .sn-mail-reading .mail-message-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 12px clamp(12px, 2vw, 22px);
  border-top: 1px solid var(--portal-border);
}

body.portal.shateamos-portal.groups-theme .group-form :is(input, select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
}
@media (max-width: 730px) {
  body.portal.shateamos-portal.groups-theme .group-menu-configure {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }
  body.portal.shateamos-portal.groups-theme .group-menu-configure form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  body.portal.shateamos-portal.groups-theme .group-menu-configure > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}

body.portal.shateamos-portal .sn-terms-document {
  max-width: 860px;
  margin: 0 auto;
}
body.portal.shateamos-portal .sn-terms-notice {
  padding: 14px 18px;
  margin: 0 0 16px;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background: var(--portal-selected);
  color: var(--portal-label);
}
body.portal.shateamos-portal .sn-terms-notice p { margin: 3px 0 6px; }
body.portal.shateamos-portal .sn-terms-document > nav ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  list-style: none;
  padding: 0;
}
body.portal.shateamos-portal .sn-terms-document > nav li { margin: 0; }
body.portal.shateamos-portal .sn-terms-document > nav a {
  display: block;
  padding: 6px 9px;
  border-radius: 8px;
  text-decoration: none;
  background: var(--portal-canvas);
  color: var(--portal-label);
}
body.portal.shateamos-portal .sn-terms-document > nav a:is(:hover, :focus-visible) { background: var(--portal-selected); }
body.portal.shateamos-portal .sn-terms-document > section { scroll-margin-top: 12px; }
body.portal.shateamos-portal .sn-terms-document > section p { max-width: 75ch; }
body.portal.shateamos-portal .sn-terms-document > section p:last-child { margin-bottom: 0; }
body.portal.shateamos-portal .sn-current-terms summary {
  cursor: pointer;
  color: var(--portal-label);
  font-weight: 700;
}
body.portal.shateamos-portal .sn-current-terms .bbs { font-weight: 700; }
@media (max-width: 650px) {
  body.portal.shateamos-portal .sn-terms-document > nav ul { grid-template-columns: 1fr; }
}

/* Match the home rail's card edges and gutters across website templates. */
body.portal.shateamos-portal {
  --sn-rail-width: 178px;
  --sn-rail-padding: 10px 8px;
  --sn-rail-gap: 8px;
  --sn-rail-radius: 12px;
}
body.portal.shateamos-portal :is(.portal-layout, .registration-layout) > :is(.portal-sidebar, .registration-sidebar),
body.portal.shateamos-portal #westside:has(> .chat-side-section) {
  box-sizing: border-box;
  width: var(--sn-rail-width);
  flex-basis: var(--sn-rail-width);
  min-width: 0;
  padding: var(--sn-rail-padding);
  background: var(--portal-rail);
  border: 0;
  border-inline-end: 1px solid var(--portal-border);
}
body.portal.shateamos-portal :is(.portal-sidebar, .registration-sidebar, #westside) > :is(.chat-side-search, .chat-side-section, .group-directory-search, .group-primary-nav, .portal-side-note, .mail-side-note),
body.portal.shateamos-portal.groups-theme .portal-layout:not(.group-interior) > .portal-sidebar > nav,
body.portal.shateamos-portal.mail-theme .mail-sidebar > nav {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  margin: 0 0 var(--sn-rail-gap);
  border: 1px solid var(--portal-border);
  border-radius: var(--sn-rail-radius);
  background: var(--portal-card);
  overflow: hidden;
}
body.portal.shateamos-portal :is(.portal-sidebar, .registration-sidebar, #westside) > :is(.chat-side-search, .group-directory-search) {
  padding: 7px;
}
body.portal.shateamos-portal :is(.chat-side-search, .group-directory-search) form > div,
body.portal.shateamos-portal .group-directory-search > div {
  display: flex;
  align-items: center;
  gap: 4px;
}
body.portal.shateamos-portal :is(.chat-side-search, .group-directory-search) input {
  flex: 1 1 auto;
  min-width: 0;
}
body.portal.shateamos-portal #westside > .chat-side-section a {
  font: 12px/1.35 var(--shateamos-font) !important;
}
body.portal.shateamos-portal.groups-theme .group-interior > .portal-sidebar .group-native-nav {
  width: 100%;
  table-layout: fixed;
}
body.portal.shateamos-portal.groups-theme .group-interior .group-native-nav td a {
  overflow-wrap: anywhere;
}
body.portal.shateamos-portal .registration-layout {
  grid-template-columns: var(--sn-rail-width) minmax(0, 1fr);
}
@media (max-width: 730px) {
  body.portal.shateamos-portal .registration-layout { grid-template-columns: minmax(0, 1fr); }
  body.portal.shateamos-portal :is(.portal-layout, .registration-layout) > :is(.portal-sidebar, .registration-sidebar) {
    width: auto;
    flex-basis: auto;
  }
  body.portal.shateamos-portal .group-interior > .portal-sidebar { width: min(150px, 100%); }
}
@media (max-width: 730px) {
  body.portal.shateamos-portal .msn-list-navigation {
    flex-wrap: wrap;
    gap: 4px 12px;
  }
  body.portal.shateamos-portal .msn-list-navigation h1 {
    white-space: normal;
  }
}
body.portal.shateamos-portal.groups-theme .group-interior > .portal-sidebar .group-native-nav tr > td:first-child:not([colspan]) {
  width: 9px;
}
body.portal.shateamos-portal.groups-theme .group-interior > .portal-sidebar .group-native-nav tr > td:nth-child(2) {
  width: auto;
}

body.portal.shateamos-portal .sn-ticket {
  padding: 12px 14px;
  margin-top: 10px;
  border: 1px solid var(--portal-border);
  border-radius: 10px;
  background: var(--portal-canvas);
  overflow-wrap: anywhere;
}
body.portal.shateamos-portal .sn-ticket summary { cursor: pointer; font-weight: 700; color: var(--portal-label); }
body.portal.shateamos-portal .sn-ticket summary span { display: block; margin-left: 16px; font-size: 12px; font-weight: 400; }
body.portal.shateamos-portal .sn-ticket-message { white-space: pre-wrap; }
body.portal.shateamos-portal .sn-account-content img[src="/ocx-assets/tcn-brand-mark.svg"] {
  width: 82px;
  height: 82px;
  padding: 14px;
  border: 1px solid var(--portal-border);
  border-radius: 16px;
  background: var(--portal-selected);
  object-fit: contain;
}

body.portal.shateamos-portal .portal-main :is(.portal-form, .group-form, .album-form, .picture-form) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
body.portal.shateamos-portal .portal-main :is(.portal-form, .group-form, .album-form, .picture-form) :is(input, select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
}
body.portal.shateamos-portal .shateamos-policy-card > .portal-form {
  margin: 14px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}
body.portal.shateamos-portal .sn-ticket-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  width: min(100%, 38rem);
}
body.portal.shateamos-portal .sn-ticket-form :is(input, textarea) {
  width: 100%;
  margin: 0 0 6px;
  padding: 8px;
}
body.portal.shateamos-portal .sn-ticket-form p { margin: 0; }
body.portal.shateamos-portal .sn-ticket-form button { justify-self: start; margin-top: 4px; }
body.portal.shateamos-portal .sn-language-dialog {
  width: min(24rem, calc(100% - 32px));
  max-height: calc(100% - 32px);
  box-sizing: border-box;
  padding: 0;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background: var(--portal-card);
  color: var(--portal-label);
  font: 13px/1.4 var(--shateamos-font);
}
body.portal.shateamos-portal .sn-language-dialog::backdrop { background: #10273870; }
body.portal.shateamos-portal .sn-language-dialog > header { padding: 9px 14px; background: var(--portal-selected); }
body.portal.shateamos-portal .sn-language-dialog h2 { margin: 0; font-size: 16px; }
body.portal.shateamos-portal .sn-language-body { padding: 12px 14px; }
body.portal.shateamos-portal .sn-language-body > p { margin: 0 0 6px; }
body.portal.shateamos-portal .sn-language-body form {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
body.portal.shateamos-portal .sn-language-body select { width: 100%; min-height: 32px; }
body.portal.shateamos-portal .sn-language-body button { justify-self: end; }
body.portal.shateamos-portal .sn-language-body button { min-width: 64px; padding: 4px 10px; }

/* Keep the historic group menu typography while fitting borders to their columns. */
body.portal.shateamos-portal.groups-theme .portal-layout.group-interior > .portal-sidebar {
  width: 100%;
  min-width: 0;
}
body.portal.shateamos-portal.groups-theme .group-interior .group-primary-nav {
  box-sizing: border-box;
  max-width: 100%;
}
body.portal.shateamos-portal.groups-theme .group-home-layout .group-news-heading {
  flex-wrap: wrap;
}
body.portal.shateamos-portal.groups-theme .group-home-layout .group-news-heading h2 {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 730px) {
  body.portal.shateamos-portal.chat-portal-home .chat-portal-header,
  body.portal.shateamos-portal.chat-portal-home .chat-portal-header .classic-frame-inner {
    height: auto;
    flex-basis: auto;
  }
  body.portal.shateamos-portal .chat-portal-header .classic-site-links,
  body.portal.shateamos-portal.groups-theme .groups-2004-top {
    height: auto;
    min-height: 29px;
    flex-wrap: wrap;
    gap: 6px 0;
    padding: 6px 8px;
    overflow: visible;
  }
  body.portal.shateamos-portal.groups-theme .groups-2004-top > nav {
    flex-wrap: wrap;
    min-width: 0;
    row-gap: 6px;
  }
  body.portal.shateamos-portal.groups-theme .groups-2004-top > .groups-2004-passport {
    margin-inline-start: auto;
  }
  body.portal.shateamos-portal .chat-portal-header .classic-web-search,
  body.portal.shateamos-portal.groups-theme .groups-2004-search {
    display: flex;
    flex: 1 0 100%;
    margin: 0;
  }
  body.portal.shateamos-portal :is(.classic-web-search, .groups-2004-search) input {
    flex: 0 1 165px;
    min-width: 0;
  }
}

body.portal.shateamos-portal.groups-theme .group-tools-page .group-tools-grid {
  box-sizing: border-box;
  padding: 12px 14px;
}
body.portal.shateamos-portal.groups-theme .group-tools-grid > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.portal.shateamos-portal :is(.classic-site-links, .groups-2004-top) > a:is(.classic-session, .groups-2004-passport) {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 23px;
  padding-inline: 5px;
}
body.portal.shateamos-portal :is(.classic-site-links, .groups-2004-top) > a:is(.classic-session, .groups-2004-passport)::after {
  content: '';
  display: inline-block;
  position: static;
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  background: url('/ocx-assets/passport-mark.svg') center / contain no-repeat;
}

body.portal.shateamos-portal.groups-theme :is(.sn-group-settings, .sn-group-menu-page, .group-members-page, .sn-group-member-profile) {
  box-sizing: border-box;
  margin: 12px auto 22px;
  padding: clamp(12px, 2vw, 22px);
  border: 1px solid var(--portal-border);
  border-radius: var(--radius);
  background-color: var(--portal-card);
  min-width: 0;
}
body.portal.shateamos-portal.groups-theme :is(.sn-group-settings, .sn-group-menu-page) > h1,
body.portal.shateamos-portal.groups-theme .group-members-heading,
body.portal.shateamos-portal .sn-profile-identity {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background: var(--portal-selected);
  color: var(--portal-label);
}
body.portal.shateamos-portal.groups-theme .group-members-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.portal.shateamos-portal.groups-theme .group-members-heading h1,
body.portal.shateamos-portal .sn-profile-identity :is(h1,p) { margin: 0; }
body.portal.shateamos-portal.groups-theme .group-members-heading form { margin: 0; }
body.portal.shateamos-portal.groups-theme .sn-members-table-scroll {
  overflow-x: auto;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
}
body.portal.shateamos-portal.groups-theme .sn-members-table-scroll .members-table {
  border: 0;
  border-radius: 0;
  min-width: 420px;
}
body.portal.shateamos-portal.groups-theme .sn-members-table-scroll .members-table :is(th,td) {
  padding: 6px 9px;
}
body.portal.shateamos-portal .sn-profile-identity { display: flex; align-items: center; gap: 12px; overflow-wrap: anywhere; }
body.portal.shateamos-portal .sn-profile-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 64px;
  height: 64px;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background: var(--portal-card);
  overflow: hidden;
}
body.portal.shateamos-portal .sn-profile-avatar img { max-width: 100%; object-fit: contain; }
body.portal.shateamos-portal .sn-chat-profile-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 10px;
  margin: 0;
}
body.portal.shateamos-portal .sn-chat-profile-details > div {
  padding: 10px 12px;
  border: 1px solid var(--portal-border);
  border-radius: 10px;
  overflow-wrap: anywhere;
}
body.portal.shateamos-portal .sn-chat-profile-details dt { font-weight: 700; color: var(--portal-label); }
body.portal.shateamos-portal .sn-chat-profile-details dd { margin: 3px 0 0; }
body.portal.shateamos-portal.groups-theme .sn-group-member-profile {
  max-width: 860px;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 16px;
}
body.portal.shateamos-portal.groups-theme .sn-group-member-profile > aside {
  align-self: start;
  padding: 12px;
  border: 1px solid var(--portal-border);
  border-radius: 12px;
  background: var(--portal-canvas);
  overflow-wrap: anywhere;
}
body.portal.shateamos-portal.groups-theme .sn-group-member-profile > aside :is(select, button) {
  max-width: 100%;
}
@media (max-width: 730px) {
  body.portal.shateamos-portal.groups-theme .sn-group-member-profile {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.portal.shateamos-portal.groups-theme .sn-group-links {
  max-width: 960px;
  margin: 0 auto;
  min-width: 0;
}
body.portal.shateamos-portal.groups-theme .sn-group-links > header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: var(--portal-selected);
}
body.portal.shateamos-portal.groups-theme .sn-group-links > header > a {
  padding: 5px 9px;
  border: 1px solid var(--portal-border);
  border-radius: 7px;
  background: var(--portal-card);
  color: var(--portal-label);
}
body.portal.shateamos-portal.groups-theme .sn-group-link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.portal.shateamos-portal.groups-theme .sn-group-link-list li { overflow-wrap: anywhere; }
body.portal.shateamos-portal.groups-theme .sn-group-link-list h2 { margin: 0; }
body.portal.shateamos-portal.groups-theme .sn-group-link-list p { margin: 6px 0 0; }
body.portal.shateamos-portal.groups-theme .sn-group-link-actions { display: flex; gap: 12px; margin-top: 8px; }

@media (max-width: 600px) {
  .sn-account-content #save_profile table {
    table-layout: fixed;
    width: 100%;
  }
  .sn-account-content #save_profile :is(td, label) {
    overflow-wrap: anywhere;
  }
  .sn-account-content #save_profile :is(input, textarea, select) {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }
}

body.portal.shateamos-portal .portal-layout > :is(.sn-ticket-sidebar, .support-mail-sidebar) {
  padding: 12px 9px 18px;
}
body.portal.shateamos-portal :is(.sn-ticket-sidebar, .support-mail-sidebar) > :is(nav, .chat-side-search) {
  box-sizing: border-box;
  max-width: 100%;
  margin-inline: 0;
}
body.portal.shateamos-portal .sn-my-support-tickets .sn-ticket-message {
  white-space: normal;
  overflow-wrap: anywhere;
  margin-block: 10px;
}
body.portal.shateamos-portal .sn-my-support-tickets .sn-ticket-user-form {
  box-sizing: border-box;
  display: grid;
  gap: 9px;
  width: 100%;
  padding: 14px;
  margin: 14px 0 0;
}
body.portal.shateamos-portal .sn-my-support-tickets .sn-ticket-user-form textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body.portal.shateamos-portal :is(.sn-ticket-actions, .support-ticket-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.portal.shateamos-portal .sn-ticket-emoji {
  width: 20px;
  height: 20px;
  object-fit: contain;
  vertical-align: text-bottom;
}
body.portal.shateamos-portal .sn-ticket-user-form .sn-ticket-actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  width: max-content;
  max-width: 100%;
  align-items: stretch;
}
body.portal.shateamos-portal .sn-ticket-user-form .sn-ticket-actions > button {
  width: auto;
  min-width: 0;
  margin: 0;
}
@media (max-width: 730px) {
  body.portal.shateamos-portal .portal-layout > :is(.sn-ticket-sidebar, .support-mail-sidebar) {
    width: auto;
  }
}

body.portal.shateamos-portal .portal-layout > .sn-account-sidebar {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 9px 18px;
  min-width: 0;
}
body.portal.shateamos-portal .sn-account-sidebar > :is(nav, .chat-side-search) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}
body.portal.shateamos-portal .sn-account-sidebar nav a { overflow-wrap: anywhere; }
.sn-profile-hero, .sn-blog-hero {
  background: linear-gradient(125deg,#e6f4fa,#fff);
  margin-bottom: 16px;
}
.sn-profile-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.sn-profile-hero img { object-fit: contain; border: 1px solid #c5dae2; border-radius: 12px; background: white; }
.sn-profile-hero h2, .sn-blog-hero h2 { margin: 0 0 6px; }
.sn-profile-actions { display: flex; flex-wrap: wrap; gap: 8px 16px; }
body.portal.shateamos-portal .sn-chat-profile .sn-profile-actions {
  gap: 10px;
  margin-block-start: 16px;
}
body.portal.shateamos-portal .sn-chat-profile .sn-profile-actions > a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #0b536b;
  border-radius: 8px;
  background: #0b536b;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
body.portal.shateamos-portal .sn-chat-profile .sn-profile-actions > a + a {
  background: #f0f7fa;
  color: #0b536b;
}
body.portal.shateamos-portal .sn-chat-profile .sn-profile-actions > a:hover { background: #074154; color: #fff; }
body.portal.shateamos-portal .sn-chat-profile .sn-profile-actions > a:focus-visible {
  outline: 2px solid #0b536b;
  outline-offset: 2px;
}
.sn-profile-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr)); gap: 16px; }
.sn-profile-cards > section { min-width: 0; margin: 0; }
.sn-profile-cards dl { margin: 0; }
.sn-profile-cards dt { font-weight: 700; color: #245568; margin-top: 10px; }
.sn-profile-cards dd, .sn-blog-posts article p { margin: 3px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.sn-blog-form, .sn-profile-media, .sn-registration-profile { display: grid; gap: 7px; }
.sn-blog-form :is(input,textarea), .sn-profile-media input, .sn-registration-profile :is(input,select,textarea) {
  box-sizing: border-box; max-width: 100%; min-width: 0;
}
.sn-blog-form button, .sn-profile-media button { justify-self: start; margin-top: 5px; }
.sn-blog-posts { margin-top: 16px; }
.sn-blog-posts article { padding-block: 14px; border-bottom: 1px solid #d6e5eb; }
.sn-blog-posts article h3 { margin: 0 0 5px; }
.sn-blog-posts time { color: #456374; }
@media (max-width: 730px) {
  body.portal.shateamos-portal .portal-layout > .sn-account-sidebar { width: auto; }
}

/* Keep the navigation column and its cards aligned across portal layouts. */
body.portal.shateamos-portal :is(.portal-layout, .registration-layout):has(> :is(.portal-sidebar, .registration-sidebar)) {
  grid-template-columns: var(--sn-rail-width) minmax(0, 1fr);
}
body.portal.shateamos-portal :is(.portal-layout, .registration-layout):has(> :is(.portal-sidebar, .registration-sidebar)) > :is(.portal-sidebar, .registration-sidebar) {
  width: 100%;
  flex: 0 0 var(--sn-rail-width);
  padding-inline: 8px;
}
@media (max-width: 730px) {
  body.portal.shateamos-portal :is(.portal-layout, .registration-layout):has(> :is(.portal-sidebar, .registration-sidebar)) {
    grid-template-columns: minmax(0, 1fr);
  }
  body.portal.shateamos-portal :is(.portal-layout, .registration-layout):has(> :is(.portal-sidebar, .registration-sidebar)) > :is(.portal-sidebar, .registration-sidebar) {
    flex-basis: auto;
  }
}

body.portal.shateamos-portal .sn-account-content .sn-password-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: clamp(16px, 3vw, 24px);
}
body.portal.shateamos-portal .sn-password-form input { width: min(100%, 420px); min-width: 0; }
.sn-password-form input + label { margin-top: 7px; }
.sn-password-form button { justify-self: start; }
.sn-library-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 14px;
  align-items: start;
}
.sn-library-grid .scroll_bar {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--portal-border);
  border-radius: 10px;
  overflow-wrap: anywhere;
}
.sn-library-grid .top { display: block; font-weight: 700; color: var(--portal-label); }
.sn-library-grid .top + br { display: none; }
.sn-library-grid ul { list-style-position: inside; }
.sn-library-actions { display: grid; gap: 10px; min-width: 0; }
.sn-library-actions form { margin-block: 6px; }
.sn-library-actions input:not([type=hidden]) { margin: 4px 6px 4px 0; }
.sn-library-actions img { max-width: 100%; height: auto; }
body.portal.shateamos-portal .sn-profile-editor { padding: clamp(16px, 3vw, 26px); }
.sn-profile-editor h1 { margin-top: 0; }
.sn-profile-account {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--portal-border);
  border-radius: 10px;
  overflow-wrap: anywhere;
}
.sn-profile-account a { display: inline-block; margin-top: 4px; }
.sn-profile-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-block: 20px;
}
.sn-profile-field { display: grid; gap: 5px; align-content: start; min-width: 0; }
.sn-profile-field:has(textarea), .sn-profile-picture, .sn-profile-privacy, .sn-profile-editor-grid > .check { grid-column: 1 / -1; }
body.portal.shateamos-portal .sn-profile-field :is(input:not([type=checkbox]), select, textarea) { width: 100%; min-width: 0; }
.sn-profile-editor .group-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
@media (max-width: 730px) {
  .sn-library-grid, .sn-profile-editor-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 730px) {
  body.portal.shateamos-portal .registration-layout > .registration-sidebar {
    display: block;
    order: 2;
  }
}
@media (max-width: 730px) {
  body.portal.shateamos-portal #westside.portal-chat-sidebar:has(> .chat-side-section) {
    width: 100%;
    flex-basis: 100%;
  }
}