/* Coherent working surfaces; client branding stays in its own header. */
:root {
  --bg-surface-elevated:#f8f9fb; --bg-surface-inset:#f1f3f6; --bg-surface-hover:#eceef3;
  --ui-ink:#202127; --ui-muted:#626571; --ui-link:#334fc4; --ui-focus:#4962cd;
}
*,*::before,*::after { box-sizing:border-box; }
[hidden] { display:none !important; }
:where(button,a,input,select,textarea,[role="button"],[contenteditable="true"]):focus-visible {
  outline:3px solid var(--ui-focus) !important;outline-offset:3px;
}
button,a,input,select,textarea { touch-action:manipulation; }
button:disabled { cursor:not-allowed; }
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.btn,.module-button,.aw-button,.btn-close,.btn-neu-icon,.aw-close,.btn-picker-nav,.btn-order-arrow,.btn-edit-desc,.file-preview-actions :is(a,button) {min-height:40px;}
.btn-close,.aw-close,.btn-picker-nav {min-width:40px;flex-shrink:0;}
.btn-order-arrow {width:36px!important;height:36px!important;min-height:36px;}
.module-button,.aw-button,.btn,.file-preview-actions :is(a,button) {font-size:.875rem;line-height:1.4;}
.modal-backdrop {padding:12px;overflow:hidden;}
.modal-container {max-width:100%;max-height:calc(100dvh - 24px);min-height:0;transform:none!important;}
.modal-header,.modal-container > .modal-footer {flex:0 0 auto;}
.modal-header-meta,.modal-col-left,.modal-col-right {min-width:0;}
.modal-header-meta {flex-wrap:wrap;}
.modal-container > :is(.modal-form,.modal-body,.modal-body-grid,.stage-manager-body,.permissions-manager-body,.receipt-preview-body,.receipt-body,.payout-modal-body,.quick-switcher-body) {
  min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;
}
.modal-container > .modal-form {flex:1 1 auto;}
.modal-container > .modal-form > .form-footer {position:sticky;bottom:-24px;z-index:2;background:#fff;padding-block:16px;}
.modal-footer,.form-footer {gap:10px;flex-wrap:wrap;}
.modal-body-grid {min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
.form-grid-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.form-grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.form-group,.form-group-luxury,.form-row-author-pill {min-width:0;}
.enhanced-multiple {display:none!important;}
.people-checklist {max-height:220px;overflow:auto;display:grid;gap:4px;padding:6px;border:1px solid #c4c7d0;border-radius:8px;background:#fff;}
.people-checklist label {display:flex!important;align-items:center;gap:10px;min-height:44px;margin:0!important;padding:8px;cursor:pointer;font-weight:500!important;}
.people-checklist label:has(:checked) {background:#e9edff;border-radius:6px;}
.people-checklist input[type="checkbox"] {appearance:auto!important;accent-color:#3d53b5;width:20px!important;min-width:20px!important;height:20px!important;margin:0!important;}
:is(.form-group,.form-group-luxury) :is(input,select,textarea) {max-width:100%;min-width:0;}
.form-group label,.form-group-luxury label,.section-title {font-size:.875rem!important;}
.field-help,.section-label,.modal-eyebrow,.manager-intro,.feed-section-title,.login-divider span {color:var(--ui-muted)!important;font-size:.75rem;line-height:1.6;}
.spec-inline-select,.comment-type-selector {color:var(--ui-ink)!important;background:#fff!important;border:1px solid #c4c7d0!important;min-height:40px;font-size:.875rem;max-width:100%;padding:7px 26px 7px 10px;}
.form-row-author-pill {flex-wrap:wrap;gap:12px;}
.comment-type-selector {width:100%;}
.custom-datepicker-popover {background:#fff!important;color:var(--ui-ink)!important;width:304px;max-width:calc(100vw - 40px);border:1px solid #c4c7d0;}
.picker-day {font:inherit;font-size:.875rem;background:transparent;border:0;min-height:38px;height:38px;}
.picker-day[aria-pressed="true"] {background:#e9edff;color:#243d9d;box-shadow:inset 0 0 0 2px #4962cd;border-radius:6px;}
.quick-switcher-header input {color:var(--ui-ink)!important;min-width:0;font-size:1rem;}
.quick-switcher-item {width:100%;border:0;background:transparent;font:inherit;text-align:left;min-height:48px;color:var(--ui-ink);}
.quick-switcher-item:hover,.quick-switcher-item.selected,.quick-switcher-item:focus-visible {background:#e9edff!important;color:#243d9d!important;}
.quick-switcher-item-tag,.kbd-badge {color:#525767;background:#f1f3f7;border-color:#d4d7df;}
.color-swatch-item {min-width:32px;min-height:32px;border:2px solid #fff;}
.color-swatch-item[aria-pressed="true"] {outline:2px solid #202127;outline-offset:2px;}
#newCardColorSwatches {gap:10px;padding:5px;}
#newCardColorSwatches .color-swatch-item {position:relative;width:44px;height:44px;flex:0 0 44px;box-shadow:none;transform:none;}
#newCardColorSwatches .color-swatch-item[aria-pressed="true"]::after {content:'✓';position:absolute;inset:10px;display:grid;place-items:center;background:#fff;color:#202127;border-radius:50%;font-size:16px;font-weight:800;line-height:1;}
.new-card-custom-color {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.new-card-custom-color label {margin:0;cursor:pointer;}
#newCardCoverColor {appearance:auto;width:52px;min-width:52px;height:44px;padding:4px;border:1px solid #a5a9b5;border-radius:8px;background:#fff;cursor:pointer;}
#newCardColorValue {font:500 .8125rem ui-monospace,monospace;color:var(--ui-muted);}
.assignee-bubble-remove {border:0;cursor:pointer;min-width:24px;min-height:24px;font:inherit;}
.timeline {max-height:none;overflow:visible;gap:14px;min-width:0;}
.timeline-item {padding:16px;border:1px solid #e1e4ea;border-radius:10px;min-width:0;flex:0 0 auto;}
.timeline-content {font-size:.9375rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ui-ink);}
.timeline-header {gap:8px 12px;flex-wrap:wrap;align-items:center;min-width:0;}
.timeline-header > * {max-width:100%;overflow-wrap:anywhere;}
.timeline-item .timeline-type {color:#485397;background:#eef0ff;}
.timeline-item .timeline-type.Feedback {color:#82500a;background:#fff2d9;}
.section-header-flex {flex-wrap:wrap;gap:8px 12px;}
.timeline-scope {font-size:.75rem;color:#63552b;background:#fff7df;padding:3px 7px;border-radius:5px;}
.timeline-author {font-size:.875rem;}.timeline-time {font-size:.75rem;color:var(--ui-muted);}
.content-link,.rich-desc-preview a,.aw-panel a:not(.aw-button),.aw-dialog a:not(.aw-button) {color:var(--ui-link)!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere;}
.content-link:hover,.rich-desc-preview a:hover {text-decoration-thickness:2px;}
.comment-reactions {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.comment-reactions button {min-width:44px;min-height:44px;border:1px solid #d4d7df;border-radius:22px;background:#fff;color:var(--ui-ink);font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.3;padding:5px 10px;cursor:pointer;}
.comment-reactions button:hover {background:#f1f3f7;}
.comment-reactions button[aria-pressed="true"] {background:#e9edff;border-color:#4962cd;box-shadow:inset 0 0 0 1px #4962cd;color:#243d9d;}
.comment-reactions button:disabled {opacity:.65;}
.aw-header p,.aw-panel p,.aw-dialog p,.aw-metrics article>span,.aw-metrics small,.aw-panel>header>span,.aw-due-row small,.aw-workload small,.aw-workspace td small,.aw-dialog td small,.aw-empty,.aw-workspace th,.aw-dialog th {color:var(--ui-muted);font-size:.8125rem;}
.aw-workspace table,.aw-dialog table,.aw-filter,.aw-dialog label {font-size:.875rem;}
.aw-row-actions .aw-button {font-size:.8125rem;min-height:38px;}
.aw-due-row b,.aw-workload b {font-size:.9375rem;}
.aw-metrics small,.notification-item span,.notification-item time,.notification-note {font-size:.75rem;color:var(--ui-muted);}
.aw-dialog input,.aw-dialog select,.aw-dialog textarea {font-size:1rem;}
.aw-close:disabled {opacity:.4;}
.file-preview-actions {gap:8px;flex-wrap:wrap;}
.file-version-toolbar {gap:12px;}.file-version-hint {font-size:.8125rem!important;color:var(--ui-muted)!important;}
.upload-queue-panel {font-size:.875rem;}.upload-queue-panel button {font-size:.8125rem;min-height:40px;}
.upload-queue-list {display:flex;flex-direction:column;flex:1 1 auto;max-height:min(50dvh,420px);scroll-padding-top:12px;}
.upload-queue-list article {flex:0 0 auto;min-height:max-content;}
.upload-queue-list small,.upload-queue-hint {font-size:.75rem;color:var(--ui-muted);}
.upload-queue-panel.is-minimized {width:auto;}.upload-queue-panel.is-minimized>:not(header) {display:none;}
.filter-chips {gap:8px;}.filter-chip {min-height:40px;font-size:.875rem;}
.filter-chip[aria-pressed="true"] {outline:1px solid var(--workspace-accent);outline-offset:-1px;}
.view-tab-btn {min-height:44px;}.view-tab-btn span {display:inline!important;}
@media(max-width:900px) {
 .modal-body-grid {grid-template-columns:minmax(0,1fr);}
 .modal-col-left {border-right:0;}.modal-col-right {border-top:1px solid #e1e4ea;}
 .form-grid-3 {grid-template-columns:repeat(2,minmax(0,1fr));}
 .filter-chips {display:flex!important;overflow-x:auto;max-width:100%;padding:4px 1px;flex-wrap:nowrap;}
 .filter-chip {flex:0 0 auto;}
}
@media(max-width:600px) {
 .modal-backdrop {padding:6px;}.modal-container {max-height:calc(100dvh - 12px);border-radius:10px!important;}
 .modal-header {padding:14px 16px;}.modal-header-meta {gap:8px;}
 .modal-form,.modal-col-left,.modal-col-right {padding:16px;}
 .form-grid-2,.form-grid-3 {grid-template-columns:minmax(0,1fr);}
 .form-footer .btn,.modal-footer .btn {flex:1 1 auto;}
 input,select,textarea {font-size:1rem!important;}
 .btn,.module-button,.aw-button,.btn-close,.btn-neu-icon,.comment-reactions button,.file-preview-actions :is(a,button) {min-height:44px;}
 .nav-left,.nav-right {min-width:0;flex-wrap:wrap;}.nav-tabs,.view-tabs {max-width:100%;}
 .aw-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}.aw-metrics article {padding:16px;}
 .aw-header,.aw-panel>header {flex-wrap:wrap;gap:12px;}.aw-table-scroll {scrollbar-gutter:stable;}
 .upload-queue-panel {right:8px;bottom:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}
.revision-pill {display:inline-flex;align-items:center;flex:0 0 auto;min-height:24px;padding:3px 8px;border-radius:6px;background:#fff1db;color:#854508;font-size:.75rem;font-weight:650;line-height:1.4;}
.card-header-left {flex-wrap:wrap;min-width:0;}
.production-decision {padding:20px;margin-bottom:24px;border:1px solid #d6dae1;border-radius:12px;background:#fff;color:#22252b;min-width:0;}
.production-decision h4 {margin:0 0 8px;font-size:1.05rem;line-height:1.4;}
.production-decision p {margin:0 0 16px;color:#555b66;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;}
.production-decision-buttons {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.production-decision button {min-height:44px;white-space:normal;line-height:1.4;}
.production-decision label {display:block;color:#343a44;font-size:.875rem;line-height:1.5;margin-bottom:8px;}
.production-decision textarea {display:block;width:100%;min-height:112px;max-width:100%;box-sizing:border-box;padding:12px;margin:0 0 12px;resize:vertical;background:#fff;color:#22252b;border:1px solid #a4abb6;border-radius:8px;font:inherit;}
.production-decision [hidden],.production-decision[hidden] {display:none!important;}
@media(max-width:480px){.production-decision{padding:16px}.production-decision-buttons>button{flex:1 1 140px;}}

/* The client's contact is separate from the internal production team. */
#metaItemAssignee[hidden],#newCardClientResponsibleGroup[hidden] {display:none!important;}
.card-assignee-avatar.unassigned {display:inline-flex;align-items:center;justify-content:center;background:#eef0f4!important;color:#535b68!important;}
.card-client-brand-fallback {display:inline-block;flex:0 1 auto;max-width:140px;min-width:0;padding:5px 9px;border-radius:6px;background:#eef0f4;color:#535b68;font-size:.75rem;font-weight:650;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gantt-card-meta .card-assignees-cluster {flex:0 0 auto;}
.gantt-card-meta .card-assignee-avatar {width:28px;height:28px;font-size:.75rem;}
.assignee-bubbles-cluster.client-responsible-cluster {display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;min-width:0;}
.client-responsible-summary {display:flex;align-items:center;gap:10px;min-width:0;color:var(--ui-ink);}
.client-responsible-summary>span {min-width:0;overflow-wrap:anywhere;}
.client-responsible-summary strong {display:block;font-size:.875rem;line-height:1.5;}
.client-responsible-summary small {display:block;font-size:.8125rem;line-height:1.4;color:var(--ui-muted);}
.client-responsible-editor {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;}
.client-responsible-editor label,.client-responsible-create label {display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ui-ink);font-size:.875rem;line-height:1.5;}
.client-responsible-editor select,.client-responsible-create select,.client-responsible-editor input,.client-responsible-create input {box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:8px 10px;background:#fff;color:#22252b;border:1px solid #a4abb6;border-radius:8px;font:inherit;}
.client-responsible-editor .btn {min-height:44px;white-space:normal;}
.client-responsible-editor .field-help {margin:0;font-size:.8125rem;line-height:1.5;color:var(--ui-muted);overflow-wrap:anywhere;}
.client-responsible-editor [disabled] {opacity:.65;cursor:not-allowed;}
.sales-project-section {margin:18px 0;padding:18px;border:1px solid var(--ui-border,#d1d5db);border-radius:12px;background:var(--ui-surface,#fff);color:var(--ui-ink,#22252b);min-width:0;}
.sales-project-section[hidden],.sales-project-create[hidden] {display:none!important;}
.sales-project-section label {display:block;margin:12px 0 6px;font-size:.875rem;font-weight:600;}
.sales-project-controls {display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.sales-project-controls select {flex:1 1 180px;}
.sales-project-controls select,.sales-project-create select {box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:8px 10px;border:1px solid #a4abb6;border-radius:8px;background:#fff;color:#22252b;font:inherit;}
.sales-project-section .btn {min-height:44px;white-space:normal;}
.sales-project-section .field-help,.sales-project-price {margin:10px 0 0;font-size:.875rem;color:var(--ui-muted,#535765);line-height:1.5;overflow-wrap:anywhere;}
.sales-assigned-name {margin:8px 0 0;font-weight:600;overflow-wrap:anywhere;}
.sales-project-section [data-notice]:empty {display:none;}
#menuBtnFinance[hidden] {display:none!important;}
.client-responsible-create {gap:8px;}
