.freelance-order{margin-top:28px;border:1px solid var(--its-border);border-radius:16px;padding:22px;background:#fff;box-shadow:0 10px 28px rgba(31,55,103,.06)}
.freelance-order-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #edf1f8}
.freelance-order-head>strong{font-size:13px;color:var(--its-muted);font-weight:600}
.freelance-status,.freelance-urgent{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;line-height:1.2}
.freelance-status{background:var(--its-accent-soft);color:var(--its-accent);border:1px solid var(--its-accent-border)}
.freelance-urgent{margin-left:6px;background:#fff0f3;color:var(--its-red);border:1px solid #f5c4ce}
.freelance-order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:16px}
.freelance-order-meta>div{min-width:0;border:1px solid #e6edf8;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;background:#fafcff}
.freelance-order-meta span{font-size:11px;color:var(--its-muted);font-weight:600;text-transform:uppercase;letter-spacing:.035em}
.freelance-order-meta strong{font-size:14px;color:var(--its-text);line-height:1.35}
.freelance-promote{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}
.freelance-promote a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--its-accent-border);border-radius:10px;background:#fff;color:var(--its-accent);font-size:12px;font-weight:700;text-decoration:none;transition:.2s ease}
.freelance-promote a:hover{background:var(--its-accent);border-color:var(--its-accent);color:#fff;transform:translateY(-1px);box-shadow:0 7px 16px rgba(56,103,214,.18)}
.freelance-promotion-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.freelance-promotion-state span{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#f2f6ff;border:1px solid var(--its-accent-border);color:var(--its-accent);font-size:11px;font-weight:600}
.freelance-promotion-state span.is-urgent{background:#fff0f3;border-color:#f5c4ce;color:var(--its-red)}
.freelance-responses{margin-top:26px;padding-top:22px;border-top:1px solid var(--its-border)}
.freelance-responses>h3{margin:0 0 14px;font-size:20px!important}
.freelance-response{margin-top:10px;border:1px solid var(--its-border);border-radius:13px;padding:15px 16px;background:#fff}
.freelance-response-user,.freelance-response-meta{display:flex;align-items:center;gap:10px;justify-content:space-between}
.freelance-response-user>a{font-weight:700;color:var(--its-text)}
.freelance-response-user span,.freelance-response-meta span{color:var(--its-muted);font-size:12px}
.freelance-response-meta{margin-top:8px;padding-top:8px;border-top:1px solid #edf1f8}
.freelance-response-text{margin-top:11px;color:var(--its-text-2);line-height:1.6}
.freelance-review{border:1px solid var(--its-border);border-radius:12px;padding:15px;background:#fff}
@media(max-width:575.98px){.freelance-order{padding:16px;border-radius:13px}.freelance-order-head{align-items:flex-start;flex-direction:column}.freelance-order-meta{grid-template-columns:1fr 1fr}.freelance-promote{display:grid;grid-template-columns:1fr 1fr}.freelance-promote a{justify-content:center;text-align:center}.freelance-response-user,.freelance-response-meta{align-items:flex-start;flex-direction:column}.freelance-promotion-state{align-items:flex-start}}
@media(max-width:399.98px){.freelance-order-meta,.freelance-promote{grid-template-columns:1fr}}

/* Portfolio selection in response form, and public examples under responses */
.freelance-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.freelance-portfolio-card{display:block;overflow:hidden;min-width:0;border:1px solid #e0e7f2;border-radius:12px;background:#fff;color:var(--its-text);text-decoration:none!important}
.freelance-portfolio-thumb{aspect-ratio:4/3;background:#f3f6fb;overflow:hidden;display:flex;align-items:center;justify-content:center}
.freelance-portfolio-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.freelance-portfolio-placeholder{color:#9ba6b6;font-size:12px}
.freelance-portfolio-title{display:block;padding:9px 10px;line-height:1.4;font-size:13px;font-weight:600;color:var(--its-text);overflow-wrap:anywhere}
.freelance-response-portfolio{margin-top:14px;padding-top:12px;border-top:1px solid #edf1f8}
.freelance-portfolio-choice{cursor:pointer;position:relative;margin:0}
.freelance-portfolio-choice input{position:absolute;top:8px;right:8px;width:20px;height:20px;z-index:1;accent-color:#3273df}
.freelance-portfolio-choice:has(input:checked){outline:2px solid #3273df;outline-offset:-2px}
.freelance-form .freelance-portfolio-grid{margin-top:12px;margin-bottom:10px}
.freelance-form .form-group{margin-bottom:18px}
.freelance-form{max-width:900px}
@media(max-width:767.98px){.freelance-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.freelance-portfolio-grid{grid-template-columns:1fr 1fr;gap:8px}.freelance-portfolio-title{font-size:12px}}