/* Declined Studios — Hire panel. Extends the main site's design tokens (style.css). */

.hire-cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.hire-cats a{padding:9px 16px;border-radius:999px;border:1px solid var(--border);color:var(--muted);
  font-weight:700;font-size:.85rem;transition:.2s}
.hire-cats a:hover,.hire-cats a.on{color:var(--text);border-color:var(--border2);background:rgba(255,255,255,.06)}

.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:20px}
.pkg{padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,border-color .3s}
.pkg:hover{transform:translateY(-6px);border-color:var(--border2)}
.pkg .pkg-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-weight:700}
.pkg h3{font-family:var(--font);font-weight:700;font-size:1.15rem;margin:0}
.pkg p{color:var(--muted);font-size:.92rem;margin:0;flex:1}
.pkg .price{font-family:var(--font);font-weight:700;font-size:1.5rem;letter-spacing:-.5px}
.pkg .price span{font-size:.85rem;color:var(--muted);font-weight:600}

.cat-block{margin-bottom:56px}
.cat-block h2{display:flex;align-items:center;gap:12px;font-family:var(--font);font-weight:700;
  font-size:1.5rem;letter-spacing:-.6px;margin:0 0 8px}
.cat-block > p{color:var(--muted);max-width:680px;margin:0 0 22px}

.thread{display:flex;flex-direction:column;gap:14px;margin:26px 0}
.msg{max-width:78%;padding:14px 18px;border-radius:16px;border:1px solid var(--border);position:relative}
.msg .who{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted);margin-bottom:6px}
.msg .when{font-size:.72rem;color:var(--muted2);margin-top:6px}
.msg p{margin:0;white-space:pre-wrap;color:var(--text2)}
.msg.from-admin{align-self:flex-start;background:var(--surface2)}
.msg.from-client{align-self:flex-end;background:rgba(34,211,238,.07);border-color:rgba(34,211,238,.25)}

.quote-box{border:1px solid var(--lime);background:rgba(163,230,53,.06);border-radius:16px;
  padding:22px 26px;margin:26px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.quote-box .amt{font-family:var(--font);font-weight:700;font-size:1.9rem;letter-spacing:-1px}
.quote-box .note{color:var(--muted);font-size:.9rem;margin-top:4px;max-width:420px}

.req-row{display:grid;grid-template-columns:60px 1fr auto auto;gap:16px;align-items:center;
  padding:16px 18px;border-bottom:1px solid var(--border)}
.req-row:hover{background:rgba(255,255,255,.03)}
.req-row .id{color:var(--muted);font-family:var(--font);font-weight:700}
.req-row .nm{font-weight:700}
.req-row .sub{color:var(--muted);font-size:.85rem}
.req-row.unread .nm::after{content:"●";color:var(--lime);margin-left:8px;font-size:.6em;vertical-align:middle}

.tabs{display:flex;gap:6px;margin-bottom:26px;border-bottom:1px solid var(--border)}
.tabs a{padding:11px 18px;font-weight:700;font-size:.88rem;color:var(--muted);border-bottom:2px solid transparent}
.tabs a.on{color:var(--text);border-color:var(--violet)}

.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.field-row{grid-template-columns:1fr}.req-row{grid-template-columns:1fr;text-align:left}}