.projects-app,.customer-portal{--project-blue:#2455a9;--project-red:#d93732;--project-blue-soft:#eaf1ff;--project-red-soft:#fff0ef;--project-gap:1.5rem;color:var(--color-text)}.projects-app{gap:1.7rem;min-width:0;display:grid}.projects-app h1,.customer-portal h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2}.projects-app h2,.customer-portal h2{letter-spacing:-.02em;margin:0 0 .9rem;font-size:1.1rem}.projects-app h3,.customer-portal h3{margin:0;font-size:.95rem}.project-eyebrow{color:var(--project-blue);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:650}.project-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-heading-actions,.project-inline-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.project-muted{color:var(--color-text-muted);font-size:.85rem}.project-error{color:var(--color-danger);overflow-wrap:anywhere;font-size:.9rem}.project-loading{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.project-empty{color:var(--color-text-muted);margin:1.4rem 0}.project-spin{animation:1s linear infinite project-spin}@keyframes project-spin{to{transform:rotate(360deg)}}.project-button{cursor:pointer;text-align:center;border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.6rem .95rem;font-size:.86rem;font-weight:600;transition:background .15s;display:inline-flex}.project-button-primary{background:var(--project-blue);color:#fff}.project-button-primary:hover{background:color-mix(in srgb,var(--project-blue) 85%,black)}.project-button-quiet{background:var(--color-surface-hover);color:var(--color-text)}.project-button-danger{background:var(--color-danger-soft);color:var(--color-danger)}.project-button:disabled{cursor:not-allowed;opacity:.55}.project-button svg{flex-shrink:0}.project-panel{background:var(--color-surface);border-radius:1rem;padding:1.5rem}.project-fields{gap:1.15rem;display:grid}.project-field{gap:.35rem;min-width:0;display:grid}.project-field>span{font-size:.8rem;font-weight:600}.project-field input,.project-field textarea,.project-field select,.project-search input,.project-search select{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:.55rem;width:100%;min-width:0;min-height:2.75rem;padding:.6rem .75rem}.project-field textarea{resize:vertical;min-height:7rem}.project-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-field small{color:var(--color-text-muted);font-size:.76rem}.project-checkbox{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.project-checkbox input{accent-color:var(--project-blue);width:1.1rem;height:1.1rem}.project-tabs{white-space:nowrap;align-items:center;gap:1.2rem;padding:.2rem 0;display:flex;overflow-x:auto}.project-tabs a{color:var(--color-text-muted);border-bottom:2px solid #0000;padding:.6rem 0;font-size:.85rem}.project-tabs a[aria-current=page]{border-color:var(--project-blue);color:var(--project-blue);font-weight:650}.project-search{flex-wrap:wrap;gap:.6rem;display:flex}.project-search input{flex:14rem;width:auto}.project-search select{flex:0 12rem;width:auto}.project-list{gap:.2rem;display:grid}.project-row{align-items:center;gap:1rem;min-height:4.6rem;padding:.9rem .3rem;display:flex}.project-row:hover{background:var(--color-surface-hover);border-radius:.6rem}.project-row-main{flex:1;gap:.3rem;min-width:0;display:grid}.project-row-main strong{overflow-wrap:anywhere;font-size:.96rem}.project-row-main small{color:var(--color-text-muted);font-size:.8rem}.project-status{background:var(--color-surface-hover);white-space:nowrap;border-radius:999px;justify-self:start;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.project-status-open,.project-status-review,.project-status-customer_review,.project-status-owner_review{background:var(--project-blue-soft);color:var(--project-blue)}.project-status-failed,.project-status-rejected{background:var(--color-danger-soft);color:var(--color-danger)}.project-status-done,.project-status-published{background:var(--color-success-soft);color:var(--color-success)}.project-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.project-pagination span{color:var(--color-text-muted);font-size:.8rem}.project-pagination nav{gap:.5rem;display:flex}.project-customer-grid{grid-template-columns:minmax(0,1.6fr) minmax(15rem,1fr);gap:2.4rem;display:grid}.project-detail-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;display:grid}.project-detail-main{gap:1.6rem;min-width:0;display:grid}.project-description{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7}.project-detail-meta{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.project-edit-form{gap:1rem;margin-top:1.2rem;display:grid}.project-notice{background:var(--project-blue-soft);color:var(--project-blue);border-radius:.7rem;padding:.85rem 1rem;font-size:.85rem}.project-danger-note{background:var(--project-red-soft);color:var(--project-red);border-radius:.6rem;padding:.8rem;font-size:.85rem}.project-inline-code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.8rem}.project-agent-document{background:var(--color-surface-subtle);white-space:pre-wrap;border-radius:.7rem;max-height:25rem;padding:1rem;font-size:.78rem;overflow:auto}.customer-portal{background:var(--color-canvas);min-height:100dvh}.customer-header{background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:1.5rem;min-height:5rem;padding:1rem clamp(1rem,3vw,3rem);display:flex}.customer-brand{flex-shrink:0;display:inline-flex}.customer-brand img{width:10rem;max-width:100%;height:auto;display:block}.customer-header nav{gap:1.2rem;font-size:.88rem;display:flex}.customer-header nav a:hover{color:var(--project-blue)}.customer-account{color:var(--color-text-muted);overflow-wrap:anywhere;max-width:16rem;margin-left:auto;font-size:.82rem}.customer-content{max-width:100rem;min-height:calc(100dvh - 11rem);margin:0 auto;padding:clamp(1.2rem,3vw,3rem)}.customer-footer{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem clamp(1rem,3vw,3rem);font-size:.75rem;display:flex}.customer-footer a{align-items:center;gap:.35rem;display:inline-flex}.customer-footer a:hover{color:var(--project-blue)}.customer-auth{max-width:25rem;margin:clamp(2rem,8vh,7rem) auto}.customer-auth h1{margin:.6rem 0 2rem}.customer-auth form{gap:1rem;display:grid}.customer-projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem;display:grid}.customer-project-card{background:var(--color-surface);border-radius:1rem;gap:.85rem;padding:1.5rem;display:grid}.customer-project-card:hover h2{color:var(--project-blue)}.customer-project-card h2{margin:0}.customer-ticket-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:2rem;display:grid}.customer-preview{min-width:0;position:sticky;top:1rem}.customer-preview iframe{background:#fff;border:0;border-radius:.85rem;width:100%;height:73dvh;min-height:25rem}.customer-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.customer-preview-empty{background:var(--color-surface);color:var(--color-text-muted);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:28rem;padding:2rem;display:flex}.customer-mobile-tabs{display:none}.project-chat{gap:1.3rem;min-width:0;display:grid}.project-chat-messages{flex-direction:column;gap:1.25rem;max-height:38rem;padding:.3rem;display:flex;overflow:auto}.project-message{gap:.4rem;display:grid}.project-message header{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.project-message time{color:var(--color-text-muted);font-size:.7rem}.project-message p{background:var(--color-surface-subtle);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:0 .8rem .8rem;margin:0;padding:.8rem 1rem;line-height:1.6}.project-message-internal p{background:var(--project-blue-soft)}.project-attachments{flex-wrap:wrap;gap:.6rem;display:flex}.project-attachment{overflow-wrap:anywhere;max-width:100%;font-size:.8rem}.project-attachment img{border-radius:.6rem;max-width:100%;max-height:15rem;display:block}.project-attachment audio{width:17rem;max-width:100%}.project-composer{gap:.65rem;display:grid}.project-composer textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);resize:vertical;border-radius:.7rem;width:100%;min-height:6rem;padding:.8rem}.project-upload{cursor:pointer;align-items:center;gap:.4rem;min-height:2.75rem;font-size:.8rem;display:inline-flex}.project-recording{color:var(--project-red);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.project-recording svg{width:1rem}.project-voice-preview{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-voice-preview audio{max-width:100%}.project-running-clock{background:var(--project-blue-soft);color:var(--project-blue);border:0;border-radius:.7rem;align-items:center;gap:.55rem;padding:.35rem .65rem;font-size:.78rem;display:inline-flex}.project-running-clock button{cursor:pointer;color:inherit;background:0 0;border:0;padding:.4rem}.project-running-clock a{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.project-check-list{gap:.7rem;padding:0;list-style:none;display:grid}.project-check-list li{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.project-check-list small{color:var(--color-text-muted);margin-left:auto}.project-run-list{gap:.7rem;display:grid}.project-run-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-run-details{gap:1rem;margin-top:1rem;display:grid}.project-budget{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.project-budget strong{font-size:1.5rem}.project-budget small{color:var(--color-text-muted)}.project-legal{max-width:50rem;margin:0 auto;line-height:1.8}.project-legal h1{margin-bottom:1.5rem}.project-legal pre{font:inherit;white-space:pre-wrap}.project-price-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem;display:grid}.project-price{background:var(--color-surface);border-radius:1rem;gap:1rem;padding:1.5rem;display:grid}@media (prefers-color-scheme:dark){.projects-app,.customer-portal{--project-blue:#98baff;--project-blue-soft:#233149;--project-red:#ff928c;--project-red-soft:#3d272b}.project-button-primary{color:#fff;background:#315eae}}@media (max-width:1000px){.customer-ticket-layout,.project-detail-columns{grid-template-columns:1fr}.customer-preview{position:static}.customer-mobile-tabs{display:flex}.customer-ticket-layout[data-view=preview]>.customer-request,.customer-ticket-layout[data-view=request]>.customer-preview{display:none}.customer-preview iframe{height:70dvh;min-height:22rem}.project-customer-grid{grid-template-columns:1fr}}@media (max-width:620px){.project-field-grid{grid-template-columns:1fr}.project-panel{padding:1.1rem}.project-field input,.project-field select,.project-field textarea,.project-search input,.project-search select,.project-composer textarea{font-size:16px}.project-row{flex-wrap:wrap;gap:.5rem}.project-row-main{flex-basis:80%}.customer-header{gap:.8rem}.customer-header nav{order:3;width:100%}.customer-account{max-width:8rem}.customer-content{padding:1.2rem 1rem}.customer-footer{gap:.8rem}.project-running-clock a{display:none}}@media (prefers-reduced-motion:reduce){.project-spin{animation:none}.project-button{transition:none}}