:root{--text-xxs:clamp(.625rem, .59rem + .08vw, .7rem);--text-xs:clamp(.72rem, .7rem + .08vw, .76rem);--text-sm:clamp(.8rem, .77rem + .12vw, .875rem);--text-base:clamp(.875rem, .83rem + .16vw, .96rem);--text-md:clamp(.96rem, .9rem + .22vw, 1.06rem);--text-lg:clamp(1.06rem, .98rem + .3vw, 1.18rem);--text-xl:clamp(1.2rem, 1.08rem + .42vw, 1.38rem);--text-2xl:clamp(1.4rem, 1.2rem + .72vw, 1.75rem);--text-3xl:clamp(1.65rem, 1.28rem + 1.28vw, 2.25rem);--text-4xl:clamp(2rem, 1.48rem + 1.8vw, 2.85rem);--space-1:clamp(.2rem, .18rem + .08vw, .25rem);--space-2:clamp(.42rem, .37rem + .18vw, .5rem);--space-3:clamp(.64rem, .56rem + .26vw, .75rem);--space-4:clamp(.85rem, .75rem + .34vw, 1rem);--space-5:clamp(1rem, .86rem + .48vw, 1.25rem);--space-6:clamp(1.15rem, .95rem + .7vw, 1.5rem);--space-8:clamp(1.45rem, 1.12rem + 1.14vw, 2rem);--space-10:clamp(1.8rem, 1.38rem + 1.45vw, 2.5rem);--space-12:clamp(2.1rem, 1.58rem + 1.82vw, 3rem);--space-16:clamp(2.7rem, 1.95rem + 2.6vw, 4rem);--page-gutter:clamp(1rem, .46rem + 1.85vw, 2rem);--mobile-topbar-height:4rem;--touch-target:2.75rem}.main-content{width:100%;max-width:none;padding:calc(var(--app-header-height) + var(--space-6)) var(--page-gutter) var(--space-8)}.page-header{margin-bottom:var(--space-6)}.page-header-row{flex-wrap:wrap}.page-header-row>div:first-child{min-width:min(100%,18rem)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:52rem}.table-sort-link{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.table-sort-link.active{color:var(--accent-primary)}.table-sort-link svg{opacity:.4}.table-sort-link.active svg{opacity:1}.table-sort-button.align-center{text-align:center;justify-content:center}.table-sort-button.align-right{text-align:right;justify-content:flex-end}.ds-page{width:100%;container:ds-page/inline-size}.ds-page-header{margin-bottom:var(--space-6);container:page-header/inline-size}.ds-page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.ds-page-header-copy{min-width:min(100%,18rem)}.ds-page-title{margin:0 0 var(--space-2);color:var(--accent-primary);font-size:var(--text-3xl);letter-spacing:0;font-weight:750;line-height:1.12}.ds-page-description{max-width:42rem;color:color-mix(in oklch, var(--accent-secondary) 45%, var(--text-secondary));font-size:var(--text-base)}.ds-page-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card)}.ds-panel-padded{padding:var(--space-5)}.ds-stack{gap:var(--stack-gap,var(--space-4));flex-direction:column;display:flex}.ds-cluster{align-items:center;gap:var(--cluster-gap,var(--space-3));flex-wrap:wrap;display:flex}.cluster-tight{--cluster-gap:var(--space-2)}.ds-cluster-between{justify-content:space-between}.ds-fluid-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min,16rem)), 1fr));gap:var(--grid-gap,var(--space-4));display:grid}.ds-metric-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid;container:metric-grid/inline-size}.ds-metric-card{align-items:center;gap:var(--space-3);min-height:5rem;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);color:inherit;text-decoration:none;display:flex}.ds-metric-card:before{content:"";border-radius:var(--radius-full);background:var(--accent-primary);align-self:stretch;width:.25rem}.ds-metric-value{min-width:2.6rem;color:var(--text-primary);font-size:clamp(1.55rem,1.16rem + 1.1vw,2.2rem);font-weight:850;line-height:1}.ds-metric-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:750;line-height:1.25}.ds-metric-meta{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:.125rem}.ds-metric-card.warning:before{background:var(--color-warning)}.ds-metric-card.danger:before{background:var(--color-danger)}.ds-metric-card.info:before{background:var(--color-info)}.ds-metric-card.success:before{background:var(--color-success)}.ds-filter-bar{gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;display:flex;container:filter-bar/inline-size}.responsive-data-list{container:data-list/inline-size}.responsive-data-list-cards{display:none}.resource-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;display:flex}.resource-card-link{cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast)}.resource-card-link:hover,.resource-card-link:focus-visible{border-color:var(--border-default);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);outline:none}.resource-card+.resource-card{margin-top:var(--space-3)}.resource-card-header{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.resource-card-title{color:var(--text-primary);font-size:var(--text-md);font-weight:800;line-height:1.25;text-decoration:none}.resource-card-kicker,.resource-card-meta{color:var(--text-tertiary);font-size:var(--text-xs)}.resource-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.resource-card-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.resource-card-field{min-width:0}.resource-card-field span{margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.resource-card-field strong,.resource-card-field p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;font-weight:550;line-height:1.35}.resource-card-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.list-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-toolbar .search-bar{flex:16rem}.list-toolbar .search-bar:not(.compact){margin-bottom:0}.list-toolbar .form-select{min-width:min(100%,9rem);height:38px;font-size:var(--text-sm);background:var(--bg-secondary);border-color:var(--border-subtle);flex:0 12rem;padding-top:0;padding-bottom:0}.list-toolbar-count{color:var(--text-tertiary);font-size:var(--text-xs);margin-left:auto}.form-group-end{justify-content:end}.tab-count{margin-left:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tab{flex:none}.status-dot{border-radius:var(--radius-full);background:var(--color-danger);flex:none;width:.5rem;height:.5rem;display:inline-flex}.status-dot.live{background:var(--color-success)}.dns-flag{align-items:center;gap:var(--space-1);color:var(--text-tertiary);display:inline-flex}.dns-flag.active{color:var(--color-success)}.dns-flag.unknown{color:var(--text-tertiary);opacity:.65}.customers-workspace>main,.responsive-data-list,.responsive-data-list-table{min-width:0}.mobile-app-bar,.mobile-nav-overlay{display:none}.mobile-app-bar{z-index:150;min-height:var(--mobile-topbar-height);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0fe6;background:lab(2.83529% .59282 -2.17499/.9);position:fixed;inset:0 0 auto}.mobile-app-brand{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-primary);display:flex}.mobile-app-brand>span:last-child{min-width:0}.mobile-app-brand-mark{border-radius:var(--radius-md);background:var(--accent-primary);width:2.25rem;height:2.25rem;color:var(--text-inverse);flex:none;place-items:center;display:grid;overflow:hidden}.mobile-app-brand-title,.mobile-app-brand-subtitle{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-app-brand-title{font-size:var(--text-sm);font-weight:800}.mobile-app-brand-subtitle{color:var(--text-tertiary);font-size:var(--text-xs)}.mobile-nav-overlay.open{z-index:160;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000094;background:lab(0% 0 0/.58);display:block;position:fixed;inset:0}.mobile-nav-panel{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-secondary);width:min(23rem,100vw - 2rem);height:calc(100vh - 2rem);box-shadow:var(--shadow-xl);flex-direction:column;margin:1rem;display:flex;overflow:hidden}.mobile-nav-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.mobile-nav-scroll{padding:var(--space-4);flex:1;overflow-y:auto}.mobile-nav-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.dashboard-page{container:dashboard-page/inline-size}.dashboard-section{margin-top:var(--space-6)}.dashboard-section:first-of-type{margin-top:0}.dashboard-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-section-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-md);font-weight:750;display:flex}.dashboard-action-grid{--grid-min:17rem;--grid-gap:var(--space-3)}.dashboard-action-card{align-items:center;gap:var(--space-3);min-height:5.5rem;padding:var(--space-4);color:inherit;text-decoration:none;display:flex}.dashboard-action-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.dashboard-icon{border-radius:var(--radius-md);background:var(--dashboard-icon-bg,var(--accent-primary-muted));width:2.75rem;height:2.75rem;color:var(--dashboard-icon-color,var(--accent-primary));flex:none;place-items:center;display:grid}.dashboard-action-card-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.dashboard-action-card-copy{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.35}.dashboard-stage-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.dashboard-stage-card{min-width:0;padding:var(--space-3);border-left:.2rem solid var(--stage-accent,var(--accent-primary));border-radius:var(--radius-md);background:var(--bg-secondary);text-decoration:none;display:block}.dashboard-stage-label{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-stage-count{margin-top:var(--space-1);color:var(--text-primary);font-size:var(--text-lg);font-weight:800;line-height:1.1}.dashboard-stage-value{margin-top:var(--space-1);color:var(--stage-accent,var(--accent-primary));font-size:var(--text-xs)}.dashboard-list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-list-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.dashboard-list-row-main{min-width:0}.dashboard-list-row-main-title{color:var(--text-primary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.dashboard-list-row-main-copy{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-list-row-meta{justify-content:flex-end;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs);flex:none;display:flex}.dashboard-avatar{border-radius:var(--radius-md);background:var(--accent-primary-muted);width:2.25rem;height:2.25rem;color:var(--accent-primary);font-size:var(--text-sm);flex:none;place-items:center;font-weight:700;display:grid}.dashboard-inline-icon{margin-right:var(--space-1);vertical-align:middle;display:inline}@container dashboard-page (max-width:46rem){.dashboard-list-row,.dashboard-list-row-meta{flex-direction:column;align-items:flex-start}.dashboard-list-row-meta{gap:var(--space-2)}}.customers-page{container:customers-page/inline-size}.customers-command-bar{gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.customers-command-row{grid-template-columns:minmax(15rem,1fr) auto auto auto}.customers-search .search-bar,.search-bar.compact{max-width:none;margin-bottom:0}.search-bar:not(.compact){margin-bottom:var(--space-6)}.customers-view-tabs{margin-top:0}.customers-insight-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.customers-view-panel{container-type:inline-size}@container customers-page (max-width:82rem){.customers-workspace{grid-template-columns:1fr}.customers-view-panel{position:static}}.customer-mobile-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;display:flex}.customer-mobile-card+.customer-mobile-card{margin-top:var(--space-3)}.customer-mobile-card-header{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.customer-mobile-card-title{min-width:0}.customer-mobile-card-title a{color:var(--text-primary);font-size:var(--text-md);font-weight:800;text-decoration:none}.customer-mobile-card-title p{margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs)}.customer-mobile-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.customer-mobile-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.customer-mobile-field{min-width:0}.customer-mobile-field span{margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.customer-mobile-field strong,.customer-mobile-field p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;font-weight:550;line-height:1.35}.customer-mobile-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}@container page-header (max-width:42rem){.ds-page-header-row{align-items:stretch}.ds-page-actions{justify-content:stretch;width:100%}.ds-page-actions .btn{min-height:var(--touch-target);flex:auto;justify-content:center}.ds-page-actions .jobs-filter-toggle{width:100%}.ds-page-actions .jobs-filter-button{flex:1;justify-content:center}}@container metric-grid (max-width:30rem){.ds-metric-card{min-height:4.5rem}}@container filter-bar (max-width:52rem){.customers-command-row{grid-template-columns:minmax(15rem,1fr) repeat(2,minmax(8rem,auto))}.customers-command-row>.btn{grid-column:1/-1;justify-self:start}}@container filter-bar (max-width:34rem){.customers-command-row{flex-direction:column;align-items:stretch;display:flex}.customer-filter-menu summary,.customers-command-row>.btn{width:100%;min-height:var(--touch-target);justify-content:space-between}.customer-filter-popover{width:100%;margin-top:var(--space-2);position:static}}@container customers-page (max-width:45rem){.customers-view-tabs{margin-right:calc(var(--space-4) * -1);padding-right:var(--space-4)}.customers-workspace{gap:var(--space-3)}.customers-view-panel{order:-1}}@container data-list (max-width:46rem){.responsive-data-list-table{display:none}.responsive-data-list-cards{display:block}.customer-mobile-grid,.customer-mobile-card-header,.resource-card-grid,.resource-card-header{grid-template-columns:1fr}}@container data-list (max-width:30rem){.customer-mobile-card-footer,.resource-card-actions{flex-direction:column;align-items:stretch}.resource-card-actions .btn{justify-content:center;width:100%}}.kanban-board{min-width:0;container:kanban-board/inline-size}.kanban-scroll{gap:var(--space-4);max-width:100%;padding-bottom:var(--space-3);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.kanban-column{width:var(--kanban-column-width,18.75rem);flex:0 0 var(--kanban-column-width,18.75rem);gap:var(--space-2);scroll-snap-align:start;transition:opacity var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.kanban-column.dragging{opacity:.6}.kanban-column.drop-target{transform:translateY(-.125rem)}.kanban-column-header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:1.875rem;padding:0 var(--space-2);border-left:.1875rem solid var(--kanban-column-accent,var(--accent-primary));background:var(--bg-primary);display:flex}.kanban-column-header.pinned{top:var(--kanban-pinned-top);left:var(--kanban-pinned-left);z-index:30;width:var(--kanban-pinned-width);position:fixed}.kanban-column-edit,.kanban-column-title-row{align-items:center;gap:var(--space-1);min-width:0;padding-left:var(--space-2);flex:1;display:flex}.kanban-column-title-row{gap:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:650}.kanban-column-edit-input{height:1.75rem;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);flex:1}.kanban-column-mini-button,.kanban-column-drag-button{width:1.375rem;height:1.375rem;padding:0}.kanban-column-drag-button{cursor:grab;opacity:.55;width:1.125rem;height:1.125rem}.kanban-column-mini-button.muted{opacity:.55}.kanban-column-mini-button.danger{color:var(--color-danger)}.kanban-column-body{gap:var(--space-2);min-height:7.5rem;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);transition:background var(--transition-fast), border-color var(--transition-fast);flex-direction:column;flex:1;display:flex}.kanban-column-body.over{background:var(--accent-primary-muted)}.kanban-column-body.drop-target{border-color:var(--border-accent);background:color-mix(in oklch, var(--accent-primary) 8%, transparent)}.kanban-card{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm);cursor:grab;touch-action:none}.kanban-card.has-accent{border-top:.1875rem solid var(--kanban-card-accent)}.kanban-card.dragging{cursor:grabbing}.task-card-content,.pipeline-card-content{min-width:0}.task-card-header,.pipeline-card-header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.task-card-header{justify-content:space-between}.task-card-header .badge{flex:none;align-self:flex-start}.task-card-main,.pipeline-card-main{align-items:flex-start;gap:var(--space-2);flex:1;min-width:0;display:flex}.task-priority-icon{color:var(--task-priority-color,var(--accent-primary));fill:var(--task-priority-fill,transparent);flex:none;margin-top:.1875rem}.task-card-title,.pipeline-card-title{min-width:0;color:var(--text-primary);font-size:var(--text-sm);flex:1;font-weight:650;line-height:1.4}.task-card-job-id{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:0;margin-bottom:.125rem;font-weight:750}.task-card-description{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.task-card-links{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.task-card-link-row,.task-card-milestone-title,.task-card-due,.pipeline-card-date{align-items:center;gap:var(--space-1);min-width:0;color:var(--text-tertiary);font-size:var(--text-xs);display:flex}.task-card-link-row span,.task-card-milestone-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-card-milestone{margin-bottom:var(--space-2);padding-top:var(--space-1)}.task-card-milestone-row,.task-card-footer,.pipeline-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.task-card-milestone-row{margin-bottom:var(--space-2)}.task-card-milestone-title.overdue,.task-card-milestone-count.overdue,.task-card-due.overdue{color:var(--color-danger)}.task-card-milestone-count{color:var(--text-tertiary);font-size:var(--text-xs);flex:none;font-weight:650}.task-card-milestone-progress{border-radius:var(--radius-full);background:var(--bg-tertiary);height:.25rem;overflow:hidden}.task-card-milestone-fill{border-radius:var(--radius-full);background:var(--accent-primary);height:100%}.task-card-milestone-fill.overdue{background:var(--color-danger)}.task-card-footer{margin-top:var(--space-2)}.task-avatar-stack{min-width:0;display:flex}.task-avatar{border:.125rem solid var(--bg-card);border-radius:var(--radius-full);background:var(--accent-primary-muted);width:1.5rem;height:1.5rem;color:var(--accent-primary);justify-content:center;align-items:center;font-size:.625rem;font-weight:650;display:flex}.task-avatar+.task-avatar{margin-left:-.375rem}.task-avatar.extra{background:var(--bg-subtle);color:var(--text-tertiary)}.pipeline-card-icon{color:var(--accent-primary);flex:none;margin-top:.125rem}.pipeline-card-client{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;overflow:hidden}.pipeline-card-value{color:var(--color-success);font-size:var(--text-sm);font-weight:800}.pipeline-card-actions{margin-top:var(--space-2)}.pipeline-card-link{color:var(--accent-primary);font-size:var(--text-xs);text-decoration:underline}.project-detail-page,.customer-detail-page,.hosting-detail-page,.team-detail-page{container-type:inline-size}.project-detail-metrics,.ai-metric-grid,.report-metric-grid,.project-detail-grid{margin-bottom:var(--space-6)}.detail-panel-title{color:var(--text-primary);font-size:var(--text-md);margin:0;font-weight:750;line-height:1.25}.detail-copy{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--text-sm);white-space:pre-line;line-height:1.7}.detail-field-list{gap:var(--space-4);margin-top:var(--space-4);display:grid}.detail-field-list.compact{gap:var(--space-3)}.detail-field{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;min-width:0;display:grid}.detail-field.text-only{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr)}.detail-field-icon{color:var(--text-tertiary);flex:none;margin-top:.125rem}.detail-field-label{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.detail-field-value{min-width:0;color:var(--text-primary);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.45}.detail-field-value.muted{color:var(--text-secondary)}.detail-field-value.pre-line{white-space:pre-line}.detail-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.detail-related-section{margin-top:var(--space-8)}.customer-detail-grid{margin-bottom:var(--space-6)}.hosting-detail-grid{margin-bottom:var(--space-5)}.hosting-detail-status{margin-left:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:capitalize}.hosting-dns-panel{margin-top:var(--space-5)}.hosting-dns-copy{margin-top:var(--space-1)}.hosting-dns-status-row{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hosting-dns-list{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hosting-dns-list code{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-xs)}.section-title-icon{color:var(--accent-primary)}.primary-star{color:var(--accent-primary);fill:var(--accent-primary)}.empty-state.compact{padding:var(--space-8) var(--space-4)}.empty-state.compact .empty-state-icon{width:3rem;height:3rem}.empty-state.compact h3{font-size:var(--text-sm)}.empty-state.compact p{font-size:var(--text-xs)}.suggestion-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.suggestion-card-layout{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.suggestion-card-copy{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.suggestion-card-actions{gap:var(--space-2);flex:none;display:flex}.proposal-status-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);min-height:2.25rem;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.proposal-wizard-stepper,.proposal-service-filters{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}.proposal-editor-layout{gap:var(--space-6);display:flex}.proposal-editor-form-column{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.proposal-preview-column{max-width:100%}.linked-task-preview{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.project-time-panel{margin-top:var(--space-6)}.kanban-add-column{flex:0 0 min(14rem,70cqi);align-items:flex-start;padding-top:1.875rem;display:flex}.kanban-add-column .btn{width:100%;padding:var(--space-3);border:1px dashed var(--border-primary);justify-content:center}@container kanban-board (max-width:36rem){.kanban-scroll{gap:var(--space-3)}.kanban-column{width:min(20rem, calc(100cqi - var(--space-2)));flex-basis:min(20rem, calc(100cqi - var(--space-2)))}.kanban-add-column{flex-basis:min(16rem, calc(100cqi - var(--space-2)))}}@container ds-page (max-width:34rem){.proposal-wizard-stepper{margin-right:calc(var(--space-3) * -1);padding-right:var(--space-3)}.proposal-wizard-stepper>div{flex:none!important}.proposal-editor-layout{flex-direction:column}.proposal-preview-column{width:100%!important;position:static!important}.proposal-preview-actions{flex-wrap:wrap;justify-content:flex-start;position:static}.suggestion-card-layout{flex-direction:column}.suggestion-card-actions{width:100%}.suggestion-card-actions .btn:first-child{flex:1;justify-content:center}}@container customers-page (max-width:28rem){.customers-command-bar,.customers-view-panel,.customer-mobile-card{border-radius:var(--radius-md)}}@media (max-width:48rem){.mobile-app-bar{display:flex}.app-header,.sidebar{display:none}.main-content,body.sidebar-collapsed .main-content{padding-top:calc(var(--mobile-topbar-height) + var(--space-4));margin-left:0}.page-header-row{align-items:stretch}.page-header-row>.flex{justify-content:stretch;width:100%}.page-header-row>.flex .btn{min-height:var(--touch-target);flex:auto;justify-content:center}}@media (max-width:30rem){.main-content{padding-right:var(--space-3);padding-left:var(--space-3)}}