.co-customer{--ink:#17323A;--deep:#0F252D;--rust:#D36832;--paper:#FBFAF7;--cream:#F5F1EA;--line:#DDD5CA;--muted:#536166;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1180px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(.85rem,3vw,1.4rem) 5rem;line-height:1.55}
.co-customer *{box-sizing:border-box}
.co-customer-head{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,var(--deep),var(--ink));color:#fff;border-radius:20px;padding:clamp(1.15rem,3vw,1.7rem);margin-bottom:1rem}
.co-customer-head h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.02;letter-spacing:-.035em;margin:0;color:#fff}
.co-customer-head h1+p{margin:.45rem 0 0;color:rgba(255,255,255,.84);font-size:clamp(1rem,2vw,1.12rem)}
.co-customer h2{font-size:clamp(1.08rem,2.5vw,1.3rem);margin:0 0 .8rem}
.co-customer h3{font-size:18px;margin:0 0 10px}
.co-eyebrow{color:#f4b183;text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:700}
.co-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 1rem;padding:8px;background:var(--deep);border-radius:18px}
.co-tab{border:0!important;border-radius:12px!important;background:transparent!important;color:rgba(255,255,255,.82)!important;min-height:44px;padding:12px 18px!important;cursor:pointer}
.co-tab.current{background:var(--paper)!important;color:var(--deep)!important}
.co-card,.co-project,.co-request{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(1rem,3vw,1.35rem);margin-bottom:1rem;box-shadow:0 10px 30px rgba(23,50,58,.07)}
.co-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--rust)!important;color:#fff!important;border:1px solid var(--rust)!important;border-radius:9px!important;padding:11px 18px!important;text-decoration:none!important;cursor:pointer;font:inherit!important}
.co-button.secondary{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.co-card .co-button.secondary,.co-project .co-button.secondary,.co-request .co-button.secondary{background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important}
.co-customer button:disabled{opacity:.5;cursor:wait}
.co-project small,.co-message small{display:block;margin-top:12px;color:var(--muted)}
.co-badge{display:inline-block;padding:4px 9px;margin:0 10px 14px 0;border-radius:999px;background:var(--deep);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.co-form{display:grid;gap:16px;max-width:700px}
.co-field{display:grid;gap:7px;font-weight:600}
.co-customer input,.co-customer select,.co-customer textarea{font:inherit!important;min-height:44px;padding:12px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--paper)!important;color:var(--ink)!important;width:100%;max-width:100%}
.co-customer textarea{resize:vertical}
.co-customer-head select{max-width:120px;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.co-form button{justify-self:start}
.co-message{background:#f0ebe3;border-radius:12px;padding:16px;margin:12px 0;max-width:85%}
.co-message.mine{margin-left:auto;background:#e3ece7}
.co-message p{white-space:pre-wrap;overflow-wrap:anywhere}
.co-conversation{max-height:500px;overflow:auto;margin-bottom:24px}
.co-update{white-space:pre-wrap}
.co-customer :focus-visible{outline:3px solid rgba(211,104,50,.28);outline-offset:2px}
#co-status{padding:10px 8px;min-height:20px}
#co-status.error{color:#9B2C2C;background:#fff0ec;border-radius:9px;margin:12px 0}
@media(max-width:650px){.co-customer{padding:1.1rem .75rem 4rem}.co-customer-head{flex-wrap:wrap}.co-customer-head>div{width:100%}.co-tabs{flex-wrap:nowrap;overflow-x:auto}.co-tab{white-space:nowrap}.co-message{max-width:96%}}
body.co-customer-page{background:#F5F1EA}
body.co-customer-page .wp-site-blocks>header,body.co-customer-page .wp-site-blocks>footer,body.co-customer-page .wp-block-post-title{display:none!important}
.co-admin-explorer{margin:1rem 0}
.co-admin-explorer select{width:100%;max-width:100%;margin:.75rem 0}
.co-preview-banner{border-left:4px solid var(--rust);padding:.75rem 1rem;background:#fff4df;margin:.75rem 0;border-radius:12px}
.co-preview-banner:empty{display:none}
.co-preview-profile{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;gap:.5rem 1rem}
.co-preview-profile dt{font-weight:600}
.co-preview-profile dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.co-preview-profile{grid-template-columns:1fr}.co-preview-profile dd{margin-bottom:.5rem}}