#profileMenu #moderationButton{position:relative;display:flex;align-items:center;width:100%;min-height:42px;padding:9px 11px 9px 39px;border:0;border-radius:9px;background:none;color:#c4c4c9;text-align:left;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}
#profileMenu #moderationButton[hidden]{display:none!important}
#profileMenu #moderationButton:before{content:"";position:absolute;left:12px;top:50%;width:16px;height:16px;background:#e85301;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10V6l8-3Zm0 5v5m0 3h.01' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10V6l8-3Zm0 5v5m0 3h.01' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat}
#profileMenu #moderationButton:hover{background:rgba(255,255,255,.06);color:#fff}

.moderation-page{width:100%;max-width:1320px;margin:0 auto;padding:31px 32px 64px}
.moderation-page[hidden]{display:none!important}
body.moderation-page-open .library-overview,
body.moderation-page-open #libraryPaginationTop,
body.moderation-page-open #libraryPaginationBottom,
body.moderation-page-open #collection,
body.moderation-page-open #emptyCollection,
body.moderation-page-open #emptyWishlist,
body.moderation-page-open #emptyViewedCollection,
body.moderation-page-open #loginToViewCollection,
body.moderation-page-open #profileNotFound,
body.moderation-page-open #scrollTopButton{display:none!important}
.moderation-shell{display:grid;gap:22px}
.moderation-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.moderation-heading-copy{max-width:780px}
.moderation-kicker{display:block;color:#f06a24;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:6px}
.moderation-heading h1{margin:0;font-size:34px;line-height:1.05}
.moderation-heading p{margin:9px 0 0;color:#8b8b92;font-size:12px;line-height:1.6}
.moderation-back{height:42px;padding:0 15px;border:1px solid #34343a;border-radius:10px;background:#19191c;color:#e8e8ea;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.moderation-status{padding:12px 14px;border-radius:10px;border:1px solid rgba(232,83,1,.18);background:rgba(232,83,1,.06);color:#d8d8dc;font-size:11px}
.moderation-layout{display:grid;grid-template-columns:minmax(310px,380px) minmax(0,1fr);gap:18px;align-items:start}
.moderation-list-panel,.moderation-detail-panel{border:1px solid #29292e;border-radius:14px;background:#171719;overflow:hidden}
.moderation-list-head{padding:18px;border-bottom:1px solid #27272c}
.moderation-list-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.moderation-list-head strong{font-size:14px}
.moderation-list-head span{color:#77777d;font-size:10px}
.moderation-email-state{display:inline-flex!important;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#202024;color:#9a9aa1!important}
.moderation-email-state.ready{color:#81d39b!important;background:rgba(70,185,110,.08)}
.moderation-email-state.pending{color:#e6b16a!important;background:rgba(230,177,106,.08)}
.moderation-filters{display:flex;gap:7px;margin-top:14px}
.moderation-filter{padding:6px 9px;border:1px solid #323238;border-radius:8px;background:#121214;color:#85858c;font-size:9px;font-weight:700;cursor:pointer}
.moderation-filter.active{border-color:#d95714;background:rgba(232,83,1,.09);color:#ff8a4c}
.moderation-list{max-height:70vh;overflow:auto}
.moderation-list-empty{padding:28px 18px;color:#74747b;font-size:11px;text-align:center}
.moderation-notice-card{display:block;width:100%;padding:15px 17px;border:0;border-bottom:1px solid #25252a;background:transparent;color:inherit;text-align:left;cursor:pointer}
.moderation-notice-card:hover,.moderation-notice-card.active{background:#1d1d21}
.moderation-notice-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.moderation-notice-ref{color:#f0f0f2;font-size:11px;font-weight:800}
.moderation-notice-date{color:#66666d;font-size:9px}
.moderation-notice-category{display:block;margin-top:6px;color:#aaaab0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moderation-notice-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.moderation-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#242428;color:#898990;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.moderation-chip.open,.moderation-chip.reviewing{background:rgba(232,83,1,.09);color:#f08a53}
.moderation-chip.action_taken{background:rgba(60,178,103,.09);color:#72cf91}
.moderation-chip.no_action{background:rgba(90,145,210,.09);color:#8ab7ec}
.moderation-chip.invalid{background:rgba(170,170,175,.08);color:#9d9da4}
.moderation-detail-panel{min-height:480px}
.moderation-detail-empty{display:flex;min-height:480px;align-items:center;justify-content:center;padding:24px;text-align:center;color:#6f6f76;font-size:11px}
.moderation-detail{padding:22px}
.moderation-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}
.moderation-detail-head h2{margin:2px 0 0;font-size:22px}
.moderation-detail-ref{color:#ef6f2c;font-size:9px;font-weight:800;letter-spacing:.08em}
.moderation-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.moderation-field-box{padding:12px;border:1px solid #28282d;border-radius:10px;background:#131315}
.moderation-field-box span{display:block;color:#67676e;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.moderation-field-box strong,.moderation-field-box a{color:#d9d9dd;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.moderation-copy-block{margin:0 0 14px;padding:14px;border:1px solid #29292e;border-radius:10px;background:#121214}
.moderation-copy-block span{display:block;margin-bottom:6px;color:#717178;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.moderation-copy-block p{margin:0;color:#c9c9ce;font-size:11px;line-height:1.65;white-space:pre-wrap}
.moderation-email-log{margin:18px 0;padding-top:16px;border-top:1px solid #27272c}
.moderation-email-log h3,.moderation-decision h3{margin:0 0 10px;font-size:13px}
.moderation-email-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid #242429}
.moderation-email-row:last-child{border-bottom:0}
.moderation-email-row strong{font-size:10px}
.moderation-email-row span{color:#73737a;font-size:9px}
.moderation-email-row .sent{color:#74cc91}
.moderation-email-row .pending{color:#e5b069}
.moderation-email-row .failed{color:#de7777}
.moderation-decision{margin-top:20px;padding-top:18px;border-top:1px solid #2a2a2f}
.moderation-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.moderation-control{display:block}
.moderation-control.full{grid-column:1/-1}
.moderation-control>span{display:block;margin:0 0 6px 2px;color:#9a9aa1;font-size:9px;font-weight:700}
.moderation-control input,.moderation-control select,.moderation-control textarea{width:100%;box-sizing:border-box;border:1px solid #323238;border-radius:9px;background:#101012;color:#eeeef0;font:inherit;font-size:11px;outline:none}
.moderation-control input,.moderation-control select{height:42px;padding:0 11px}
.moderation-control textarea{min-height:94px;padding:10px 11px;resize:vertical;line-height:1.55}
.moderation-control input:focus,.moderation-control select:focus,.moderation-control textarea:focus{border-color:#e45e18;box-shadow:0 0 0 3px rgba(232,83,1,.1)}
.moderation-decision-note{margin:12px 0 0;color:#75757c;font-size:9px;line-height:1.55}
.moderation-finalize{margin-top:14px;height:44px;padding:0 15px;border:0;border-radius:9px;background:#e85301;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.moderation-finalize:disabled{opacity:.55;cursor:wait}
.moderation-finalized{padding:15px;border:1px solid rgba(75,184,110,.16);border-radius:10px;background:rgba(75,184,110,.04)}
.moderation-finalized strong{display:block;margin-bottom:6px;color:#dfe8e2;font-size:12px}
.moderation-finalized p{margin:5px 0;color:#96969d;font-size:10px;line-height:1.55}

.moderation-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:5px;border:1px solid #29292e;border-radius:12px;background:#141416}
.moderation-tab{min-height:38px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#85858c;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease}
.moderation-tab:hover{background:#1f1f22;color:#d7d7db}
.moderation-tab.active{background:rgba(232,83,1,.11);color:#f47d3c}
.moderation-tab-panel[hidden]{display:none!important}
.moderation-chip.reviewed{background:rgba(232,177,80,.09);color:#e3b868}
.moderation-chip.resolved{background:rgba(60,178,103,.09);color:#72cf91}
.moderation-chip.dismissed{background:rgba(135,135,143,.09);color:#9999a1}
.moderation-chip.new{background:rgba(232,83,1,.09);color:#f08a53}
.moderation-chip.planned{background:rgba(90,145,210,.1);color:#8ab7ec}
.moderation-chip.declined{background:rgba(135,135,143,.09);color:#9999a1}
.moderation-feedback-type{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.moderation-feedback-type.bug{background:rgba(220,78,78,.1);color:#ee8a8a}
.moderation-feedback-type.feature{background:rgba(142,105,219,.11);color:#bba0ef}
.moderation-chip.restricted{background:rgba(214,76,76,.1);color:#ec8181}
.moderation-inline-action{display:flex;flex-direction:column;justify-content:flex-end}
.moderation-secondary-action{min-height:40px;padding:0 13px;border:1px solid #35353b;border-radius:9px;background:#18181b;color:#d2d2d7;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}
.moderation-secondary-action:hover{border-color:#4b4b52;background:#202024;color:#fff}
.moderation-secondary-action:disabled{opacity:.45;cursor:not-allowed}
.moderation-secondary-action.success{border-color:rgba(79,189,113,.28);color:#83d49b}
.moderation-finalize.danger{background:#b93838}
.moderation-user-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}
.moderation-user-search input{min-width:0;height:41px;padding:0 11px;border:1px solid #323238;border-radius:9px;background:#101012;color:#eeeef0;font:inherit;font-size:11px;outline:none}
.moderation-user-search input:focus{border-color:#e45e18;box-shadow:0 0 0 3px rgba(232,83,1,.1)}
.moderation-user-search button{height:41px;padding:0 13px;border:0;border-radius:9px;background:#e85301;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.moderation-user-search button:disabled{opacity:.55;cursor:wait}
.moderation-user-results{max-height:70vh;overflow:auto}
.moderation-user-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid #25252a;background:transparent;color:inherit;text-align:left;cursor:pointer}
.moderation-user-result:hover,.moderation-user-result.active{background:#1d1d21}
.moderation-user-result>span:first-child{display:grid;gap:3px;min-width:0}
.moderation-user-result strong{font-size:11px;color:#ececef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moderation-user-result small{font-size:9px;color:#707077;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moderation-user-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}
.moderation-user-stats>div{padding:12px 9px;border:1px solid #29292e;border-radius:10px;background:#121214;text-align:center}
.moderation-user-stats strong{display:block;color:#f2f2f4;font-size:16px;line-height:1}
.moderation-user-stats span{display:block;margin-top:5px;color:#6f6f76;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.moderation-user-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:18px}
.moderation-action-card{padding:16px;border:1px solid #29292e;border-radius:12px;background:#131315}
.moderation-action-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}
.moderation-action-head span:first-child{display:block;color:#6f6f76;font-size:8px;font-weight:800;letter-spacing:.08em}
.moderation-action-head h3{margin:3px 0 0;font-size:14px}
.moderation-action-summary{margin:0 0 12px;color:#9b9ba1;font-size:10px;line-height:1.5}
.moderation-protected-account{margin-top:18px;padding:15px;border:1px solid rgba(232,177,80,.18);border-radius:11px;background:rgba(232,177,80,.05)}
.moderation-protected-account strong{font-size:12px;color:#e3c17d}
.moderation-protected-account p{margin:5px 0 0;color:#8f8f96;font-size:10px;line-height:1.55}
.moderation-history{margin-top:20px;padding-top:18px;border-top:1px solid #29292e}
.moderation-history h3{margin:0 0 10px;font-size:13px}
.moderation-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:11px 0;border-bottom:1px solid #25252a}
.moderation-history-row:last-child{border-bottom:0}
.moderation-history-row strong{font-size:10px;color:#d7d7dc}
.moderation-history-row p{margin:4px 0 0;color:#898990;font-size:10px;line-height:1.5;white-space:pre-wrap}
.moderation-history-row>span{color:#66666d;font-size:9px;white-space:nowrap}
.moderation-history-empty{padding:14px 0;color:#6e6e75;font-size:10px}

@media(max-width:860px){
  .moderation-page{padding:0 12px calc(88px + env(safe-area-inset-bottom))}
  .moderation-heading{align-items:flex-start;flex-direction:column}
  .moderation-back{width:100%}
  .moderation-layout{grid-template-columns:1fr}
  .moderation-list{max-height:330px}
  .moderation-detail-panel,.moderation-detail-empty{min-height:360px}
  .moderation-user-results{max-height:330px}
  .moderation-user-actions{grid-template-columns:1fr}
  .moderation-user-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
  .moderation-heading h1{font-size:29px}
  .moderation-detail{padding:16px}
  .moderation-detail-grid,.moderation-decision-grid{grid-template-columns:1fr}
  .moderation-control.full{grid-column:auto}
  .moderation-tabs{display:grid;grid-template-columns:1fr}
  .moderation-tab{width:100%}
  .moderation-user-search{grid-template-columns:1fr}
  .moderation-user-search button{width:100%}
  .moderation-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}