/** PunisherTN 6.0.2 — neutral editorial color system for Custom Orders. */
.custom-order-page {
  --order-bg: #080a0b;
  --order-panel: #0d1011;
  --order-panel-raised: #121516;
  --order-line: rgba(222, 219, 207, .13);
  --order-line-strong: rgba(222, 219, 207, .24);
  --order-text: #e7e5de;
  --order-muted: #858b87;
  --order-soft: #686f6b;
  --order-accent: #c8c09e;
  color: var(--order-text);
}

.custom-order-hero {
  padding-block: clamp(48px, 7vw, 78px);
  border-top: 1px solid rgba(222, 219, 207, .13);
  border-bottom: 1px solid var(--order-line);
  background:
    linear-gradient(105deg, rgba(200, 192, 158, .055), transparent 42%),
    radial-gradient(circle at 88% 25%, rgba(37, 227, 223, .025), transparent 20rem),
    #090b0c;
  text-align: left;
}

.custom-order-hero .eyebrow {
  justify-content: flex-start;
  color: #96917a;
}

.custom-order-hero h1 {
  max-width: 850px;
  margin: 10px 0 12px;
  color: #efede7;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(2.6rem, 6vw, 5.2rem);
  font-weight: 650;
  letter-spacing: -.055em;
  line-height: .94;
  text-transform: none;
}

.custom-order-hero p {
  max-width: 720px;
  color: #929793;
  font-size: .94rem;
  line-height: 1.65;
}

.custom-order-body { padding-block: clamp(30px, 5vw, 56px) clamp(70px, 9vw, 110px); }

.ptn-product-request-context {
  margin-bottom: 22px;
  padding: 13px;
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(206,198,158,.22);
  background: rgba(200,192,158,.045);
}
.ptn-product-request-context img {
  width: 82px;
  height: 82px;
  display: block;
  object-fit: contain;
  background: #090b0b;
}
.ptn-product-request-context div { min-width: 0; display: grid; gap: 5px; }
.ptn-product-request-context span {
  color: #8e896f;
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ptn-product-request-context strong {
  overflow: hidden;
  color: #e5e2d9;
  font-size: 1rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ptn-product-request-context a {
  width: max-content;
  color: #aaa486;
  font-size: .78rem;
  text-decoration: none;
}
.ptn-product-request-context a:hover { color: #e5e2d9; }

.ptn-order-workspace,
.ptn-first-request,
.custom-order-gate {
  border-color: var(--order-line) !important;
  border-radius: 5px !important;
  background: var(--order-bg) !important;
  box-shadow: 0 26px 65px rgba(0, 0, 0, .28) !important;
  clip-path: none !important;
}

.ptn-order-inbox {
  border-color: var(--order-line);
  background: #0a0d0e;
}

.ptn-order-inbox > header,
.ptn-order-panel-header {
  border-color: var(--order-line);
  background: #101314;
}

.ptn-order-inbox > header span,
.ptn-order-panel-header span,
.ptn-first-request-header > span {
  color: #8f8a74;
}

.ptn-order-inbox > header strong,
.ptn-order-panel-header h2,
.ptn-first-request-header h2 {
  color: var(--order-text);
}

.ptn-new-order {
  border-color: var(--order-line-strong);
  border-radius: 4px;
  background: transparent;
  color: #cbc6b1;
  clip-path: none;
}

.ptn-new-order:hover {
  border-color: rgba(222, 219, 207, .42);
  background: rgba(255, 255, 255, .045);
  color: #f0ede3;
}

.ptn-order-list-item { color: #c2c5c0; }
.ptn-order-list-item:hover {
  border-color: var(--order-line);
  background: rgba(255, 255, 255, .025);
  color: var(--order-text);
}
.ptn-order-list-item.is-active {
  border-color: rgba(222, 219, 207, .2);
  background: rgba(200, 192, 158, .055);
  box-shadow: inset 2px 0 #aaa486;
}

.ptn-order-list-icon,
.ptn-message-avatar {
  border-color: var(--order-line-strong) !important;
  border-radius: 3px;
  background: #111415 !important;
  color: #aaa691;
  clip-path: none;
}

.ptn-chat-message--admin .ptn-message-avatar {
  border-color: rgba(200, 192, 158, .36) !important;
  background: rgba(200, 192, 158, .07) !important;
  color: #d2ccb3;
}

.ptn-order-list-copy strong { color: #c9ccc7; }
.ptn-order-list-copy small,
.ptn-order-inbox > footer,
.ptn-inbox-empty,
.ptn-order-panel-header p { color: var(--order-soft); }

.ptn-online-dot { background: #879b80; box-shadow: 0 0 0 4px rgba(135, 155, 128, .08); }
.ptn-order-status-dot.status-new { background: #aaa486; box-shadow: 0 0 0 4px rgba(170, 164, 134, .08); }
.ptn-order-status-dot.status-in_progress { background: #7e94aa; }
.ptn-order-status-dot.status-delivered,
.ptn-order-status-dot.status-completed { background: #82977b; }
.ptn-order-status-dot.status-cancelled { background: #a0665c; }

.ptn-order-panel {
  background: radial-gradient(circle at 75% 0, rgba(200, 192, 158, .025), transparent 28rem), #090c0d;
}

.ptn-thread-status {
  border-color: rgba(200, 192, 158, .25);
  border-radius: 999px;
  background: rgba(200, 192, 158, .055);
  color: #c9c3aa !important;
}

.ptn-order-brief-bar {
  border-color: var(--order-line);
  background: #0b0e0f;
}
.ptn-order-brief-bar span { color: #969b97; }
.ptn-order-brief-bar b { color: #646b68; }

.ptn-message-content {
  border-color: var(--order-line) !important;
  border-radius: 4px;
  background: #101314 !important;
  clip-path: none;
}
.ptn-chat-message.is-self .ptn-message-content {
  border-color: rgba(200, 192, 158, .2) !important;
  background: #151817 !important;
}
.ptn-message-content header strong { color: #d2d1ca; }
.ptn-message-content header time { color: #686e6b; }
.ptn-message-text { color: #aeb2ae; }
.ptn-chat-message.is-system .ptn-message-content { background: #0c0f10 !important; }
.ptn-chat-message.is-system .ptn-message-text { color: #888d89; }

.ptn-message-attachment {
  border-color: var(--order-line-strong);
  border-radius: 3px;
  background: #0a0d0e;
  color: #c9cbc6;
}
.ptn-message-attachment > span:first-child { border-color: var(--order-line-strong); color: #aaa691; }

.ptn-chat-composer {
  border-color: var(--order-line) !important;
  background: #0e1112 !important;
}
.ptn-attach-button {
  border-color: var(--order-line-strong);
  border-radius: 3px;
  background: #090c0d;
  color: #aaa691;
}
.ptn-attach-button:hover { border-color: rgba(222, 219, 207, .36); background: #151819; }
.ptn-composer-input textarea {
  border-color: var(--order-line);
  background: #090c0d;
  color: var(--order-text);
}
.ptn-composer-input small { color: #686e6b; }
.ptn-chat-feedback { color: #c9c3a8; }
.ptn-chat-feedback.is-error { color: #c77b70; }

.ptn-order-create-form label { color: #c0c3be; font-size: .76rem; }
.ptn-order-create-form small { color: #727874; font-size: .65rem; }
.ptn-order-create-form input,
.ptn-order-create-form select,
.ptn-order-create-form textarea,
.ptn-order-create-form input[type="file"] {
  border-color: var(--order-line) !important;
  background: #090c0d !important;
  color: #d9d9d2 !important;
}

.ptn-first-request { border-left: 2px solid #8f8a74 !important; }
.ptn-first-request-header p { color: var(--order-muted); font-size: .82rem; }
.ptn-first-request-steps { border-color: var(--order-line); background: var(--order-line); }
.ptn-first-request-steps div { background: #0d1011; }
.ptn-first-request-steps b { color: #aaa486; }
.ptn-first-request-steps span { color: #949995; }
.ptn-request-assurance { color: #737975 !important; }
.ptn-request-assurance span { color: #96917a; }

.custom-order-gate {
  border-left: 2px solid #8f8a74 !important;
  color: var(--order-muted);
}
.custom-order-gate h2 { color: var(--order-text); }

@media (max-width: 720px) {
  .custom-order-hero { padding-block: 40px 36px; }
  .custom-order-hero h1 { font-size: clamp(2.35rem, 12vw, 3.7rem); }
  .custom-order-hero p { font-size: .86rem; }
  .ptn-order-workspace { border-radius: 3px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .ptn-new-order,
  .ptn-order-list-item,
  .ptn-attach-button { transition: none; }
}