/* Feature geometry only. */
@layer geometry {


* {box-sizing: border-box;}

html {min-height: 100%;}

body {min-height: 100vh;margin: 0;line-height: 1.45;}

.app-loading .site-header,
.app-loading .page-wrap,
.app-loading .site-footer {visibility: hidden;}
button {cursor: pointer;}

.shell {width: min(1120px, calc(100% - 28px));margin: 0 auto;}

.top-strip {border-bottom: 1px solid var(--line);}

.top-strip-inner,
.footer-inner {display: flex;justify-content: space-between;gap: 20px;padding: 7px 0;}

.header-account-area {position: relative;display: flex;align-items: center;gap: 12px;}
.notification-toggle {padding: 0;border: 0;}
.notification-toggle .nav-count {margin-left: 3px;}
.notification-menu {position: absolute;z-index: 80;top: calc(100% + 7px);right: 0;width: min(430px, calc(100vw - 28px));border: 1px solid var(--line);}
.notification-menu-head {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 9px 11px;border-bottom: 1px solid var(--line);}
.notification-menu-head button {padding: 0;border: 0;}
.notification-list {display: block;max-height: 430px;overflow-y: auto;}
.notification-menu-item {width: 100%;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 10px;padding: 10px 11px;border: 0;border-bottom: 1px solid var(--line);text-align: left;}
.notification-menu-item.unread {border-left: 3px solid var(--line);padding-left: 8px;}
.notification-menu-copy, .notification-menu-copy b, .notification-menu-copy small {display: block;min-width: 0;}
.notification-menu-copy small {margin-top: 3px;line-height: 1.35;}
.notification-menu-item time {white-space: nowrap;}
.notification-empty {display: block;padding: 18px 12px;text-align: center;}

.brand-row {min-height: 90px;display: flex;align-items: center;justify-content: space-between;gap: 20px;}

.brand {display: flex;align-items: center;gap: 13px;text-decoration: none;}

.brand-mark {display: grid;place-items: center;width: 48px;height: 48px;border: 1px solid var(--line);}

.brand-mark img {display: block;width: 100%;height: 100%;}

.brand strong {display: block;}
.brand small {display: block;margin-top: 2px;}

.server-note {text-align: right;}
.server-note b, .server-note span {display: block;}

.main-nav {border-top: 1px solid var(--line);border-bottom: 3px solid var(--line);}
.nav-inner {display: flex;overflow-x: auto;}
.nav-item {min-height: 41px;padding: 0 18px;border: 0;border-right: 1px solid var(--line);}
.nav-item:first-child {border-left: 1px solid var(--line);}

.page-wrap {min-height: calc(100vh - 235px);padding: 24px 0 38px;}
.auth-layout {display: grid;grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);gap: 18px;align-items: start;}

.panel {border: 1px solid var(--line);}
.panel-title {display: flex;align-items: center;justify-content: space-between;gap: 14px;min-height: 40px;padding: 8px 12px;border-bottom: 1px solid var(--line);}
.panel-title h1, .panel-title h2 {margin: 0;}

.auth-tabs {display: flex;margin: 18px 22px 0;border-bottom: 1px solid var(--line);}
.auth-tab {padding: 9px 18px;border: 1px solid var(--line);border-bottom: 0;}
.auth-tab + .auth-tab {border-left: 0;}

.auth-form {padding: 20px 22px 4px;}
.field-row {margin-bottom: 15px;}
.field-row label {display: block;margin-bottom: 5px;}
.field-row input {width: 100%;padding: 10px;border: 1px solid var(--line);}
.field-row small {display: block;margin-top: 4px;}

.primary-button, .secondary-button {min-height: 38px;padding: 8px 15px;}
.primary-button {border: 1px solid var(--line);}
.secondary-button {border: 1px solid var(--line);}
.auth-panel > .secondary-button {width: calc(100% - 44px);margin: 0 22px;}

.form-message {min-height: 21px;margin: -4px 0 10px;}
.auth-divider {display: flex;align-items: center;gap: 10px;margin: 19px 22px 14px;}
.auth-divider::before, .auth-divider::after {content: "";height: 1px;flex: 1;}
.demo-note {margin: 17px 22px 22px;}

.info-copy {padding: 17px;}
.info-copy p {margin-top: 0;}
.info-copy ul {padding-left: 20px;}
.info-copy li {margin: 7px 0;}

.notice {padding: 11px 13px;border: 1px solid var(--line);}
.notice b {margin-right: 4px;}
.notice.welcome {display: flex;flex-direction: column;gap: 2px;margin-bottom: 16px;}
.breadcrumb {margin-bottom: 9px;}

.hub-grid {display: grid;grid-template-columns: minmax(0, 1fr) 275px;gap: 16px;align-items: start;}
.forum-block + .forum-block {margin-top: 16px;}
.forum-row {width: 100%;display: grid;grid-template-columns: 54px minmax(0, 1fr) 90px 122px;align-items: center;gap: 11px;min-height: 75px;padding: 10px 12px;text-align: left;border: 0;border-bottom: 1px solid var(--line);}
.forum-row:last-child {border-bottom: 0;}
.forum-icon {display: grid;place-items: center;width: 45px;height: 42px;border: 1px solid var(--line);}
.forum-copy b, .forum-copy small, .forum-count b, .forum-count small {display: block;}
.forum-copy small {margin-top: 3px;}
.forum-count {text-align: center;}
.forum-status {text-align: right;}

.side-column .panel + .panel {margin-top: 16px;}
.user-card-body {display: flex;align-items: center;gap: 11px;padding: 14px;border-bottom: 1px solid var(--line);}
.user-card-body b, .user-card-body small {display: block;}
.avatar {display: grid;place-items: center;width: 46px;height: 46px;border: 1px solid var(--line);}
.profile-stats {margin: 0;padding: 9px 14px;}
.profile-stats div {display: flex;justify-content: space-between;gap: 10px;padding: 5px 0;border-bottom: 1px dotted var(--line);}
.profile-stats div:last-child {border-bottom: 0;}
.profile-stats dd {margin: 0;text-align: right;}
.user-card .secondary-button {width: calc(100% - 28px);margin: 4px 14px 14px;}

.status-list, .leader-list {margin: 0;padding: 10px 14px;list-style: none;}
.status-list li {padding: 5px 0;border-bottom: 1px dotted var(--line);}
.status-list li:last-child {border-bottom: 0;}
.status-dot {display: inline-block;width: 8px;height: 8px;margin-right: 7px;border: 1px solid var(--line);}
.leader-list li {display: flex;justify-content: space-between;}

.toast {position: fixed;right: 18px;bottom: 18px;z-index: 10;max-width: 340px;padding: 11px 14px;border: 1px solid var(--line);}

.site-footer {border-top: 3px solid var(--line);}
.footer-inner {padding-top: 15px;padding-bottom: 15px;}
.hidden {display: none !important;}
.signed-in #auth-view {display: none;}

@media (max-width: 820px) {
  .auth-layout, .hub-grid {grid-template-columns: 1fr;}
  .side-column {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;}
  .side-column .panel + .panel {margin-top: 0;}
  .user-card {grid-row: span 2;}
}

@media (max-width: 620px) {
  .shell {width: min(100% - 18px, 1120px);}
  .brand-row {min-height: 78px;}
  .server-note {display: none;}
  .nav-item {padding: 0 13px;white-space: nowrap;}
  .page-wrap {padding-top: 14px;}
  .panel-title {align-items: flex-start;flex-direction: column;gap: 2px;}
  .forum-row {grid-template-columns: 44px minmax(0, 1fr);}
  .forum-icon {width: 38px;height: 38px;}
  .forum-count, .forum-status {display: none;}
  .side-column {display: block;}
  .side-column .panel + .panel {margin-top: 14px;}
  .top-strip-inner, .footer-inner {flex-direction: column;gap: 2px;}
}

.discord-button {width: 100%;}
.discord-button::before {content: "DC";margin-right: 8px;}
.discord-button:disabled {cursor: not-allowed;opacity: .58;}
.discord-account-panel {display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 12px;border: 1px solid var(--line);}
.discord-account-copy {min-width: 0;}
.discord-account-copy b, .discord-account-copy span {display: block;}
.discord-account-copy b {margin-bottom: 4px;}
.discord-account-copy span {overflow-wrap: anywhere;}
.discord-account-actions {display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 7px;}

@media (max-width: 720px) {
  .discord-account-panel {align-items: stretch;flex-direction: column;}
  .discord-account-actions {justify-content: flex-start;}
}
.shell {width: min(1480px, calc(100% - 38px));}
.site-header {border-bottom: 1px solid var(--line);}
.brand-row {min-height: 72px;}
.brand-mark {width: 44px;height: 44px;border: 2px solid var(--line);}
.main-nav {border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.nav-item {min-height: 39px;}
.page-wrap {min-height: calc(100vh - 210px);padding-top: 20px;}
.panel {border: 1px solid var(--line);}
.panel-title {min-height: 37px;border-bottom: 1px solid var(--line);}
.auth-layout {grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr);}
.field-row input {border: 1px solid var(--line);}
.forum-row,
.forum-row:nth-child(odd) {min-height: 70px;}
.site-footer {border-top: 1px solid var(--line);}
@media (max-width: 620px) {
  .shell {width: min(100% - 18px, 1480px);}
}


.signed-out .top-strip,
.signed-out .main-nav,
.signed-out .server-note,
.signed-out .info-panel,
.signed-out .site-footer {display: none;}
.signed-out .site-header {border-bottom: 1px solid var(--line);}
.signed-out .brand-row {min-height: 104px;justify-content: center;}
.signed-out .brand {pointer-events: none;}
.signed-out .page-wrap {min-height: calc(100vh - 105px);display: grid;align-items: start;padding-top: clamp(34px, 8vh, 86px);}
.signed-out .auth-layout {display: block;width: min(100%, 540px);margin: 0 auto;}
.signed-out .auth-panel {width: 100%;}
@media (max-width: 620px) {
  .signed-out .brand-row {min-height: 86px;}
  .signed-out .page-wrap {min-height: calc(100vh - 87px);padding-top: 18px;}
}


.section-heading {display: flex;align-items: center;justify-content: space-between;gap: 18px;margin-bottom: 14px;}
.section-heading h1 {margin: 0;}
.section-heading p {margin: 4px 0 0;}
.filter-panel {margin-bottom: 14px;}
.recipe-filters {display: grid;grid-template-columns: minmax(260px, 1fr) 220px 170px;gap: 12px;padding: 13px;}
.compact-field label {display: block;margin-bottom: 5px;}
.compact-field input,
.compact-field select,
.recipe-form input,
.recipe-form select,
.recipe-form textarea,
.quantity-row input,
.ingredient-row input {width: 100%;min-height: 38px;padding: 8px 9px;border: 1px solid var(--line);}
.library-summary {display: flex;justify-content: space-between;gap: 14px;padding: 9px 13px;border-top: 1px solid var(--line);}
.crafting-grid {display: grid;grid-template-columns: minmax(560px, 1.5fr) minmax(320px, .72fr);gap: 14px;align-items: start;}
.recipe-list-panel {min-width: 0;overflow: hidden;}
.recipe-table-head,
.recipe-row {display: grid;grid-template-columns: minmax(220px, 1fr) 140px 70px 110px;gap: 10px;align-items: center;}
.recipe-table-head {min-height: 35px;padding: 7px 12px;border-bottom: 1px solid var(--line);}
.recipe-row {width: 100%;min-height: 49px;padding: 8px 12px;text-align: left;border: 0;border-bottom: 1px solid var(--line);}
.recipe-row span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.status-badge {display: inline-block;width: fit-content;padding: 2px 6px;border: 1px solid var(--line);line-height: 1.25;}
.library-state {padding: 34px 18px;text-align: center;}
.recipe-detail {position: sticky;top: 14px;min-height: 260px;}
.recipe-detail-title h2 {max-width: calc(100% - 100px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recipe-detail-body {padding: 14px;}
.empty-detail {min-height: 258px;display: grid;place-content: center;gap: 5px;padding: 20px;text-align: center;}
.recipe-meta {margin: 0 0 14px;}
.recipe-meta div {display: flex;justify-content: space-between;gap: 12px;padding: 6px 0;border-bottom: 1px dotted var(--line);}
.recipe-meta dd {margin: 0;text-align: right;}
.quantity-row {display: grid;grid-template-columns: 1fr 92px;align-items: center;gap: 12px;margin: 15px 0;}
.ingredient-title {margin: 17px 0 8px;}
.calculated-ingredients {margin: 0;padding: 0;list-style: none;border: 1px solid var(--line);}
.calculated-ingredients li {display: flex;justify-content: space-between;gap: 12px;padding: 8px 9px;border-bottom: 1px solid var(--line);}
.calculated-ingredients li:last-child {border-bottom: 0;}
.recipe-note {margin: 14px 0 0;padding: 9px;border-left: 3px solid var(--line);}
.recipe-submit-panel {max-width: 980px;}
.text-button {padding: 4px 0;border: 0;}
.text-button:hover, .text-button:focus-visible {text-decoration: underline;}
.recipe-form {padding: 16px;}
.submission-note {margin-bottom: 16px;padding: 10px 11px;border-left: 3px solid var(--line);}
.form-grid {display: grid;grid-template-columns: minmax(250px, 1fr) 220px 135px;gap: 13px;}
.recipe-form textarea {resize: vertical;}
.ingredient-fieldset {margin: 2px 0 16px;padding: 12px;border: 1px solid var(--line);}
.ingredient-fieldset legend {padding: 0 7px;}
.ingredient-head,
.ingredient-row {display: grid;grid-template-columns: minmax(220px, 1fr) 130px 90px;gap: 9px;align-items: center;}
.ingredient-head {margin-bottom: 5px;}
.ingredient-row {margin-bottom: 8px;}
.remove-ingredient {min-height: 38px;border: 1px solid var(--line);}
.small-button {min-height: 34px;padding: 6px 10px;}
.form-actions {display: flex;gap: 9px;}

@media (max-width: 980px) {
  .crafting-grid {grid-template-columns: 1fr;}
  .recipe-detail {position: static;}
}
@media (max-width: 760px) {
  .recipe-filters, .form-grid {grid-template-columns: 1fr;}
  .library-summary, .section-heading {align-items: flex-start;flex-direction: column;}
  .section-heading .primary-button {width: 100%;}
  .recipe-table-head {display: none;}
  .recipe-row {grid-template-columns: minmax(170px, 1fr) 62px 92px;}
  .recipe-row span:nth-child(2) {display: none;}
}


.profile-media-editor {display: grid;grid-template-columns: 180px minmax(280px, 1fr);gap: 14px;padding-bottom: 14px;margin-bottom: 14px;border-bottom: 1px solid var(--line);}
.profile-media-field {display: flex;flex-direction: column;align-items: flex-start;gap: 7px;min-width: 0;}
.profile-media-field input[type="file"] {width: 100%;padding: 6px;border: 1px solid var(--line);}
.profile-media-field input[type="file"]::file-selector-button {padding: 6px 9px;margin-right: 8px;border: 1px solid var(--line);cursor: pointer;}
.profile-media-preview {display: grid;place-items: center;overflow: hidden;background-position: center;background-size: cover;border: 1px solid var(--line);}
.avatar-preview {width: 88px;height: 88px;}
.banner-preview {width: 100%;min-height: 88px;}
.profile-media-preview.has-image span {display: none;}
.profile-directory-avatar.has-image,
.public-profile-avatar.has-image,
.avatar.has-image {background-position: center;background-size: cover;background-repeat: no-repeat;}
.public-profile-head.has-banner {background-position: center;background-size: cover;}

@media (max-width: 680px) {
  .profile-media-editor {grid-template-columns: 1fr;}
  .banner-preview {min-height: 110px;}
}
@media (max-width: 520px) {
  .recipe-row {grid-template-columns: minmax(130px, 1fr) 46px 82px;padding-left: 9px;padding-right: 9px;}
  .ingredient-head {display: none;}
  .ingredient-row {grid-template-columns: minmax(150px, 1fr) 90px;}
  .remove-ingredient {grid-column: 1 / -1;min-height: 32px;}
  .form-actions {flex-direction: column;}
}

.nav-count {display: inline-grid;min-width: 20px;height: 20px;place-items: center;margin-left: 5px;padding: 0 5px;border: 1px solid var(--line);}
.moderation-points {padding: 7px 10px;border: 1px solid var(--line);}
.moderation-grid {display: grid;grid-template-columns: minmax(280px, .65fr) minmax(500px, 1.35fr);gap: 14px;align-items: start;}
.moderation-queue-panel {overflow: hidden;}
.moderation-list {max-height: 720px;overflow-y: auto;}
.moderation-row {width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 58px;padding: 9px 11px;text-align: left;border: 0;border-bottom: 1px solid var(--line);}
.moderation-row b,
.moderation-row small {display: block;}
.moderation-row small {margin-top: 2px;}
.moderation-detail {min-height: 320px;}
.moderation-form {padding: 15px;}
.moderation-form input,
.moderation-form select,
.moderation-form textarea {width: 100%;min-height: 38px;padding: 8px 9px;border: 1px solid var(--line);}
.moderation-form textarea {resize: vertical;}
.moderation-field-grid {display: grid;grid-template-columns: 1fr 150px;gap: 12px;}
.moderation-actions {display: flex;flex-wrap: wrap;gap: 9px;padding-top: 4px;}
.reject-button {min-height: 38px;margin-left: auto;padding: 8px 15px;border: 1px solid var(--line);}
.moderation-actions button:disabled {cursor: wait;opacity: .55;}
.leaderboard-panel {overflow: hidden;}
.leaderboard-head,
.leaderboard-row {display: grid;grid-template-columns: 55px minmax(180px, 1fr) minmax(150px, .7fr) 160px 90px;gap: 12px;align-items: center;}
.leaderboard-head {min-height: 36px;padding: 7px 12px;border-bottom: 1px solid var(--line);}
.leaderboard-row {min-height: 49px;padding: 8px 12px;border-bottom: 1px solid var(--line);}

@media (max-width: 900px) {
  .moderation-grid {grid-template-columns: 1fr;}
}
@media (max-width: 700px) {
  .leaderboard-head {display: none;}
  .leaderboard-row {grid-template-columns: 38px minmax(130px, 1fr) 85px;}
  .leaderboard-row span:nth-child(3),
  .leaderboard-row span:nth-child(4) {display: none;}
  .moderation-field-grid {grid-template-columns: 1fr;}
}


.report-content-button {border: 1px solid var(--line);line-height: 1;padding: 7px 9px;cursor: pointer;}
.recipe-detail-title .report-content-button {margin-left: auto;}
.profile-review-meta .report-content-button {margin-left: 10px;padding: 4px 7px;}
.profile-wall-comment-head .report-content-button {margin-left: auto;padding: 4px 7px;}
.deal-message .report-content-button {display: block;margin: 7px 0 0 auto;padding: 4px 7px;}
.dialog-open {overflow: hidden;}
.report-dialog {position: fixed;inset: 0;z-index: 1000;display: grid;place-items: center;padding: 20px;}
.report-dialog.hidden {display: none;}
.report-dialog-backdrop {position: absolute;inset: 0;}
.report-dialog-card {position: relative;width: min(560px, 100%);max-height: calc(100vh - 40px);overflow: auto;}
.report-dialog-body {padding: 16px;}
.report-target-summary {display: grid;gap: 3px;border-left: 3px solid var(--line);padding: 10px 12px;margin-bottom: 14px;}
.report-toolbar {display: flex;justify-content: space-between;align-items: end;gap: 16px;padding: 10px 12px;margin-bottom: 12px;}
.report-status-tabs {display: flex;flex-wrap: wrap;border: 1px solid var(--line);}
.report-filter {border: 0;border-right: 1px solid var(--line);padding: 9px 12px;cursor: pointer;}
.report-filter:last-child {border-right: 0;}
.report-filter span {margin-left: 4px;}
.report-search {display: grid;gap: 5px;min-width: min(330px, 100%);}
.report-center-grid {display: grid;grid-template-columns: minmax(300px, .78fr) minmax(440px, 1.35fr);gap: 12px;align-items: start;}
.report-list {max-height: 680px;overflow: auto;}
.report-row {width: 100%;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 12px;align-items: center;text-align: left;border: 0;border-bottom: 1px solid var(--line);border-left: 3px solid transparent;padding: 12px;cursor: pointer;}
.report-row-copy, .report-row-meta {display: grid;gap: 4px;min-width: 0;}
.report-row-copy b {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.report-row-meta {justify-items: end;}
.report-status {display: inline-block;width: fit-content;border: 1px solid var(--line);padding: 3px 6px;}
.report-detail-body {padding: 14px;}
.report-detail-title .report-status {margin-left: auto;}
.report-facts {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));border: 1px solid var(--line);margin-bottom: 13px;}
.report-fact {display: flex;justify-content: space-between;gap: 12px;padding: 9px 10px;border-bottom: 1px solid var(--line);}
.report-fact:nth-last-child(-n+2) {border-bottom: 0;}
.report-fact:nth-child(odd) {border-right: 1px solid var(--line);}
.report-fact b {text-align: right;}
.report-context, .report-user-note, .report-resolution {border: 1px solid var(--line);padding: 12px;margin-bottom: 13px;}
.report-context {border-left: 3px solid var(--line);}
.report-user-note {border-left: 3px solid var(--line);}
.report-context p, .report-user-note p {margin: 7px 0 0;white-space: pre-wrap;line-height: 1.55;}
.report-resolution {display: grid;gap: 5px;border-left: 3px solid var(--line);}
.report-moderator-note {margin-top: 4px;}
.report-actions {display: flex;flex-wrap: wrap;gap: 8px;align-items: center;}
.warning-button {border: 1px solid var(--line);padding: 9px 12px;cursor: pointer;}

@media (max-width: 900px) {
  .report-center-grid {grid-template-columns: 1fr;}
  .report-toolbar {align-items: stretch;flex-direction: column;}
  .report-search {min-width: 0;}
}
@media (max-width: 560px) {
  .report-facts {grid-template-columns: 1fr;}
  .report-fact, .report-fact:nth-child(odd) {border-right: 0;border-bottom: 1px solid var(--line);}
  .report-fact:last-child {border-bottom: 0;}
  .report-row {grid-template-columns: 1fr;}
  .report-row-meta {justify-items: start;}
}
@media (max-width: 520px) {
  .moderation-actions {flex-direction: column;}
  .reject-button {width: 100%;margin-left: 0;}
}

.market-heading-actions {display: flex;gap: 9px;}
.market-toolbar {margin-bottom: 14px;}
.market-tabs {display: flex;overflow-x: auto;border-bottom: 1px solid var(--line);}
.market-tab {min-height: 40px;padding: 8px 15px;border: 0;border-right: 1px solid var(--line);white-space: nowrap;}
.market-filters {display: grid;grid-template-columns: minmax(260px, 1fr) 210px 190px;gap: 12px;padding: 13px;}
.market-grid {display: grid;grid-template-columns: minmax(640px, 1.5fr) minmax(340px, .75fr);gap: 14px;align-items: start;}
.market-list-panel {min-width: 0;overflow: hidden;}
.market-list-head,
.market-row {display: grid;grid-template-columns: 82px minmax(200px, 1fr) 135px 125px 95px;gap: 10px;align-items: center;}
.market-list-head {min-height: 35px;padding: 7px 11px;border-bottom: 1px solid var(--line);}
.market-row {width: 100%;min-height: 58px;padding: 8px 11px;text-align: left;border: 0;border-bottom: 1px solid var(--line);}
.market-row span {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.market-row .market-item-cell b,
.market-row .market-item-cell small {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.market-row .market-item-cell small {margin-top: 2px;}
.market-type-badge {display: inline-block;width: fit-content;padding: 3px 6px;border: 1px solid var(--line);}
.market-detail {position: sticky;top: 14px;min-height: 320px;overflow: hidden;}
.market-detail-body {padding: 14px;}
.market-detail-meta {margin: 0 0 12px;}
.market-detail-meta div {display: flex;justify-content: space-between;gap: 14px;padding: 6px 0;border-bottom: 1px dotted var(--line);}
.market-detail-meta dd {margin: 0;text-align: right;}
.market-description {margin: 12px 0;padding: 10px;border-left: 3px solid var(--line);white-space: pre-wrap;}
.market-middleman-box {margin: 12px 0;padding: 10px;border: 1px solid var(--line);}
.market-middleman-box b {display: block;}
.trade-calculation {margin: 8px 0 0;padding: 0;list-style: none;}
.trade-calculation li {display: flex;justify-content: space-between;padding: 3px 0;}
.trade-calculation li:last-child {margin-top: 3px;padding-top: 6px;border-top: 1px solid var(--line);}
.market-action-box {margin-top: 14px;padding-top: 13px;border-top: 1px solid var(--line);}
.market-action-box h3,
.market-history h3 {margin: 0 0 8px;}
.market-action-box input,
.market-action-box textarea {width: 100%;min-height: 38px;margin-bottom: 8px;padding: 8px 9px;border: 1px solid var(--line);}
.market-action-box textarea {resize: vertical;}
.market-history {margin-top: 14px;}
.market-history-list {margin: 0;padding: 0;list-style: none;border: 1px solid var(--line);}
.market-history-list li {display: grid;grid-template-columns: minmax(100px, 1fr) auto;gap: 10px;padding: 8px 9px;border-bottom: 1px solid var(--line);}
.market-history-list li:last-child {border-bottom: 0;}
.market-history-list small {display: block;}
.offer-actions {display: flex;gap: 5px;margin-top: 5px;}
.offer-actions button {min-height: 28px;padding: 4px 8px;}
.market-owner-actions {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px;}
.market-create-panel {max-width: 1050px;}
.market-form {padding: 16px;}
.market-form input,
.market-form select,
.market-form textarea {width: 100%;min-height: 38px;padding: 8px 9px;border: 1px solid var(--line);}
.market-form textarea {resize: vertical;}
.market-primary-grid {grid-template-columns: 1fr 1fr 130px;}
.market-price-grid {grid-template-columns: repeat(4, minmax(150px, 1fr));}
.middleman-option {display: flex;align-items: flex-start;gap: 10px;margin: 2px 0 14px;padding: 12px;border: 1px solid var(--line);cursor: pointer;}
.middleman-option input {width: 18px;min-height: 18px;margin-top: 2px;}
.middleman-option span,
.middleman-option b,
.middleman-option small {display: block;}
.middleman-option small {margin-top: 3px;}
.fee-calculator {margin: 0 0 16px;padding: 12px;border: 1px solid var(--line);}
.fee-calculator h3 {margin: 0 0 9px;}
.fee-calculator dl {margin: 0;}
.fee-calculator dl div {display: flex;justify-content: space-between;gap: 14px;padding: 5px 0;}
.fee-calculator dd {margin: 0;}
.fee-calculator .fee-total {margin-top: 3px;padding-top: 8px;border-top: 1px solid var(--line);}
.fee-calculator p {margin: 8px 0 0;}

.trading-desk {margin-bottom: 14px;}
.trade-stat-grid {display: grid;grid-template-columns: repeat(4, 1fr);border-bottom: 1px solid var(--line);}
.trade-stat {min-height: 74px;padding: 12px 14px;text-align: left;border: 0;border-right: 1px solid var(--line);}
.trade-stat:last-child {border-right: 0;}
.trade-stat b,
.trade-stat span {display: block;}
.trade-stat b {line-height: 1.1;}
.trade-stat span {margin-top: 5px;}
.trade-dashboard-grid {display: grid;grid-template-columns: 1fr 1fr;}
.trade-dashboard-column {min-width: 0;padding: 13px;}
.trade-dashboard-column + .trade-dashboard-column {border-left: 1px solid var(--line);}
.trade-dashboard-column h3 {margin: 0 0 9px;}
.trade-activity-list {border: 1px solid var(--line);}
.trade-activity-item,
.trade-notification {width: 100%;min-height: 52px;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 9px 10px;text-align: left;border: 0;border-bottom: 1px solid var(--line);}
.trade-activity-item:last-child,
.trade-notification:last-child {border-bottom: 0;}
.trade-activity-copy {min-width: 0;flex: 1;}
.trade-activity-copy b,
.trade-activity-copy small,
.trade-activity-meta b,
.trade-activity-meta small {display: block;}
.trade-activity-copy b {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.trade-activity-copy small {margin-top: 2px;}
.trade-activity-meta {flex: 0 0 auto;text-align: right;}
.trade-notification {justify-content: flex-start;}
.notification-marker {width: 25px;height: 25px;flex: 0 0 25px;display: grid;place-items: center;border: 1px solid var(--line);}
.compact-state {padding: 14px 10px;}

.market-quick-guide {margin-bottom: 14px;}
.market-quick-guide ol {display: grid;grid-template-columns: repeat(4, 1fr);margin: 0;padding: 0;list-style: none;}
.market-quick-guide li {min-width: 0;padding: 12px 13px;border-right: 1px solid var(--line);}
.market-quick-guide li:last-child {border-right: 0;}
.market-quick-guide b,
.market-quick-guide span,
.market-form-help b,
.market-form-help span {display: block;}
.market-quick-guide span {margin-top: 4px;}
.market-form-help {margin: 14px 16px 0;padding: 10px 12px;border: 1px solid var(--line);}
.market-form-help span {margin-top: 3px;}
.deal-chat {margin-top: 16px;border: 1px solid var(--line);}
.deal-chat-heading {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 12px;border-bottom: 1px solid var(--line);}
.deal-chat-heading b,
.deal-chat-heading small {display: block;}
.deal-chat-heading small {margin-top: 2px;}
.deal-chat-guide {margin: 10px;padding: 9px 10px;border-left: 3px solid var(--line);}
.deal-chat-guide b,
.deal-chat-guide span {display: block;}
.deal-chat-guide b {margin-bottom: 2px;}
.deal-message-list {min-height: 360px;max-height: 560px;overflow-y: auto;padding: 10px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.deal-message {width: min(76%, 680px);margin-bottom: 10px;padding: 10px 12px;border: 1px solid var(--line);}
.deal-message.mine {margin-left: auto;}
.deal-message:last-child {margin-bottom: 0;}
.deal-message-meta {display: flex;justify-content: space-between;gap: 10px;}
.deal-message p {margin: 6px 0 0;line-height: 1.5;white-space: pre-wrap;overflow-wrap: anywhere;}
.deal-message-form {padding: 10px;}
.deal-message-form textarea {width: 100%;min-height: 70px;padding: 8px 9px;border: 1px solid var(--line);resize: vertical;}
.deal-message-footer {display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 7px;}
.deal-message-footer .form-message {flex: 1;}
.deal-confirmation-status {display: flex;gap: 8px;padding: 0 10px 10px;}
.deal-confirmation-status span {padding: 5px 8px;border: 1px solid var(--line);}
.deal-closed-banner {margin: 10px;padding: 10px 11px;border-left: 3px solid var(--line);}
.deal-closed-banner b, .deal-closed-banner span {display: block;}
.deal-closed-banner span {margin-top: 3px;}
.deal-actions {display: flex;align-items: center;flex-wrap: wrap;gap: 8px;padding: 10px;border-top: 1px solid var(--line);}
.deal-action-help {flex: 1 1 220px;}
.deal-read-only {padding: 11px;border-top: 1px solid var(--line);text-align: center;}
.market-chats-grid {display: grid;grid-template-columns: minmax(290px, 360px) minmax(0, 1fr);gap: 14px;margin-top: 14px;align-items: start;}
.market-chats-grid.chat-open {grid-template-columns: minmax(0, 1fr);}
.market-chats-grid.chat-open .chat-overview-panel {display: none;}
.market-chats-grid.chat-open #market-chat-detail {width: 100%;min-height: 680px;}
.chat-focus-body {padding: 0;}
.chat-focus-body .deal-chat {margin: 0;border: 0;}
.chat-focus-body .deal-message-list {min-height: 430px;max-height: 620px;padding: 18px;}
.chat-focus-body .deal-message-form textarea {min-height: 105px;}
.chat-focus-summary {display: flex;flex-wrap: wrap;gap: 8px;padding: 10px 12px;border-bottom: 1px solid var(--line);}
.chat-focus-summary span {padding-right: 10px;border-right: 1px solid var(--line);}
.chat-focus-summary span:last-child {padding-right: 0;border-right: 0;}
.chat-overview-panel {min-width: 0;}
.chat-subheading {display: flex;align-items: baseline;justify-content: space-between;gap: 10px;padding: 9px 11px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.chat-subheading.old {margin-top: 7px;}
.chat-hub-list {min-height: 46px;}
.chat-hub-row, .chat-request-row {width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 11px;border: 0;border-bottom: 1px solid var(--line);text-align: left;}
.chat-hub-row {cursor: pointer;}
.chat-hub-row.unread {border-left: 3px solid var(--line);padding-left: 8px;}
.chat-hub-copy, .chat-hub-meta, .chat-request-copy {min-width: 0;}
.chat-hub-copy b, .chat-hub-copy small, .chat-hub-meta b, .chat-hub-meta small, .chat-request-copy b, .chat-request-copy small {display: block;}
.chat-hub-copy small, .chat-request-copy small {margin-top: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chat-hub-meta {flex: 0 0 auto;text-align: right;}
.chat-hub-meta small {margin-top: 3px;}
.chat-request-copy {flex: 1;padding: 0;border: 0;text-align: left;cursor: pointer;}
.profile-search-row {padding: 11px 12px;border-bottom: 1px solid var(--line);}
.profile-search-row label {display: block;margin-bottom: 5px;}
.profile-search-row input {width: 100%;padding: 8px 9px;border: 1px solid var(--line);}
.access-help {display: flex;gap: 10px;margin-bottom: 14px;padding: 11px 13px;border-left: 3px solid var(--line);}
.access-help b {flex: 0 0 auto;}
.role-list {min-height: 80px;}
.role-row {display: grid;grid-template-columns: minmax(170px, 1.2fr) minmax(300px, 2fr) auto;align-items: center;gap: 14px;padding: 11px 12px;border-bottom: 1px solid var(--line);}
.role-row:last-child {border-bottom: 0;}
.role-user b, .role-user small, .middleman-amount b, .middleman-amount small {display: block;}
.role-user small, .middleman-amount small {margin-top: 3px;}
.role-choices {display: flex;flex-wrap: wrap;gap: 8px 16px;}
.role-choices label {display: flex;align-items: center;gap: 6px;}
.role-choices input {accent-color: #65bdc6;}
.middleman-row {grid-template-columns: minmax(190px, 2fr) minmax(100px, .7fr) auto auto;}
.middleman-actions {display: flex;gap: 7px;justify-content: flex-end;}
.group-browser-grid {display: grid;grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);gap: 14px;align-items: start;}
.group-invitations-list, .group-directory-list {min-height: 70px;}
.group-search {padding: 10px 11px;border-bottom: 1px solid var(--line);}
.group-search label {display: block;margin-bottom: 5px;}
.group-search input, .group-invite-form input {width: 100%;padding: 9px 10px;border: 1px solid var(--line);}
.group-directory-row {width: 100%;display: grid;grid-template-columns: 58px minmax(0, 1fr);align-items: center;gap: 10px;padding: 11px;border: 0;border-bottom: 1px solid var(--line);text-align: left;}
.group-tag, .group-profile-tag {display: inline-grid;place-items: center;min-height: 30px;padding: 5px 7px;border: 1px solid var(--line);}
.group-row-copy, .group-row-copy b, .group-row-copy small {display: block;min-width: 0;}
.group-row-copy small {margin-top: 3px;}
.group-detail {min-height: 420px;}
.group-profile-head {display: flex;align-items: center;justify-content: space-between;gap: 15px;padding: 14px;border-bottom: 1px solid var(--line);}
.group-profile-identity {display: flex;align-items: center;gap: 10px;}
.group-profile-stats {text-align: right;}
.group-description {margin: 0;padding: 14px;white-space: pre-wrap;overflow-wrap: anywhere;}
.group-discord-link {display: inline-block;width: auto;margin: 0 14px 14px;text-decoration: none;}
.group-viewer-bar {display: flex;align-items: center;flex-wrap: wrap;gap: 8px;padding: 10px 14px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.group-viewer-bar b {margin-right: auto;}
.group-section-title {display: flex;align-items: baseline;justify-content: space-between;gap: 10px;padding: 9px 12px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.group-member-row {display: grid;grid-template-columns: 34px minmax(140px, 1fr) 75px minmax(0, auto);align-items: center;gap: 10px;padding: 10px 12px;border-bottom: 1px solid var(--line);}
.group-member-avatar {display: grid;place-items: center;width: 32px;height: 32px;border: 1px solid var(--line);}
.group-role {padding: 4px 6px;border: 1px solid var(--line);text-align: center;}
.group-member-actions {display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 8px;}
.group-invite-box {margin-top: 10px;border-top: 1px solid var(--line);}
.group-invite-form {display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px;padding: 10px 12px;}
.group-user-suggestions {margin: -4px 12px 10px;border: 1px solid var(--line);}
.group-user-choice {width: 100%;padding: 7px 9px;border: 0;border-bottom: 1px solid var(--line);text-align: left;}
.group-pending-invites {display: flex;flex-wrap: wrap;gap: 6px;padding: 0 12px 10px;}
.group-pending-invites span {padding: 4px 6px;border: 1px solid var(--line);}
.group-invitation-row {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 12px;border-bottom: 1px solid var(--line);}
.group-form {padding: 14px;}
.group-form textarea {width: 100%;min-height: 130px;padding: 9px 10px;border: 1px solid var(--line);resize: vertical;}
.group-form textarea::placeholder {opacity: 1;}
.group-form-grid {display: grid;grid-template-columns: minmax(0, 2fr) minmax(140px, .7fr);gap: 12px;}
.profile-browser-grid {display: grid;grid-template-columns: minmax(310px, 390px) minmax(0, 1fr);gap: 14px;align-items: start;}
.profile-directory-list {min-height: 100px;}
.profile-directory-row {width: 100%;display: grid;grid-template-columns: 38px minmax(0, 1fr) auto;align-items: center;gap: 10px;padding: 10px 11px;border: 0;border-bottom: 1px solid var(--line);text-align: left;}
.profile-directory-avatar, .public-profile-avatar {display: grid;place-items: center;border: 1px solid var(--line);}
.profile-directory-avatar {width: 36px;height: 36px;}
.profile-directory-copy, .profile-directory-copy b, .profile-directory-copy small, .profile-directory-reputation b, .profile-directory-reputation small {display: block;min-width: 0;}
.profile-directory-copy small {margin-top: 2px;}
.profile-directory-reputation {text-align: right;}
.profile-detail {min-height: 450px;}
.public-profile-head {display: flex;align-items: center;gap: 12px;padding: 15px;border-bottom: 3px solid var(--line);}
.public-profile-avatar {width: 54px;height: 54px;}
.public-profile-identity {flex: 1;min-width: 0;}
.public-profile-identity b, .public-profile-identity small, .public-profile-identity span {display: block;}
.public-profile-identity span {margin-top: 3px;}
.public-profile-stats {display: grid;grid-template-columns: repeat(6, minmax(80px, 1fr));margin: 0;border-bottom: 1px solid var(--line);}
.public-profile-stats div {padding: 9px 8px;border-right: 1px solid var(--line);text-align: center;}
.public-profile-stats div:last-child {border-right: 0;}
.public-profile-stats dd {margin: 2px 0 0;}
.profile-group-link {margin: 12px 14px 0;padding: 7px 9px;border: 1px solid var(--line);}
.public-profile-bio {min-height: 74px;margin: 0;padding: 14px;white-space: pre-wrap;overflow-wrap: anywhere;}
.profile-review {padding: 10px 12px;border-bottom: 1px solid var(--line);border-left: 3px solid var(--line);}
.profile-review-head {display: flex;justify-content: space-between;gap: 10px;}
.profile-review p {margin: 6px 0 0;}
.profile-edit-form {padding: 14px;}
.profile-edit-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.profile-edit-form textarea {width: 100%;min-height: 130px;padding: 9px 10px;border: 1px solid var(--line);resize: vertical;}
.profile-admin-actions {padding: 8px 12px;border-bottom: 1px solid var(--line);text-align: right;}
.deal-review-box {margin-top: 12px;border: 1px solid var(--line);}
.deal-review-form {padding: 12px;}
.deal-review-choices {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 9px;}
.review-choice {padding: 6px 9px;border: 1px solid var(--line);}
.review-choice input {margin-right: 6px;accent-color: #5fbcc5;}
.deal-review-form textarea {width: 100%;padding: 9px 10px;border: 1px solid var(--line);resize: vertical;}
.deal-review-saved {padding: 12px;border-left: 3px solid var(--line);}
.deal-review-saved b, .deal-review-saved span {display: block;}.deal-review-saved span {margin-top: 4px;}
@media (max-width: 1100px) {
  .market-grid {grid-template-columns: 1fr;}
  .market-chats-grid {grid-template-columns: 1fr;}
  .trade-dashboard-grid {grid-template-columns: 1fr;}
  .trade-dashboard-column + .trade-dashboard-column {border-left: 0;border-top: 1px solid var(--line);}
  .market-quick-guide ol {grid-template-columns: repeat(2, 1fr);}
  .market-quick-guide li:nth-child(2) {border-right: 0;}
  .market-quick-guide li:nth-child(-n+2) {border-bottom: 1px solid var(--line);}
  .market-detail {position: static;}
  .market-price-grid {grid-template-columns: repeat(2, minmax(150px, 1fr));}
  .role-row, .middleman-row {grid-template-columns: 1fr;align-items: start;}
  .middleman-actions {justify-content: flex-start;}
  .group-browser-grid {grid-template-columns: 1fr;}
  .profile-browser-grid {grid-template-columns: 1fr;}
}
body {min-width: 320px;line-height: 1.5;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

.signed-in .site-header {position: sticky;top: 0;z-index: 70;height: 58px;border-bottom: 1px solid var(--line);}

.signed-in .brand-row {width: 100%;max-width: none;min-height: 57px;margin: 0;padding: 0 300px 0 16px;justify-content: flex-start;gap: 22px;}

.signed-in .brand {min-width: 188px;gap: 10px;}
.signed-in .brand-mark {width: 32px;height: 32px;border: 1px solid var(--line);}
.signed-in .brand small {display: none;}

.global-search {width: min(620px, 48vw);margin: 0;}
.global-search input {width: 100%;height: 34px;padding: 0 11px;border: 1px solid var(--line);}

.signed-in .server-note {margin-left: auto;}

.signed-in .top-strip {position: fixed;z-index: 81;top: 0;right: 0;width: auto;height: 58px;border: 0;}
.signed-in .top-strip-inner {width: auto;height: 58px;margin: 0;padding: 0 14px;align-items: center;}
.signed-in .top-strip-inner > span:first-child {display: none;}
.signed-in .header-account-area {gap: 9px;}
.signed-in #header-account {min-height: 32px;display: flex;align-items: center;padding: 0 9px;border: 1px solid var(--line);}
.signed-in .notification-toggle {min-height: 32px;padding: 0 9px;border: 1px solid var(--line);}
.notification-menu {top: 43px;}

.signed-in .main-nav {position: fixed;z-index: 60;top: 58px;bottom: 0;left: 0;width: var(--sidebar-width);overflow-y: auto;border: 0;border-right: 1px solid var(--line);}
.signed-in .nav-inner {width: 100%;max-width: none;min-height: 100%;display: flex;flex-direction: column;overflow: visible;margin: 0;padding: 12px 0 0;}
.nav-section-label {display: block;padding: 8px 16px 6px;}
.nav-section-label.staff-label {margin-top: 8px;}
.signed-in .nav-item {position: relative;width: 100%;min-height: 42px;display: flex;align-items: center;gap: 9px;padding: 0 12px 0 44px;border: 0;border-left: 3px solid transparent;text-align: left;}
.signed-in .nav-item::before {position: absolute;left: 16px;width: 18px;text-align: center;}
#dashboard-nav::before {content: "DB";}
#marketplace-nav::before {content: "MK";}
#crafting-nav::before {content: "BP";}
#groups-nav::before {content: "GR";}
#leaderboard-nav::before {content: "#";}
#admin-nav::before {content: "PF";}
#middleman-nav::before {content: "MM";}
#moderation-nav::before {content: "RV";}
.signed-in .nav-item:first-of-type {border-left: 3px solid transparent;}
.signed-in .nav-item .nav-count {margin-left: auto;border: 0;}
.nav-project-note {display: block;margin-top: auto;padding: 15px 16px;border-top: 1px solid var(--line);}
.nav-project-note b,
.nav-project-note small {display: block;}

.signed-in .page-wrap {width: calc(100% - var(--sidebar-width));max-width: none;min-height: calc(100vh - 58px);margin: 0 0 0 var(--sidebar-width);padding: 20px clamp(14px, 2vw, 30px) 38px;}
.signed-in .site-footer {width: calc(100% - var(--sidebar-width));margin-left: var(--sidebar-width);}
.signed-in .footer-inner {width: 100%;max-width: none;padding: 12px 24px;}

.panel {border: 1px solid var(--line);}
.panel-title {min-height: 42px;padding: 9px 12px;border-bottom: 1px solid var(--line);}

.breadcrumb {margin-bottom: 8px;}
.section-heading {min-height: 58px;margin: -20px calc(clamp(14px, 2vw, 30px) * -1) 16px;padding: 10px clamp(14px, 2vw, 30px);border-bottom: 1px solid var(--line);}

.notice {border: 1px solid var(--line);}
.notice.welcome {margin: -20px calc(clamp(14px, 2vw, 30px) * -1) 16px;padding: 11px clamp(14px, 2vw, 30px);border: 0;border-bottom: 1px solid var(--line);}

input,
select,
textarea,
.field-row input,
.field-row select,
.field-row textarea,
.compact-field input,
.compact-field select,
.group-form textarea,
.profile-edit-form textarea,
.deal-message-form textarea {border: 1px solid var(--line);}
input::placeholder,
textarea::placeholder {opacity: 1;}

.hub-grid {grid-template-columns: minmax(0, 1.5fr) minmax(260px, .46fr);gap: 14px;}
.trading-desk {border-top: 2px solid var(--line);}

.forum-row,
.forum-row:nth-child(odd),
.forum-row:nth-child(even) {min-height: 72px;}

.user-card {border-top: 2px solid var(--line);}
.user-card-body {min-height: 112px;}
.market-detail {top: 76px;}

.market-chats-grid {grid-template-columns: 310px minmax(0, 1fr);gap: 0;min-height: 650px;border: 1px solid var(--line);}
.market-chats-grid .panel {border: 0;}
.chat-overview-panel {border-right: 1px solid var(--line) !important;}
.deal-message-list {min-height: 440px;}

.profile-browser-grid {grid-template-columns: 300px minmax(0, 1fr);gap: 14px;}
.profile-directory-row {min-height: 58px;}
.profile-detail {overflow: hidden;}
.public-profile-head {position: relative;min-height: 190px;align-items: flex-end;gap: 16px;padding: 72px 20px 18px;border-bottom-width: 3px;}
.public-profile-head::before {content: "BLACKCRATE MEMBER PROFILE";position: absolute;top: 16px;right: 18px;}
.public-profile-head::after {content: "";position: absolute;top: 44px;right: 0;width: 34%;height: 32px;}
.public-profile-avatar {position: relative;z-index: 1;width: 92px;height: 92px;flex: 0 0 92px;border: 3px solid var(--line);}
.public-profile-identity {position: relative;z-index: 1;}
.public-profile-head .secondary-button {position: relative;z-index: 1;margin-left: auto;}
.public-profile-stats {grid-template-columns: repeat(6, minmax(82px, 1fr));}
.public-profile-stats div {padding: 12px 8px;}
.profile-group-link {margin: 14px 14px 0;}
.public-profile-bio {min-height: 96px;}

.group-browser-grid {grid-template-columns: 300px minmax(0, 1fr);}
.group-profile-head {min-height: 94px;}
.access-help {border: 1px solid var(--line);border-left: 3px solid var(--line);}
.signed-out .brand-row {min-height: 94px;}
.signed-out .global-search {display: none;}
.signed-out .auth-layout {width: min(100%, 560px);}

@media (max-width: 1180px) {
  .signed-in .brand-row {padding-right: 250px;}
  .global-search {width: min(480px, 42vw);}
  .signed-in .server-note {display: none;}
  .hub-grid {grid-template-columns: 1fr;}
  .side-column {display: grid;grid-template-columns: repeat(3, minmax(0,1fr));gap: 14px;}
  .side-column .panel + .panel {margin-top: 0;}
  .user-card {grid-row: auto;}
}

@media (max-width: 880px) {
  .signed-in .site-header {position: static;height: auto;}
  .signed-in .brand-row {min-height: 58px;padding-right: 220px;}
  .global-search {display: none;}
  .signed-in .top-strip {position: absolute;}
  .signed-in .main-nav {position: static;width: 100%;overflow-x: auto;border-right: 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
  .signed-in .nav-inner {min-height: 0;display: flex;flex-direction: row;align-items: stretch;overflow-x: auto;padding: 0;}
  .nav-section-label,
  .nav-project-note {display: none;}
  .signed-in .nav-item {width: auto;min-width: max-content;min-height: 44px;padding: 0 13px;border-left: 0;border-bottom: 2px solid transparent;}
  .signed-in .nav-item::before {display: none;}
  .signed-in .nav-item:first-of-type {border-left: 0;}
  .signed-in .nav-item:hover,
  .signed-in .nav-item:focus-visible,
  .signed-in .nav-item.active {border-left: 0;}
  .signed-in .page-wrap,
  .signed-in .site-footer {width: 100%;margin-left: 0;}
  .profile-browser-grid,
  .group-browser-grid {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {
  .signed-in .brand-row {padding: 0 12px;}
  .signed-in .brand {min-width: 0;}
  .signed-in .top-strip {display: none;}
  .signed-in .server-note {display: block;margin-left: auto;}
  .signed-in .server-note span {display: none;}
  .signed-in .page-wrap {padding: 14px 10px 28px;}
  .section-heading,
  .notice.welcome {margin-left: -10px;margin-right: -10px;padding-left: 10px;padding-right: 10px;}
  .side-column {display: block;}
  .side-column .panel + .panel {margin-top: 12px;}
  .public-profile-head {min-height: 168px;padding: 68px 13px 14px;gap: 11px;}
  .public-profile-avatar {width: 68px;height: 68px;flex-basis: 68px;}
  .public-profile-head .secondary-button {position: absolute;top: 12px;left: 12px;margin: 0;}
  .public-profile-head::before {right: 12px;}
  .public-profile-stats {grid-template-columns: repeat(3, 1fr);}
  .market-chats-grid {grid-template-columns: 1fr;border: 0;}
  .chat-overview-panel {border-right: 0 !important;}
}
@media (max-width: 780px) {
  .group-form-grid, .group-invite-form {grid-template-columns: 1fr;}
  .group-member-row {grid-template-columns: 34px minmax(0, 1fr) auto;}
  .group-member-actions {grid-column: 2 / -1;justify-content: flex-start;}
  .group-profile-head {align-items: flex-start;flex-direction: column;}
  .group-profile-stats {text-align: left;}
  .group-invitation-row {align-items: flex-start;flex-direction: column;}
  .profile-edit-grid {grid-template-columns: 1fr;}
  .public-profile-stats {grid-template-columns: repeat(3, 1fr);}
  .public-profile-stats div:nth-child(3) {border-right: 0;}
  .public-profile-stats div:nth-child(-n+3) {border-bottom: 1px solid var(--line);}
  .trade-stat-grid {grid-template-columns: repeat(2, 1fr);}
  .trade-stat:nth-child(2) {border-right: 0;}
  .trade-stat:nth-child(-n+2) {border-bottom: 1px solid var(--line);}
  .market-filters,
  .market-primary-grid,
  .market-price-grid {grid-template-columns: 1fr;}
  .market-heading-actions {width: 100%;flex-direction: column;}
  .market-heading-actions button {width: 100%;}
  .market-list-head {display: none;}
  .market-row {grid-template-columns: 70px minmax(140px, 1fr) 105px;}
  .market-row > span:nth-child(3),
  .market-row > span:nth-child(5) {display: none;}
}
@media (max-width: 520px) {
  .market-row {grid-template-columns: 62px minmax(110px, 1fr) 90px;padding-left: 8px;padding-right: 8px;}
  .market-owner-actions {flex-direction: column;}
  .market-quick-guide ol {grid-template-columns: 1fr;}
  .market-quick-guide li {border-right: 0;border-bottom: 1px solid var(--line);}
  .market-quick-guide li:last-child {border-bottom: 0;}
  .deal-chat-heading,
  .deal-message-footer {align-items: stretch;flex-direction: column;}
  .chat-request-row {align-items: stretch;flex-direction: column;}
  .chat-request-row .offer-actions {width: 100%;}
  .deal-message {width: 96%;}
  .chat-focus-body .deal-message-list {min-height: 280px;padding: 10px;}
}
.signed-in .brand-mark,
.signed-out .brand-mark {overflow: hidden;padding: 0;}
.signed-in .brand-mark img,
.signed-out .brand-mark img {transform: scale(1.52);}


.market-deal-workspace {margin-top: 14px;overflow: hidden;}
.deal-workspace-title {min-height: 43px;}
.deal-workspace-bar {display: grid;grid-template-columns: minmax(220px, 1.5fr) minmax(180px, 1fr) minmax(150px, .75fr) minmax(120px, .6fr);border-bottom: 1px solid var(--line);}
.deal-workspace-cell {min-width: 0;display: block;padding: 10px 13px;border-right: 1px solid var(--line);}
.deal-workspace-cell:last-child {border-right: 0;}
.deal-workspace-cell small,
.deal-workspace-cell b {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.deal-workspace-cell b {margin-top: 3px;}
.deal-participant-strip {display: flex;flex-wrap: wrap;gap: 7px 20px;padding: 8px 13px;border-bottom: 1px solid var(--line);}
.deal-workspace-layout {display: grid;grid-template-columns: minmax(0, 1fr) 330px;align-items: stretch;}
.deal-workspace-chat {min-width: 0;padding: 14px;}
.deal-workspace-chat .deal-chat {min-height: 560px;display: flex;flex-direction: column;margin: 0;}
.deal-workspace-chat .deal-message-list {min-height: 360px;flex: 1;}
.deal-workspace-information {min-width: 0;padding: 14px;border-left: 1px solid var(--line);}
.deal-workspace-information h3 {margin: 0 0 9px;}
.deal-workspace-information .market-detail-meta {margin-bottom: 12px;}
.deal-workspace-information .market-description,
.deal-workspace-information .market-middleman-box {margin-left: 0;margin-right: 0;}
#market-chat-detail.market-detail {position: static;top: auto;}
#market-chat-detail .deal-workspace-layout {min-height: 610px;}

@media (max-width: 1100px) {
  .deal-workspace-layout {grid-template-columns: minmax(0, 1fr) 285px;}
}
@media (max-width: 820px) {
  .deal-workspace-bar {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .deal-workspace-cell:nth-child(2) {border-right: 0;}
  .deal-workspace-cell:nth-child(-n+2) {border-bottom: 1px solid var(--line);}
  .deal-workspace-layout {grid-template-columns: 1fr;}
  .deal-workspace-information {border-top: 1px solid var(--line);border-left: 0;}
}
@media (max-width: 520px) {
  .deal-workspace-bar {grid-template-columns: 1fr;}
  .deal-workspace-cell {border-right: 0;border-bottom: 1px solid var(--line);}
  .deal-workspace-cell:nth-child(2) {border-right: 0;}
  .deal-workspace-cell:last-child {border-bottom: 0;}
  .deal-workspace-chat {padding: 8px;}
  .deal-workspace-chat .deal-chat {min-height: 480px;}
}
.header-profile-link {display: inline-flex;align-items: center;gap: 8px;padding: 3px 9px 3px 4px;cursor: pointer;}
.header-profile-link:disabled {cursor: default;}
.header-profile-avatar {width: 25px;height: 25px;display: inline-grid;flex: 0 0 25px;place-items: center;background-position: center;background-size: cover;border: 1px solid var(--line);}


.profile-browser-grid {display: block;}
.profile-directory-panel {width: 100%;}
.profile-directory-list {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.profile-directory-row {min-height: 64px;border-right: 1px solid var(--line);}
.profile-directory-row:nth-child(2n) {border-right: 0;}
.profile-directory-reputation {min-width: 68px;}
.profile-directory-reputation small {margin-bottom: 2px;}
.profile-detail {min-height: 0;overflow: visible;}
.profile-page-toolbar {display: flex;align-items: center;justify-content: space-between;min-height: 38px;padding: 0 12px;border-bottom: 1px solid var(--line);}
.profile-back {padding: 7px 0;}
.public-profile-head {min-height: 148px;padding: 34px 24px 24px;gap: 18px;}
.public-profile-head::before {opacity: .55;}
.public-profile-avatar {width: 84px;height: 84px;flex: 0 0 84px;}
.profile-name-line {display: flex !important;align-items: center;gap: 9px;}
.profile-badge {padding: 3px 6px;border: 1px solid var(--line);}
.profile-availability {position: relative;z-index: 1;margin-left: auto;padding: 5px 8px 5px 20px;border: 1px solid var(--line);}
.profile-availability::before {content: "";position: absolute;left: 8px;top: 50%;width: 6px;height: 6px;margin-top: -3px;}
.public-profile-stats {grid-template-columns: 1.15fr repeat(4, 1fr);}
.profile-page-grid {display: grid;grid-template-columns: minmax(0, 1fr) 300px;gap: 12px;padding: 12px;}
.profile-main-column, .profile-side-column {display: grid;gap: 12px;align-content: start;}
.profile-content-block {border: 1px solid var(--line);}
.profile-content-block .group-section-title {margin: 0;}
.profile-content-block .public-profile-bio {min-height: 112px;}
.profile-fact {display: flex;justify-content: space-between;gap: 14px;padding: 10px 12px;border-bottom: 1px solid var(--line);}
.profile-fact:last-child {border-bottom: 0;}
.profile-fact b {text-align: right;}
.crate-rep-note {padding: 8px 12px;border-bottom: 1px solid var(--line);}
.profile-name-link {padding: 0;border: 0;text-decoration: underline;text-decoration-color: #385d60;cursor: pointer;}
.profile-inline-link {text-decoration: underline;text-decoration-color: #385d60;cursor: pointer;}
.profile-group-link {width: calc(100% - 24px);margin: 12px;text-align: left;}
.profile-review-meta {display: block;}

@media (max-width: 900px) {
  .profile-directory-list {grid-template-columns: 1fr;}
  .profile-directory-row {border-right: 0;}
  .profile-page-grid {grid-template-columns: 1fr;}
  .public-profile-head {min-height: 170px;padding: 58px 14px 16px;flex-wrap: wrap;}
  .profile-availability {position: absolute;top: 14px;left: 14px;margin: 0;}
  .public-profile-head .secondary-button {position: static;margin-left: auto;}
  .public-profile-stats {grid-template-columns: repeat(2, 1fr);}
  .public-profile-stats div:last-child {grid-column: 1 / -1;}
  .profile-id {display: none;}
}

@media (max-width: 880px) {
}

.signed-in .site-header {position: sticky;top: 0;z-index: 70;height: auto;border-bottom: 1px solid var(--line);}

.signed-in .brand-row {width: 100%;max-width: none;min-height: 54px;margin: 0;padding: 0 270px 0 18px;gap: 24px;}

.signed-in .brand {min-width: 220px;gap: 10px;}
.signed-in .brand-mark {width: 30px;height: 30px;border: 1px solid var(--line);}
.signed-in .brand-mark img {transform: scale(1.48);}
.signed-in .brand small {display: none;}

.global-search {width: min(620px, 48vw);}
.global-search input {height: 30px;border: 1px solid var(--line);}

.signed-in .top-strip {position: absolute;z-index: 81;top: 0;right: 0;width: auto;height: 54px;border: 0;}
.signed-in .top-strip-inner {width: auto;height: 54px;padding: 0 15px;}
.signed-in .top-strip-inner > span:first-child,
.signed-in .server-note {display: none;}
.signed-in #header-account,
.signed-in .notification-toggle {min-height: 29px;border: 1px solid var(--line);}

.signed-in .main-nav {position: static;width: 100%;overflow: visible;border: 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.signed-in .nav-inner {width: 100%;max-width: none;min-height: 39px;display: flex;flex-direction: row;align-items: stretch;overflow-x: auto;margin: 0;padding: 0 18px;}
.nav-project-note {display: none !important;}
.signed-in .nav-item {width: auto;min-width: max-content;min-height: 39px;gap: 7px;padding: 0 13px 0 12px;border: 0;border-right: 1px solid var(--line);border-left: 0;}
.signed-in .nav-item:first-of-type {border-left: 1px solid var(--line);}
.signed-in .nav-item::before {position: static;width: auto;}
.signed-in .nav-item:hover,
.signed-in .nav-item:focus-visible,
.signed-in .nav-item.active {border-bottom: 0;}

.signed-in .page-wrap {width: 100%;max-width: none;min-height: calc(100vh - 94px);margin: 0;padding: 13px 18px 30px;}
.signed-in .site-footer {width: 100%;margin-left: 0;}
.signed-in .footer-inner {width: 100%;max-width: none;padding: 9px 18px;}


.signed-in .breadcrumb,
.signed-in .section-heading p,
.signed-in .notice.welcome > span,
.signed-in .forum-status,
.signed-in .market-quick-guide,
.signed-in .deal-participant-strip,
.signed-in .side-column .compact-panel {display: none;}
.signed-in .notice.welcome {margin-top: 0;}

.section-heading {min-height: 48px;margin: -13px -18px 12px;padding: 9px 18px;border-bottom: 1px solid var(--line);}

.panel,
.auth-panel {border: 1px solid var(--line);}
.panel-title {min-height: 37px;padding: 7px 10px;border-bottom: 1px solid var(--line);}
.primary-button {border: 1px solid var(--line);}
.secondary-button {border: 1px solid var(--line);}

input,
select,
textarea,
.field-row input,
.field-row select,
.field-row textarea,
.compact-field input,
.compact-field select,
.group-form textarea,
.profile-edit-form textarea,
.deal-message-form textarea,
.profile-search-row input,
.group-search input,
.group-invite-form input {border: 1px solid var(--line);}
.forum-row {grid-template-columns: 48px minmax(0, 1fr) 88px;min-height: 64px;}
.forum-icon {width: 39px;height: 36px;}


.market-toolbar {margin-bottom: 10px;}
.market-tabs {min-height: 35px;}
.market-tab {min-height: 35px;padding: 6px 12px;}
.market-filters {grid-template-columns: minmax(260px, 1fr) 185px 170px;gap: 9px;padding: 9px 10px;}
.library-summary {min-height: 30px;padding: 6px 10px;}
.market-grid {grid-template-columns: minmax(590px, 1.65fr) minmax(310px, .62fr);gap: 10px;}
.market-list-head,
.market-row {grid-template-columns: 78px minmax(190px, 1fr) 120px 112px 72px;gap: 8px;}
.market-list-head {min-height: 31px;padding: 6px 9px;}
.market-row {min-height: 51px;padding: 7px 9px;}
.market-row .market-item-cell small {margin-top: 1px;}
.market-type-badge {padding: 2px 5px;}
.market-detail {min-height: 0;}
.market-detail-body {padding: 10px 11px;}
.market-detail-meta {margin-bottom: 8px;}
.market-detail-meta div {padding: 5px 0;}
.market-description {margin: 8px 0;padding: 8px 9px;}
.market-action-box,
.market-history {margin-top: 10px;}
.chat-subheading {padding-top: 8px;padding-bottom: 8px;}
.chat-subheading span {display: none;}
.deal-workspace-bar {grid-template-columns: minmax(190px, 1.35fr) minmax(170px, 1fr) minmax(135px, .72fr) minmax(100px, .55fr);}
.deal-workspace-cell {padding: 8px 11px;}
.deal-workspace-information .handover-meta {margin-bottom: 0;}
.deal-workspace-information .handover-meta div:last-child {border-bottom: 0;}

.market-deal-workspace {margin-top: 12px;}
.deal-workspace-chat {padding: 11px;}
.deal-workspace-chat .deal-chat {min-height: 510px;}
.deal-workspace-information {padding: 11px;}

.auth-layout {max-width: 1040px;margin: 0 auto;}
.signed-out .brand-row {min-height: 82px;}

@media (max-width: 900px) {
  .signed-in .brand-row {padding-right: 225px;}
  .global-search {display: none;}
  .signed-in .nav-inner {padding: 0 8px;}
  .signed-in .nav-item {min-height: 42px;}
  .signed-in .page-wrap {padding: 12px 9px 24px;}
  .section-heading {margin: -12px -9px 12px;padding-left: 10px;padding-right: 10px;}
}

@media (max-width: 560px) {
  .signed-in .brand-row {min-height: 52px;padding: 0 12px;}
  .signed-in .top-strip {position: static;height: auto;}
  .signed-in .top-strip-inner {width: 100%;height: 38px;padding: 0 9px;}
  .signed-in .header-account-area {margin-left: auto;}
  .signed-in .nav-item::before {display: none;}
  .forum-row {grid-template-columns: 42px minmax(0, 1fr);}
  .forum-count {display: none;}
}


.group-directory-logo {width: 42px;height: 42px;min-height: 42px;padding: 0;background-position: center;background-size: cover;}
.group-profile-head {position: relative;isolation: isolate;overflow: hidden;background-position: center;background-size: cover;}
.group-profile-head.has-banner::before {content: "";position: absolute;inset: 0;z-index: -1;}
.group-profile-head.has-banner {min-height: 126px;align-items: flex-end;}
.group-profile-logo {width: 58px;height: 58px;min-height: 58px;padding: 0;flex: 0 0 58px;background-position: center;background-size: cover;}
.group-profile-facts {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));border-bottom: 1px solid var(--line);}
.group-profile-fact {min-width: 0;padding: 10px 12px;border-right: 1px solid var(--line);}
.group-profile-fact:last-child {border-right: 0;}
.group-profile-fact small, .group-profile-fact b {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.group-profile-fact small {margin-bottom: 4px;}
.group-member-avatar.has-image {background-position: center;background-size: cover;}
.group-application-box {margin-top: 10px;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.group-application-form {display: grid;gap: 8px;padding: 12px;}
.group-application-form textarea {width: 100%;min-height: 74px;resize: vertical;border: 1px solid var(--line);}
.group-application-form .primary-button {justify-self: end;}
.group-application-row, .group-application-pending {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 12px;border-top: 1px solid var(--line);}
.group-application-empty {padding: 12px;}

@media (max-width: 620px) {
  .group-profile-facts {grid-template-columns: 1fr;}
  .group-profile-fact {border-right: 0;border-bottom: 1px solid var(--line);}
  .group-profile-fact:last-child {border-bottom: 0;}
  .group-application-row, .group-application-pending {align-items: stretch;flex-direction: column;}
}


html,
body {max-width: 100%;overflow-x: hidden;}

.signed-in .brand-row,
.signed-in .nav-inner,
.signed-in .page-wrap,
.signed-in .footer-inner {box-sizing: border-box;}

.signed-in .brand-row {min-height: 54px;}
.signed-in .main-nav {min-height: 40px;}
.signed-in .nav-inner {min-height: 40px;align-items: stretch;padding: 0 18px;}
.signed-in .nav-item {min-height: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;line-height: 1;}
.signed-in .nav-item::before {width: 17px;flex: 0 0 17px;display: inline-grid;place-items: center;text-align: center;}

.signed-in .page-wrap {overflow-x: clip;}
.signed-in .notice.welcome {width: auto;margin: -13px -18px 12px;padding: 11px 18px;}
.section-heading {width: auto;min-height: 49px;align-items: center;}
.panel-title,
.group-section-title,
.chat-subheading {min-height: 38px;box-sizing: border-box;}

.market-tabs {min-height: 37px;display: flex;align-items: stretch;overflow-x: auto;}
.market-tab {min-height: 37px;height: 37px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 0 13px;line-height: 1;border-top: 0;border-bottom: 0;}
.market-tab .tab-count,
.market-tab .notification-count,
.market-tab > span:last-child:not(:first-child) {min-width: 18px;height: 18px;display: inline-grid;place-items: center;padding: 0 4px;line-height: 1;}
.market-filters {align-items: end;}
.market-filters input,
.market-filters select,
.market-filters button {min-height: 34px;height: 34px;}
.market-list-head,
.market-row {align-items: center;}
.market-list-head > *,
.market-row > * {min-width: 0;}

.profile-page-toolbar {min-height: 40px;}
.public-profile-head {min-height: 118px;align-items: center;padding: 17px 20px;gap: 16px;overflow: hidden;}
.public-profile-head::before,
.public-profile-head::after {display: none;}
.public-profile-avatar {width: 76px;height: 76px;flex: 0 0 76px;border-width: 2px;}
.public-profile-identity {min-width: 0;flex: 1 1 auto;}
.public-profile-identity b,
.public-profile-identity small,
.public-profile-identity span {max-width: 100%;overflow-wrap: anywhere;}
.profile-name-line {flex-wrap: wrap;}
.profile-availability {flex: 0 0 auto;margin-left: auto;}
.public-profile-head .secondary-button {flex: 0 0 auto;margin-left: 0;}
.public-profile-stats {grid-template-columns: repeat(5, minmax(0, 1fr));align-items: stretch;}
.public-profile-stats div {min-width: 0;min-height: 58px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 8px 6px;}
.public-profile-stats dt,
.public-profile-stats dd {max-width: 100%;overflow-wrap: anywhere;text-align: center;}
.profile-page-grid {align-items: start;}
.profile-content-block {min-width: 0;}

@media (max-width: 900px) {
  .signed-in .notice.welcome {margin: -12px -9px 12px;padding-left: 10px;padding-right: 10px;}
  .signed-in .nav-inner {padding: 0 8px;}
  .signed-in .nav-item {min-height: 40px;height: 40px;}
  .public-profile-head {min-height: 118px;padding: 16px 13px;flex-wrap: wrap;}
  .profile-availability {position: relative;inset: auto;order: 3;margin-left: 92px;}
  .public-profile-head .secondary-button {position: static;order: 4;margin-left: auto;}
  .public-profile-stats {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .public-profile-stats div:last-child {grid-column: 1 / -1;}
}

@media (max-width: 560px) {
  .signed-in .nav-inner {padding: 0;}
  .signed-in .nav-item {padding: 0 11px;}
  .profile-page-toolbar {padding: 0 9px;}
  .public-profile-head {align-items: flex-start;}
  .public-profile-avatar {width: 62px;height: 62px;flex-basis: 62px;}
  .profile-availability {width: 100%;order: 3;margin: 0;}
  .public-profile-head .secondary-button {width: 100%;order: 4;margin: 0;}
}


.profile-setting-toggle {min-height: 62px;display: flex;align-items: center;gap: 10px;padding: 9px 10px;border: 1px solid var(--line);cursor: pointer;}
.profile-setting-toggle input {width: 17px;height: 17px;margin: 0;accent-color: #55bac2;}
.profile-setting-toggle span,
.profile-setting-toggle b,
.profile-setting-toggle small {display: block;}
.profile-setting-toggle small {margin-top: 3px;line-height: 1.35;}
.profile-wall-form {padding: 11px;border-bottom: 1px solid var(--line);}
.profile-wall-form textarea {width: 100%;min-height: 78px;padding: 9px 10px;border: 1px solid var(--line);resize: vertical;}
.profile-wall-actions {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 8px;}
.profile-wall-comment {display: grid;grid-template-columns: 36px minmax(0, 1fr);gap: 10px;padding: 11px;border-bottom: 1px solid var(--line);}
.profile-wall-comment:last-child {border-bottom: 0;}
.profile-wall-avatar {width: 36px;height: 36px;display: grid;place-items: center;background-position: center;background-size: cover;border: 1px solid var(--line);}
.profile-wall-copy {min-width: 0;}
.profile-wall-comment-head {display: flex;align-items: center;gap: 8px;}
.profile-wall-comment-head time {margin-left: auto;}
.profile-wall-delete {padding: 2px 6px;border: 1px solid var(--line);}
.profile-wall-copy p {margin: 6px 0 0;line-height: 1.5;white-space: pre-wrap;overflow-wrap: anywhere;}

@media (max-width: 560px) {
  .profile-wall-actions {align-items: stretch;flex-direction: column;}
  .profile-wall-actions .primary-button {width: 100%;}
  .profile-wall-comment-head {flex-wrap: wrap;}
  .profile-wall-comment-head time {width: 100%;margin-left: 0;}
}

.signed-in .site-header {top: 0;margin: 6px 6px 0;width: calc(100% - 12px);overflow: visible;border: 1px solid var(--line);border-bottom: 0;}

.signed-in .brand-row {min-height: 48px;padding: 0 258px 0 15px;border-bottom: 1px solid var(--line);}
.signed-in .brand {min-width: 220px;gap: 9px;}
.signed-in .brand-mark {width: 30px;height: 30px;border: 1px solid var(--line);}
.global-search {width: min(520px, 43vw);}
.global-search input {height: 31px;padding-left: 34px;}

.signed-in .top-strip {height: 48px;}
.signed-in .top-strip-inner {height: 48px;padding: 0 11px;}
.signed-in #header-account,
.signed-in .notification-toggle {min-height: 29px;border: 1px solid var(--line);}

.signed-in .main-nav {border-top: 0;border-bottom: 1px solid var(--line);}
.signed-in .nav-inner {min-height: 40px;padding: 0 14px;}
.signed-in .nav-item {min-height: 40px;padding: 0 13px;border-right: 1px solid var(--line);}
.signed-in .nav-item:first-of-type {border-left: 1px solid var(--line);}

.signed-in .page-wrap {min-height: calc(100vh - 102px);padding: 16px 18px 34px;}
.signed-in .site-footer {margin: 0 6px;width: calc(100% - 12px);}
.signed-in .footer-inner {padding: 9px 16px;}

.section-heading {min-height: 54px;margin: -16px -18px 14px;padding: 12px 18px 10px;border-bottom: 1px solid var(--line);}
.signed-in .section-heading p {display: block;margin-top: 2px;}

.panel,
.auth-panel,
.compact-panel,
.profile-content-block,
.trade-dashboard-column {border: 1px solid var(--line);}
.panel-title,
.group-section-title,
.chat-subheading {border-bottom: 1px solid var(--line);}
.panel-title {min-height: 38px;padding: 8px 11px;}

.primary-button,
.secondary-button,
.text-button,
.small-button,
.reject-button,
.market-tab,
.auth-tab {min-height: 32px;}
.primary-button {border: 1px solid var(--line);}
.secondary-button,
.small-button {border: 1px solid var(--line);}

input,
select,
textarea,
.field-row input,
.field-row select,
.field-row textarea,
.compact-field input,
.compact-field select,
.group-form textarea,
.profile-edit-form textarea,
.deal-message-form textarea,
.profile-search-row input,
.group-search input,
.group-invite-form input {border: 1px solid var(--line);}
.market-tabs,
.auth-tabs {min-height: 38px;padding: 0 8px;}
.market-tab,
.auth-tab {min-height: 38px;height: 38px;padding: 0 13px;border: 0;border-right: 1px solid var(--line);}
.market-tab:first-child,
.auth-tab:first-child {border-left: 1px solid var(--line);}
.market-filters {padding: 10px;}

.market-grid {gap: 12px;}
.market-deal-workspace {margin-top: 12px;}
.notification-menu-actions {display: inline-flex;align-items: center;gap: 10px;}


.security-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;padding: 12px;}
.security-block {min-width: 0;overflow: hidden;border: 1px solid var(--line);}
.security-sessions-block {grid-column: 1 / -1;}
.security-form {display: grid;gap: 10px;padding: 12px;}
.security-form .primary-button {justify-self: start;}
.security-note {margin: 0;padding: 12px;line-height: 1.5;}
.security-inline-form {display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px;padding: 0 12px 12px;}
.security-inline-form input {min-width: 0;}
.recovery-code-result {margin: 0 12px 12px;padding: 11px;border: 1px solid var(--line);}
.recovery-code-list {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 6px;margin-bottom: 10px;}
.recovery-code-list code {padding: 7px 8px;border: 1px solid var(--line);text-align: center;}
.security-session-row {display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 12px;padding: 10px 12px;border-top: 1px solid var(--line);}
.security-session-row:first-child {border-top: 0;}
.security-session-copy b,
.security-session-copy small {display: block;}
.security-session-copy small {margin-top: 3px;}
.auth-mode-toggle {margin-left: 8px;}
#security-panel > .form-message {margin: 0 12px 12px;}
.signed-out .brand-row {min-height: 86px;}

@media (max-width: 900px) {
  .signed-in .brand-row {padding-right: 225px;}
  .signed-in .page-wrap {padding: 14px 10px 28px;}
  .section-heading {margin: -14px -10px 13px;padding-left: 11px;padding-right: 11px;}
  .security-grid {grid-template-columns: 1fr;}
  .security-sessions-block {grid-column: auto;}
}

@media (max-width: 560px) {
  .signed-in .site-header {margin: 0;width: 100%;}
  .signed-in .site-footer {margin: 0;width: 100%;}
  .signed-in .brand-row {min-height: 50px;}
  .signed-in .nav-inner {padding: 0;}
  .security-grid {padding: 8px;gap: 8px;}
  .security-inline-form {grid-template-columns: 1fr;}
  .recovery-code-list {grid-template-columns: 1fr;}
  .security-session-row {grid-template-columns: 1fr;}
}

.signed-in .site-header {margin: 5px 5px 0;width: calc(100% - 10px);border: 1px solid var(--line);border-bottom: 0;}
.signed-in .brand-row {min-height: 49px;padding: 0 258px 0 16px;border-bottom: 1px solid var(--line);}
.signed-in .brand-mark {width: 30px;height: 30px;}
.global-search input {height: 30px;border: 1px solid var(--line);}
.signed-in .top-strip,
.signed-in .top-strip-inner {height: 49px;}
.signed-in #header-account,
.signed-in .notification-toggle {min-height: 29px;}

.signed-in .main-nav {min-height: 44px;border-bottom: 1px solid var(--line);}
.signed-in .nav-inner {min-height: 44px;align-items: center;gap: 3px;padding: 0 15px;}
.signed-in .nav-item {min-height: 32px;height: 32px;padding: 0 12px;border: 1px solid transparent;}
.signed-in .nav-item:first-of-type {border-left: 1px solid transparent;}

.signed-in .page-wrap {padding: 15px 18px 34px;}
.signed-in .breadcrumb {display: block;margin: 0 0 6px;}
.section-heading {min-height: auto;margin: 0 0 13px;padding: 0;border: 0;}
.signed-in .section-heading p {display: block;margin: 2px 0 0;}

.panel,
.compact-panel,
.profile-content-block,
.trade-dashboard-column {border: 1px solid var(--line);}
.panel-title,
.group-section-title,
.chat-subheading {min-height: 39px;border-bottom: 1px solid var(--line);}
.panel-title {padding: 8px 11px;}

.primary-button,
.secondary-button,
.small-button,
.reject-button {min-height: 31px;}

.market-toolbar {margin-bottom: 12px;overflow: hidden;}
.market-tabs,
.auth-tabs {min-height: 39px;padding: 0 8px;}
.market-tab,
.auth-tab {min-height: 38px;height: 38px;}

.market-grid {gap: 12px;}

.signed-in .notice.welcome {margin: 0 0 13px;padding: 9px 11px;border: 1px solid var(--line);}
.signed-in .notice.welcome > span {display: block;}

@media (max-width: 900px) {
  .signed-in .page-wrap {padding: 13px 10px 28px;}
  .section-heading {margin: 0 0 12px;padding: 0;}
}

@media (max-width: 560px) {
  .signed-in .site-header {margin: 0;width: 100%;}
  .signed-in .nav-inner {min-height: 42px;align-items: stretch;gap: 0;}
  .signed-in .nav-item {min-height: 42px;height: 42px;}
}


.deal-dispute-box {margin: 12px;border: 1px solid var(--line);border-left: 3px solid var(--line);}
.deal-dispute-box > .group-section-title {margin: 0;padding: 9px 11px;border-bottom: 1px solid var(--line);}
.deal-dispute-box > .secondary-button {margin: 11px;}
.deal-dispute-summary {display: grid;gap: 4px;padding: 11px;}
.deal-dispute-summary p {margin: 7px 0 0;white-space: pre-wrap;line-height: 1.5;}
.deal-dispute-form {display: grid;gap: 7px;padding: 11px;}
.deal-dispute-form.hidden {display: none;}
.deal-dispute-form input[type="file"] {padding: 8px;border: 1px solid var(--line);}
.deal-dispute-actions {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 3px;}
.deal-evidence-add-form {display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px;align-items: center;margin: 0 11px 11px;}
.deal-evidence-add-form input {min-width: 0;padding: 7px;border: 1px solid var(--line);}
.deal-evidence-add-form .form-message {grid-column: 1 / -1;}
.deal-dispute-evidence {margin: 0 11px 11px;}
.deal-evidence-link {display: block;width: fit-content;text-decoration: none;}
.deal-evidence-link:hover {text-decoration: underline;}
.deal-dispute-pending, .deal-dispute-result {padding: 10px 11px;border-top: 1px solid var(--line);}
.deal-dispute-result {display: grid;gap: 4px;border-left: 3px solid var(--line);}
.report-evidence {border: 1px solid var(--line);padding: 12px;margin-bottom: 13px;}
.report-evidence-links {display: grid;gap: 7px;margin-top: 9px;}
.report-open-deal {margin-bottom: 13px;}

}

/* BlackCrate platform, October 2026.
   layout.css supplies feature geometry only; this is the sole visual system. */
:root { --page:#f5f6f8; --panel:#fff; --panel-alt:#eef0f4; --raised:#e5e8ef; --sidebar:#edf0f5; --ink:#242936; --text:var(--ink); --muted:#738094; --line:#e2e6ed; --line-dark:var(--line); --accent:#7959cc; --accent-soft:#7959cc13; --gold:var(--accent); --gold-dark:#7959cc; --navy:var(--panel); --navy-2:var(--panel-alt); --positive:#278b79; --negative:#ce6473; --green:var(--positive); --red:var(--negative); color-scheme:light; }
:root[data-theme=dark] { --page:#202226; --panel:#272a2f; --panel-alt:#2c3036; --raised:#343940; --sidebar:#181a1e; --ink:#eef0f4; --muted:#929daa; --line:#32363d; --accent:#b5a0e5; --accent-soft:#a78bda14; --positive:#70baa7; --negative:#ec8c97; color-scheme:dark; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--page); }
body { margin:0; min-height:100vh; background:var(--page); color:var(--ink); font:14px/1.6 "Segoe UI",Arial,sans-serif; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; color:inherit; }
button:disabled { opacity:.45; cursor:not-allowed; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3,h4,p { margin-top:0; }
h1 { font-size:25px; font-weight:600; letter-spacing:-.5px; }
h2 { font-size:17px; font-weight:600; }
h3 { font-size:15px; font-weight:600; }
b,strong { font-weight:600; }
small { color:var(--muted); font-size:12px; }
:is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.hidden { display:none!important; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.app-loading :is(.site-header,.page-wrap,.site-footer) { visibility:hidden; }
.shell { width:100%; max-width:none; margin:0; }
.site-header { position:fixed; inset:0 auto 0 0; z-index:40; width:232px; margin:0; padding:30px 18px 16px; display:flex; flex-direction:column; background:var(--sidebar); border:0; overflow:visible; }
.brand-row { order:0; min-width:0; min-height:0; display:flex; flex-direction:column; align-items:stretch; gap:26px; padding:0; border:0; }
.brand { display:flex; min-width:0; align-items:center; gap:11px; color:var(--ink); text-decoration:none; }
.brand:hover { text-decoration:none; }
.brand-mark { width:34px; height:34px; padding:0; background:transparent; border:0; }
.brand-mark img { width:100%; height:100%; display:block; }
.brand strong { font-size:17px; font-weight:600; font-family:inherit; letter-spacing:0; }
.brand small,.server-note,.top-strip-inner>span:first-child,.nav-project-note { display:none; }
.global-search { width:100%; margin:0 0 23px; }
.global-search input { width:100%; min-width:0; height:35px; padding:8px 10px; font-size:12px; background:var(--page); border:1px solid transparent; }
.main-nav { order:1; min-height:0; background:none; border:0; overflow:auto; scrollbar-width:thin; }
.nav-inner { display:flex; flex-direction:column; align-items:stretch; gap:5px; padding:0; overflow:visible; }
.nav-item { display:flex; justify-content:flex-start; align-items:center; gap:12px; width:100%; min-width:0; height:auto; min-height:43px; margin:0; padding:10px 12px; color:var(--muted); background:transparent; border:0; border-radius:5px; text-align:left; font-size:13px; font-weight:400; line-height:1.5; }
.nav-item:first-child,.nav-item:first-of-type { border:0; }
.nav-item::before { display:none; }
.nav-icon { display:block; width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.nav-item.active .nav-icon { color:var(--accent); }
.notification-toggle::before { display:none; }
.nav-item:hover,.nav-item.active { color:var(--ink); background:var(--panel); border:0; box-shadow:none; }
.nav-item.active::before { color:var(--accent); }
.nav-count { margin-left:auto; padding:1px 5px; min-width:19px; color:var(--accent); background:var(--accent-soft); border:0; border-radius:4px; font-size:11px; text-align:center; }
.nav-section-label { display:block; margin:0 0 5px; padding:0 12px; color:var(--muted); font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }
.staff-label { margin:18px 0 5px; padding:18px 12px 4px; border-top:1px solid var(--line); color:var(--accent); }
.staff-label~.nav-item { border-left:2px solid var(--line); padding-left:10px; }
.staff-label~.nav-item.active { border-left-color:var(--line); }
.staff-label:not(:has(~ .nav-item:not(.hidden))) { display:none; }
.top-strip { display:block; order:2; margin-top:auto; padding-top:22px; background:none; border:0; height:auto; position:static; }
.top-strip-inner { display:block; height:auto; padding:0; }
.header-account-area { position:relative; display:grid; grid-template-columns:1fr; gap:8px; align-items:stretch; }
#theme-toggle,.notification-toggle { padding:8px 11px; text-align:left; font-size:12px; font-weight:400; color:var(--muted); }
#theme-toggle { order:2; justify-self:start; width:auto; min-height:34px; margin-top:8px; border:1px solid var(--line); border-radius:5px; background:var(--panel); color:var(--ink); }
#theme-toggle:hover,.notification-toggle:hover { color:var(--ink); background:var(--panel); }
.notification-toggle { order:0; display:flex; align-items:center; justify-content:flex-start; gap:9px; width:100%; border:0; background:transparent; }
.account-menu-wrap { order:1; position:relative; display:block; width:100%; margin:5px 0 0; }
.header-profile-link { display:flex; align-items:center; gap:10px; width:100%; min-height:54px; padding:9px 10px; background:var(--panel); border:0; border-radius:5px; font-size:13px; text-align:left; }
.header-profile-link>span:last-child { margin-left:auto; color:var(--muted); }
.header-profile-avatar { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; background:var(--accent-soft); color:var(--accent); border:0; border-radius:5px; background-size:cover; background-position:center; }
.account-menu { position:absolute; inset:auto 0 calc(100% + 8px); z-index:60; display:grid; width:100%; padding:6px; background:var(--panel-alt); border:1px solid var(--line); border-radius:5px; box-shadow:0 10px 30px #0003; }
.account-menu::after { content:''; position:absolute; inset:100% 0 auto; height:10px; }
.account-menu button { width:100%; min-height:40px; padding:9px 10px; border:0; background:none; border-radius:3px; text-align:left; font-size:12px; }
.account-menu button:hover { background:var(--raised); }
#account-sign-out { color:var(--negative); border-top:1px solid var(--line); }
.notification-menu { position:absolute; top:auto; bottom:70px; left:calc(100% + 24px); right:auto; width:min(400px,calc(100vw - 280px)); background:var(--panel); border:1px solid var(--line); border-radius:6px; box-shadow:0 10px 30px #0004; }
.notification-menu-head { padding:14px; background:var(--panel-alt); }
.notification-menu-actions { display:flex; gap:12px; }
.notification-menu-head button { color:var(--accent); background:transparent; font-size:11px; }
.notification-menu-item { color:var(--ink); background:var(--panel); border-color:var(--line); padding:14px; }
.notification-menu-item.unread { background:var(--accent-soft); border-left-color:var(--accent); }
.notification-menu-copy b { font-size:13px; }
.notification-menu-copy small,.notification-menu-item time,.notification-empty { color:var(--muted); font-size:11px; }
.sidebar-toggle { display:none; }
.page-wrap { width:calc(100% - 232px); max-width:none; margin:0 0 0 232px; padding:48px 36px 64px; min-height:calc(100vh - 65px); overflow:visible; background:var(--page); }
.page-wrap>section { width:min(100%,1160px); margin-inline:auto; }
.breadcrumb { margin:0 0 12px; color:var(--muted); font-size:11px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:0; margin:0 0 30px; padding:0; background:none; border:0; }
.section-heading h1 { margin:0; font-size:25px; font-weight:600; text-transform:none; }
.section-heading p { display:block; margin:6px 0 0; max-width:650px; color:var(--muted); font-size:13px; }
.panel,.compact-panel,.profile-content-block,.trade-dashboard-column { background:var(--panel); border:0; border-radius:5px; box-shadow:none; }
.panel-title,.group-section-title,.chat-subheading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:0; padding:17px 20px; background:none; border:0; }
.panel-title h1,.panel-title h2 { margin:0; color:var(--ink); font-size:16px; font-weight:600; line-height:1.4; }
.panel-title span,.group-section-title span { color:var(--muted); font-size:12px; }
.primary-button,.secondary-button,.reject-button,.small-button { min-height:36px; height:auto; padding:8px 14px; border:1px solid transparent; border-radius:4px; font-size:12px; font-weight:600; box-shadow:none; }
.primary-button { color:#fff; background:#7959cc; border-color:#7959cc; }
.primary-button:hover { background:#896ad5; }
.secondary-button { color:var(--ink); background:var(--raised); border-color:transparent; }
.secondary-button:hover { background:color-mix(in srgb,var(--raised) 85%,var(--accent)); }
.reject-button { color:var(--negative); background:color-mix(in srgb,var(--negative) 12%,var(--panel)); }
.text-button,.report-content-button { color:var(--accent); padding:0; background:none; border:0; font-size:12px; }
input,select,textarea,.field-row input,.compact-field input,.compact-field select { color:var(--ink); background:var(--panel); border:1px solid var(--line); border-radius:4px; padding:9px 11px; min-width:0; box-shadow:none; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:.75; }
input[type=checkbox],input[type=radio] { accent-color:#9675dc; width:15px; height:15px; flex:0 0 15px; }
label,.field-row label,.compact-field label { color:var(--ink); font-size:12px; font-weight:400; }
.field-row { margin-bottom:22px; }
.field-row label { margin-bottom:7px; }
.field-row :is(input,textarea,select) { width:100%; }
.field-row small { display:block; margin-top:6px; }
.form-actions,.market-heading-actions { display:flex; flex-wrap:wrap; gap:10px; }
.form-message { color:var(--negative); font-size:12px; }
.form-message:empty { min-height:0; margin:0; }
.form-message.success,.positive,.image-optimization-status.success { color:var(--positive); }
.notice { padding:16px 20px; color:var(--ink); background:var(--panel); border:0; border-radius:5px; }
.notice.welcome { display:flex; flex-direction:column; gap:7px; padding:0; margin:0 0 30px; background:none; border:0; }
.notice.welcome>b { font-size:25px; font-weight:600; }
.notice.welcome>span { display:block; color:var(--muted); font-size:13px; }
.hub-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:28px; }
.main-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-content:start; }
.dashboard-shortcuts { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.dashboard-shortcut { display:grid; gap:10px; padding:20px; color:var(--ink); background:var(--panel); border:0; border-radius:5px; text-align:left; }
.dashboard-shortcut b { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; }
.dashboard-shortcut b span { color:var(--accent); } .dashboard-shortcut small { font-size:12px; }
.dashboard-shortcut:hover { background:var(--panel-alt); }
#hub-view .forum-block { display:none; }
.trading-desk { grid-column:1/-1; border:0; }
.trade-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0 20px 20px; background:none; }
.trade-stat { padding:15px 10px; background:none; border:0; border-right:1px solid var(--line); text-align:left; }
.trade-stat:last-child { border:0; }
.trade-stat b { display:block; font-size:27px; color:var(--ink); }
.trade-stat span { color:var(--muted); font-size:11px; }
.trade-dashboard-grid { grid-template-columns:1fr 1fr; gap:24px; padding:0 20px 20px; }
.trade-dashboard-column { padding:0; border:0; }
.trade-dashboard-column h3 { margin-bottom:12px; }
.trade-activity-item,.trade-notification { color:var(--ink); background:var(--panel-alt); border:0; border-radius:4px; }
.forum-block+.forum-block { margin:0; }
.forum-block { align-self:start; }
.forum-block .panel-title { padding:17px 20px 8px; }
.forum-block .panel-title>span,.forum-status,.forum-icon,.forum-copy small { display:none; }
.forum-row { display:flex; align-items:center; gap:12px; min-height:46px; padding:10px 20px; background:none; border:0; border-radius:0; color:var(--muted); }
.forum-row:hover { color:var(--ink); background:var(--panel-alt); }
.forum-copy { flex:1; } .forum-copy b { color:inherit; font-size:12px; font-weight:400; }
.forum-count { display:flex; align-items:center; gap:5px; color:var(--muted); }
.forum-count b,.forum-count small { font-size:11px; font-weight:400; }
.side-column { display:flex; flex-direction:column; gap:24px; }
.side-column .panel+.panel { margin:0; }
.side-column .compact-panel { display:block; }
.side-column .compact-panel:has(.status-list) { display:none; }
.user-card { border:0; } .user-card-body { padding:5px 20px 20px; min-height:0; border:0; }
.avatar { width:45px; height:45px; color:var(--accent); background:var(--accent-soft); border:0; border-radius:5px; }
.profile-stats { padding:0 20px 20px; } .profile-stats div { padding:7px 0; border:0; } .profile-stats dt { color:var(--muted); }
.user-card #logout-button { display:none; }
.leader-list { padding:0 20px 20px; }
.market-toolbar,.filter-panel { margin-bottom:24px; background:none; border:0; overflow:visible; }
.market-tabs,.auth-tabs,.settings-tabs { display:flex; flex-wrap:wrap; gap:7px; min-height:0; margin:0 0 22px; padding:0; background:none; border:0; }
.market-tab,.auth-tab,.settings-tab,.report-filter { height:auto; min-height:38px; padding:9px 17px; color:var(--muted); background:var(--panel); border:0; border-radius:4px; font-size:11px; font-weight:600; text-transform:uppercase; box-shadow:none; }
.market-tab.active,.auth-tab.active,.settings-tab.active,.report-filter.active { color:var(--ink); background:var(--raised); border:0; box-shadow:none; }
.market-tab:hover,.auth-tab:hover,.settings-tab:hover,.report-filter:hover { color:var(--ink); background:var(--panel-alt); }
.market-tab.active:hover,.auth-tab.active:hover,.settings-tab.active:hover,.report-filter.active:hover { background:var(--raised); }
.market-filters,.recipe-filters { display:grid; grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)); gap:20px; padding:0; background:none; }
.market-filters :is(input,select),.recipe-filters :is(input,select) { height:42px; min-height:42px; }
.library-summary { margin-top:14px; padding:0; color:var(--muted); background:none; border:0; font-size:11px; }
.market-grid,.crafting-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:24px; }
.market-list-head,.recipe-table-head,.leaderboard-head { padding:12px 16px; color:var(--muted); background:none; border-bottom:1px solid var(--line); font-size:11px; }
.market-row,.recipe-row,.leaderboard-row,.chat-hub-row,.report-row,.profile-directory-row { color:var(--ink); padding:15px 16px; background:none; border:0; border-bottom:1px solid var(--line); }
.market-row:nth-child(even),.recipe-row:nth-child(even),.leaderboard-row:nth-child(even) { background:none; }
.market-row:hover,.recipe-row:hover,.profile-directory-row:hover { background:var(--panel-alt); }
.market-row.selected,.recipe-row.selected,.chat-hub-row.selected,.report-row.selected { background:var(--raised); box-shadow:none; }
.market-row,.market-list-head { grid-template-columns:42px minmax(0,1fr) 90px 88px; gap:10px; }
.market-row>:last-child,.market-list-head>:last-child { display:none; }
.market-detail,.recipe-detail { position:static; top:auto; }
.market-detail-body,.market-action-box,.market-history,.market-description,.report-detail-body { color:var(--ink); background:none; border-color:var(--line); }
.market-detail-meta dt,.recipe-meta dt { color:var(--muted); }
.market-price,.deal-chat-price,.trade-calculation b { color:var(--accent); }
.empty-detail,.library-state { padding:35px 20px; color:var(--muted); font-size:12px; }
.empty-detail b { color:var(--ink); font-size:15px; }
.compact-state { padding:17px 0; }
.status-badge,.market-type-badge,.market-state,.group-role,.profile-badge { color:var(--muted); background:var(--panel-alt); border:0; border-radius:4px; padding:3px 6px; font-size:10px; }
.market-type-badge { color:var(--accent); background:var(--accent-soft); }
.market-chats-grid,.reports-grid,.moderation-grid { grid-template-columns:310px minmax(0,1fr); gap:24px; border:0; }
.deal-workspace-layout,.deal-workspace-chat,.deal-workspace-information,.deal-workspace-bar,.deal-message-form,.deal-chat,.deal-chat-heading,.deal-actions,.deal-confirmation-status,.deal-dispute-box { color:var(--ink); background:var(--panel); border-color:var(--line); }
.deal-message { color:var(--ink); background:var(--panel-alt); border:0; border-radius:5px; padding:12px 15px; }
.deal-message.mine { background:var(--accent-soft); border:0; }
.deal-message-list { min-height:300px; }
.deal-message-form textarea { background:var(--page); }
.chat-overview-panel { border:0!important; }
#admin-view { width:min(100%,1080px); margin-inline:auto; }
.profile-browser-grid { display:block; width:100%; margin:0; } .profile-directory-panel { max-width:740px; }
.profile-detail { width:100%; margin:0; padding:0; border:0; background:none; }
.profile-page-toolbar { min-height:0; padding:0 0 18px; border:0; box-shadow:none; }
.profile-id { color:var(--muted); font-size:10px; }
.public-profile-head { display:flex; flex-wrap:wrap; align-items:center; gap:20px; min-height:190px; padding:30px; background:linear-gradient(120deg,var(--panel-alt),var(--page)); background-size:cover; background-position:center; border:0; border-radius:5px; }
.public-profile-head::before,.public-profile-head::after { display:none; content:none; }
.public-profile-avatar { width:78px; height:78px; border:0; border-radius:8px; color:var(--accent); background:var(--panel); background-size:cover; background-position:center; }
.public-profile-head .secondary-button { position:static; margin:0; }
.profile-name-line { display:flex!important; align-items:center; gap:12px; } .profile-name-line>b { font-size:25px; font-weight:500; }
.public-profile-identity>small,.profile-availability { color:var(--muted); font-size:12px; }
.public-profile-stats { grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; padding:24px 0; margin:0 0 8px; background:none; border:0; }
.public-profile-stats div { padding:0; border:0; text-align:left; } .public-profile-stats dt { color:var(--muted); font-size:11px; } .public-profile-stats dd { font-size:17px; }
.profile-page-grid { display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; padding:0; }
.profile-side-column { order:-1; }
.profile-overview-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:24px 0; }
.profile-page-grid.single-profile-section { grid-template-columns:1fr; }
#admin-view:has(#profile-detail:not(.hidden)):not(:has(#profile-browser.hidden)):not(.staff-view)>.section-heading,
#admin-view:has(#profile-detail:not(.hidden)):not(:has(#profile-browser.hidden)):not(.staff-view)>.settings-tabs { display:none; }
.profile-content-block { margin-bottom:22px; } .profile-fact { background:none; border:0; padding:8px 16px; } .profile-fact span { color:var(--muted); }
.profile-search-row { padding:0 20px 20px; } .profile-search-row label { display:block; margin-bottom:7px; } .profile-search-row input { width:100%; background:var(--page); }
.profile-setting-toggle { display:flex; gap:10px; align-items:flex-start; padding:10px 0; background:none; border:0; }
.profile-setting-toggle small { display:block; }
#admin-view:has(#profile-edit-panel:not(.hidden))>.section-heading,#admin-view:has(#security-panel:not(.hidden))>.section-heading { display:none; }
#profile-edit-panel,#security-panel { background:none; max-width:900px; margin:0; overflow:visible; }
#profile-edit-panel>.panel-title,#security-panel>.panel-title { padding:0 0 24px; align-items:start; }
.editor-heading small { display:block; margin-top:7px; }
.profile-edit-form { padding:0; max-width:550px; }
.profile-edit-grid { display:grid; grid-template-columns:1fr; gap:0; }
.profile-media-editor { display:grid; grid-template-columns:1fr; gap:22px; margin:28px 0; padding:0; border:0; }
.profile-media-field { display:grid; grid-template-columns:80px minmax(0,1fr); gap:8px 18px; padding:0; background:none; border:0; }
.profile-media-field>label { grid-column:1/-1; }
.profile-media-preview { display:grid; place-items:center; width:80px; height:80px; grid-column:1; grid-row:2/5; background:var(--panel); background-position:center; background-size:cover; border:0; border-radius:5px; }
.profile-media-field input { grid-column:2; min-height:45px; width:100%; padding:7px; border:1px dashed var(--muted); font-size:11px; }
.profile-media-field small,.profile-media-field>.text-button { grid-column:2; font-size:11px; }
input::file-selector-button { color:var(--ink); background:var(--raised); border:0; border-radius:3px; padding:6px 8px; margin-right:7px; font:inherit; }
.banner-media-field { grid-template-columns:1fr; } .banner-preview { grid-row:auto; grid-column:1; width:100%; height:110px; }
.banner-media-field :is(input,small,.text-button) { grid-column:1; }
.discord-account-panel { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px; background:var(--panel); border:0; border-radius:5px; }
.discord-account-copy { display:grid; gap:5px; } .discord-account-copy span { color:var(--muted); font-size:12px; }
.discord-account-actions { display:flex; flex-wrap:wrap; gap:8px; }
.profile-edit-form .form-actions { margin-top:26px; padding:0; border:0; }
.settings-tabs { margin-bottom:30px; } .settings-tab { font-size:11px; font-weight:600; line-height:1.5; }
#admin-view>.section-heading .market-heading-actions { display:none; }
.security-grid { display:grid; grid-template-columns:1fr; gap:32px; padding:0; max-width:650px; }
.security-block { padding:0; background:none; border:0; } .security-block>.group-section-title { padding:0 0 18px; }
.security-form,.security-note,.security-inline-form,.security-block .form-actions { padding:0; margin:0 0 18px; max-width:550px; }
.security-note { color:var(--muted); font-size:13px; }
.security-session-row { background:var(--panel); padding:16px; border:0; margin-bottom:8px; border-radius:4px; }
.recovery-code-result { background:var(--panel); border:1px solid var(--line); border-radius:5px; }
#profile-admin-panel { margin-top:32px; }
#admin-view:not(.staff-view) #profile-admin-panel { display:none!important; }
#admin-view.staff-view :is(#profile-browser,#profile-edit-panel,#security-panel) { display:none!important; }
#admin-view.staff-view>.section-heading { display:flex!important; }
.access-help { display:block; padding:22px; margin-bottom:24px; }
.staff-access-heading { display:flex; align-items:center; gap:14px; } .staff-access-heading>div { display:grid; gap:4px; } .staff-access-heading span { color:var(--muted); font-size:12px; }
.staff-access-mark { display:grid; place-items:center; width:40px; height:40px; color:var(--accent)!important; background:var(--accent-soft); border-radius:5px; }
.staff-role-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:24px; }
.staff-role-guide>div { display:grid; gap:6px; } .staff-role-guide span { color:var(--muted); font-size:12px; }
.role-row { display:grid; grid-template-columns:130px minmax(0,1fr) auto; gap:20px; align-items:center; padding:22px; border-color:var(--line); }
.role-user small { display:block; } .role-choices { display:flex; flex-wrap:wrap; gap:15px; } .staff-role-option { display:flex; align-items:center; gap:8px; } .staff-role-option small { display:none; }
.profile-admin-actions { padding:0 20px 16px; }
.auth-layout { display:block; width:min(100%,420px)!important; padding-top:10vh; }
.auth-panel { padding:26px; background:none; } .auth-panel>.panel-title { padding:0 0 25px; } .auth-form { padding:0; } .auth-panel>.secondary-button { width:100%; margin:0; }
.auth-tabs { margin:0 0 26px; } .auth-divider { margin:25px 0 15px; color:var(--muted); } .demo-note { margin:20px 0 0; }
.auth-layout>.info-panel { display:none; }
.toast { z-index:100; padding:14px 18px; color:var(--ink); background:var(--panel-alt); border:1px solid var(--line); border-radius:5px; }
.site-footer { width:calc(100% - 232px); margin-left:232px; background:var(--page); color:var(--muted); border:0; font-size:11px; }
.footer-inner { width:min(100% - 72px,1160px); margin:auto; padding:20px 0; border-top:1px solid var(--line); }
.report-dialog-card,.recovery-token-dialog { background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:6px; }
.recovery-token-dialog { width:min(520px,calc(100vw - 32px)); padding:24px; } .recovery-token-dialog textarea { width:100%; } .recovery-token-dialog::backdrop { background:#0008; }
@media(max-width:760px) { .dashboard-shortcuts { grid-template-columns:1fr; } .sidebar-toggle { flex:0 0 25px; } .brand strong { white-space:nowrap; } .top-strip { flex:0 0 auto; } }
@media(min-width:1800px) { .page-wrap { padding-top:60px; } }
@media(max-width:1150px) { .site-header { width:205px; padding-inline:14px; } .page-wrap { width:calc(100% - 205px); margin-left:205px; padding:35px 24px; } .site-footer { width:calc(100% - 205px); margin-left:205px; } .hub-grid { grid-template-columns:1fr; } .side-column { display:grid; grid-template-columns:1fr 1fr; } .market-grid,.crafting-grid { grid-template-columns:1fr; } .market-row,.market-list-head { grid-template-columns:50px minmax(0,1fr) 120px 110px; } }
@media(max-width:760px) { .site-header { position:sticky; top:0; width:100%; height:64px; padding:14px 18px; flex-direction:row; align-items:center; gap:14px; } .brand-row { width:auto; } .brand { gap:8px; } .brand-mark { width:28px; height:28px; } .brand strong { font-size:15px; } .sidebar-toggle { display:block; order:-1; width:30px; padding:0; color:var(--muted); background:none; border:0; font-size:22px; } .global-search { display:none; } .main-nav { display:none; position:fixed; inset:64px auto 0 0; width:232px; padding:18px; background:var(--sidebar); border-right:1px solid var(--line); } .navigation-open .main-nav { display:block; } .top-strip { margin:0 0 0 auto; padding:0; } .header-account-area { display:flex; gap:8px; align-items:center; } #theme-toggle { width:auto; padding:7px; font-size:10px; } .notification-toggle { width:32px; font-size:0; padding:5px; } .notification-toggle::before { content:'♧'; font-size:20px; } .notification-toggle .nav-count { font-size:10px; position:absolute; margin-top:-22px; } .account-menu-wrap { width:auto; margin:0; } .header-profile-link { width:34px; min-height:34px; padding:0; background:none; } .header-profile-link>span:not(:first-child) { display:none; } .account-menu { top:calc(100% + 15px); bottom:auto; left:auto; right:0; width:210px; } .account-menu::after { inset:auto 0 100%; height:16px; } .notification-menu { position:fixed; left:12px; right:12px; top:72px; bottom:auto; width:auto; } .page-wrap { width:100%; margin:0; padding:28px 20px 45px; } .site-footer { width:100%; margin:0; } .footer-inner { width:calc(100% - 40px); gap:12px; } .section-heading { flex-wrap:wrap; gap:14px; margin-bottom:24px; } .main-column { grid-template-columns:1fr; } .hub-grid { gap:24px; } .side-column { display:flex; } .trade-stat-grid { grid-template-columns:1fr 1fr; gap:14px 0; } .trade-stat:nth-child(2) { border:0; } .trade-dashboard-grid { grid-template-columns:1fr; } .market-filters,.recipe-filters { grid-template-columns:1fr 1fr; gap:15px; } .market-search,.search-field { grid-column:1/-1; } .market-row,.market-list-head { grid-template-columns:35px minmax(0,1fr) 75px; } .market-row>:nth-child(3),.market-list-head>:nth-child(3) { display:none; } .market-chats-grid,.reports-grid,.moderation-grid,.profile-page-grid { grid-template-columns:1fr; } .public-profile-head { padding:22px; } .public-profile-stats { grid-template-columns:repeat(3,minmax(0,1fr)); } .staff-role-guide,.role-row { grid-template-columns:1fr; } .role-choices { flex-direction:column; } .auth-layout { padding-top:5vh; } .auth-panel { padding:0; } .notification-list { max-height:60vh; } }
@media(prefers-reduced-motion:no-preference) { button,a { transition:background-color .15s,color .15s; } }
@media(max-width:760px) {
  #theme-toggle { order:0; margin-top:0; min-height:30px; white-space:nowrap; }
  .notification-toggle { order:1; justify-content:center; gap:0; }
  .account-menu-wrap { order:2; }
}