/* Supporting screens and dialogs. The main deal board is styled in styles.css. */
.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
.team-caption{font-size:10px;color:var(--muted);white-space:nowrap;margin-left:2px}
.filter-divider{height:20px;width:1px;flex:0 0 1px;background:var(--line);margin:0 3px}
.avatar-0{background:#5d5141;color:#f3dfbf}
.avatar-1{background:#354d52;color:#d5e7ec}
.avatar-2{background:#52485c;color:#e3d9ee}
.avatar-3{background:#405749;color:#dceadf}
.inline-person{display:inline-flex;align-items:center;gap:9px;vertical-align:middle;line-height:1.5}
.inline-person>.avatar{margin-right:0}
.nowrap{white-space:nowrap;font-variant-numeric:tabular-nums}
.section-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 22px;color:var(--muted);font-size:12px;line-height:1.5}
.section-caption>span{display:inline-flex;align-items:center;gap:7px}
.section-caption svg{width:16px;height:16px}

.funnel-row{display:grid;grid-template-columns:7px minmax(84px,108px) minmax(50px,1fr) 28px;gap:13px;width:100%;padding:16px 3px;align-items:center;border-bottom:1px solid rgba(221,237,238,.065);color:var(--secondary);font-size:12px;text-align:left}
.funnel-row:last-child{border-bottom:0}
.funnel-row:hover{color:var(--text);background:rgba(255,255,255,.025)}
.funnel-row>.progress-track{margin:0;height:5px}
.funnel-row>.stage-dot{width:6px;height:6px}
.funnel-row .blue{background:#a0c6d5}
.funnel-row .amber{background:#d8b27b}
.funnel-row .purple{background:#c1adce}
.funnel-row .green{background:#93c1a6}
.funnel-row>strong{font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;text-align:right}
.task-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(221,237,238,.36);border-radius:7px;background:rgba(0,0,0,.14);padding:0;color:var(--success);position:relative}
.task-check::before{content:'';position:absolute;inset:-8px}
.task-check:hover{border-color:var(--accent);background:rgba(225,183,123,.08)}
.task-check.checked{border-color:rgba(146,211,180,.45);background:rgba(146,211,180,.14)}
.task-check svg{width:15px;height:15px}
.task-copy{flex:1;min-width:0}
.task-copy>.text-btn{justify-content:flex-start;text-align:left;padding:0;min-height:26px;white-space:normal;font-size:13px;line-height:1.55;color:var(--text)}
.task-copy>small{margin-top:4px;font-size:11px;line-height:1.5}
.task-check.checked+.task-copy>.text-btn{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(166,178,177,.5)}
.task-date{color:var(--muted);font-size:11px;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}
.activity-row{display:grid;grid-template-columns:6px minmax(0,1fr) 42px;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(221,237,238,.07)}
.activity-row:last-child{border-bottom:0}
.activity-row>.activity-dot{width:5px;height:5px;border-radius:50%;background:#8ea99f;margin-top:7px}
.activity-row>p{font-size:12px;line-height:1.7;color:var(--secondary)}
.activity-row>time{font-size:10px;line-height:2;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.attention-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}
.attention-panel h2{font-size:20px;line-height:1.35}
.attention-panel>p{font-size:13px;line-height:1.8;max-width:370px}
.attention-panel>.text-btn{padding-left:0;margin-top:3px}
.feature-icon{width:46px;height:46px;flex:0 0 46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(225,183,123,.2);border-radius:14px;background:rgba(225,183,123,.065);color:var(--accent)}
.feature-icon svg{width:23px;height:23px}

.property-card{padding:0;display:flex;flex-direction:column;min-width:0}
.property-card .property-art{position:relative;height:200px;flex:0 0 200px;margin:0;border-radius:19px 19px 0 0;background-image:url('./assets/property-scenes.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0% 0%;background-color:#343c38;overflow:hidden}
.property-card .property-art::before,.property-card .property-art::after{content:none;display:none}
.property-card .property-art>svg{display:none}
.property-card .property-art-0{background-position:0% 0%}
.property-card .property-art-1{background-position:100% 0%}
.property-card .property-art-2{background-position:0% 100%}
.property-card:nth-child(5n) .property-art{background-position:100% 100%}
.property-art-label{position:absolute;bottom:13px;left:14px;padding:6px 9px;border:1px solid rgba(239,245,240,.3);border-radius:7px;background:rgba(5,12,12,.8);color:#f5f7f6;font-size:11px;line-height:1.2;font-variant-numeric:tabular-nums}
.property-body{padding:22px;display:flex;flex:1;flex-direction:column;min-width:0}
.property-body .card-top{margin-bottom:14px;font-size:10px}
.property-body>h2{font-size:18px;line-height:1.4;letter-spacing:-.45px;margin-bottom:7px}
.property-body>p{font-size:12px;line-height:1.6;color:var(--muted)}
.property-price{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:-.65px;font-variant-numeric:tabular-nums;padding:20px 0}
.property-price>small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}
.property-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;margin-top:auto;border-top:1px solid var(--line)}
.property-footer .text-btn{padding:5px 0;font-size:11px}
.property-footer .avatar{width:29px;height:29px;font-size:9px}

.task-card .card-top{margin-bottom:16px}
.task-card .badge{font-size:10px}
.task-card .badge svg{width:13px;height:13px}
.task-card>p{font-size:12px;line-height:1.65;margin:12px 0 20px;color:var(--muted)}
.task-complete>h3{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(166,178,177,.45)}
.task-complete .badge{color:var(--success);background:rgba(146,211,180,.07);border-color:rgba(146,211,180,.18)}

.platform-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 0 22px;margin-bottom:4px}
.platform-label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid rgba(221,237,238,.14);border-radius:10px;color:var(--secondary);background:rgba(12,18,19,.28);font-size:12px;font-weight:500}
.platform-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.platform-chips>.pill{font-size:10px;padding:5px 8px;white-space:normal}
.ads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ad-card{display:flex;flex-direction:column;min-width:0;padding:26px}
.ad-card>.card-top{margin-bottom:20px;color:var(--muted)}
.ad-card>.card-top>.badge{font-size:10px;padding:5px 8px}
.ad-card>h2{font-size:20px;line-height:1.4;letter-spacing:-.5px;margin-bottom:15px}
.ad-card>.ad-text{font-size:13px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere;color:var(--secondary);margin-bottom:24px}
.ad-card>.platform-chips{margin-top:auto}
.ad-card>.card-footer{margin-top:24px;flex-wrap:wrap;gap:10px}
.ad-card>.card-footer>.muted{font-size:11px;line-height:1.5}
.ad-card>.card-footer>.text-btn{padding:4px 0}
.prototype-note{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.75;max-width:850px}

.assistant-intro{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:24px}
.assistant-intro>div{flex:1;min-width:0}
.assistant-intro h2{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin-bottom:8px}
.assistant-intro p{font-size:12px;line-height:1.75;color:var(--secondary);max-width:650px}
.assistant-intro>.pill{font-size:10px;padding:6px 9px;flex-shrink:0}
.assistant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.suggestion-card{display:flex;flex-direction:column;min-width:0;padding:26px}
.suggestion-card>.card-top{margin-bottom:23px}
.suggestion-card>h2{font-size:20px;line-height:1.4;letter-spacing:-.5px;margin-bottom:14px}
.suggestion-card>p{font-size:13px;line-height:1.85;color:var(--secondary);margin-bottom:24px}
.suggestion-source{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;line-height:1.5}
.suggestion-source>svg{width:16px;height:16px}
.source-line{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;color:var(--muted);padding:17px 0 0;border-top:1px solid var(--line);margin-top:auto}
.source-line>svg{width:14px;height:14px;margin-top:2px}
.suggestion-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px}
.suggestion-actions>.primary-btn,.suggestion-actions>.secondary-btn{margin-top:0;min-height:40px;font-size:11px;padding:10px 13px}
.suggestion-actions>.pill{font-size:11px;white-space:normal;padding:9px 11px;line-height:1.5}

dialog.dialog-wide{width:min(760px,calc(100vw - 32px))}
.full-width{grid-column:1/-1}
.dialog-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}
.dialog-footer>.muted{font-size:11px;line-height:1.6;margin-right:auto;max-width:55%}
.dialog-footer>.primary-btn,.dialog-footer>.secondary-btn{font-size:12px;min-height:44px;margin-top:0}
.detail-section>p{font-size:13px;line-height:1.8;margin-bottom:13px}
.detail-section>p:last-child{margin-bottom:0}
.detail-section>h3{font-size:16px;line-height:1.45}
.detail-section .panel-header{margin-bottom:12px}
.detail-section .panel-header h3{margin-bottom:0}
.detail-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:15px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);text-align:left;margin:9px 0;transition:background .16s,border-color .16s}
.detail-link:hover{background:rgba(255,255,255,.05);border-color:rgba(225,183,123,.3)}
.detail-link>span:first-child{min-width:0;flex:1}
.detail-link strong{display:block;font-size:13px;font-weight:500;line-height:1.55}
.detail-link small{display:block;margin-top:5px;font-size:11px;line-height:1.55;color:var(--muted)}
.detail-link>span:last-child:not(:first-child){display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;color:var(--secondary);font-variant-numeric:tabular-nums}
.detail-link svg{width:17px;height:17px;color:var(--muted)}
.checklist-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid rgba(221,237,238,.075);font-size:12px;line-height:1.6}
.checklist-row:last-of-type{border-bottom:0}
.checklist-row>span:nth-child(2){flex:1;min-width:0}
.checklist-row>.muted{font-size:10px;white-space:nowrap}
.checklist-row>.text-btn{font-size:11px;min-height:36px;flex-shrink:0}
.doc-status{width:25px;height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(146,211,180,.2);color:var(--success);background:rgba(146,211,180,.055)}
.doc-status.missing{color:var(--accent);border-color:rgba(225,183,123,.25);background:rgba(225,183,123,.055)}
.doc-status svg{width:15px;height:15px}
.client-overview{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.client-overview .pill{font-size:10px;padding:5px 8px}
.client-overview p{font-size:12px;line-height:1.6;margin-top:9px}
.avatar-large{width:58px;height:58px;font-size:18px;border-radius:18px;background:rgba(185,207,198,.1);color:var(--secondary);font-weight:450}
.platform-fieldset{margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;min-width:0}
.platform-fieldset>legend{font-size:12px;padding:0 6px;color:var(--secondary)}
.checkbox-label{display:flex;align-items:center;gap:9px;min-height:30px;cursor:pointer;line-height:1.5}
.checkbox-label>input[type=checkbox]{margin:0;width:17px;height:17px;flex:0 0 17px;accent-color:var(--accent);cursor:pointer}
.checkbox-label>span{font-size:12px}
.workflow-list{margin:18px 0 22px;padding-left:23px;color:var(--secondary);font-size:13px;line-height:1.8}
.workflow-list>li{padding-left:5px;margin:12px 0}
.workflow-list>li::marker{color:var(--accent);font-variant-numeric:tabular-nums}

@media(min-width:1650px){
  .property-card .property-art{height:220px;flex-basis:220px}
  .team-caption{font-size:11px}
  .property-body>h2{font-size:20px}
  .assistant-grid .suggestion-card{padding:30px}
}
@media(max-width:1250px){
  .team-caption,.filter-divider{display:none}
  .assistant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .funnel-row{grid-template-columns:7px minmax(75px,100px) minmax(40px,1fr) 24px;gap:10px}
  .ad-card,.suggestion-card{padding:23px}
  .property-card .property-art{height:190px;flex-basis:190px}
}
@media(max-width:950px){
  .assistant-intro{flex-wrap:wrap}
  .assistant-intro>.pill{margin-left:66px}
  .task-row{gap:12px}
  .task-date{font-size:10px}
}
@media(max-width:767px){
  .page-actions{flex-wrap:wrap;gap:8px;max-width:47%}
  .page-actions>.secondary-btn{font-size:10px;padding:10px 11px;min-height:40px;margin-top:17px;white-space:normal}
  .section-caption{font-size:11px;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:19px}
  .section-caption>span{line-height:1.6}
  .ads-grid,.assistant-grid{grid-template-columns:1fr}
  .funnel-row{grid-template-columns:7px minmax(76px,95px) minmax(45px,1fr) 25px;gap:10px;font-size:12px;padding:15px 0}
  .task-copy>.text-btn{font-size:12px;line-height:1.6}
  .task-date{font-size:10px;margin-left:auto}
  .task-row .task-copy{flex-basis:calc(100% - 42px)}
  .task-row>.task-date{margin-left:34px}
  .task-row>.avatar{margin-left:auto}
  .activity-row{gap:10px;grid-template-columns:5px minmax(0,1fr) 35px;padding:14px 0}
  .activity-row>p{font-size:12px}
  .activity-row>time{font-size:9px}
  .attention-panel{gap:13px}
  .attention-panel>p{font-size:12px}
  .property-card .property-art{height:210px;flex-basis:210px}
  .property-body{padding:22px}
  .property-body>h2{font-size:20px}
  .property-price{font-size:25px}
  .property-footer .text-btn{font-size:12px;min-height:42px}
  .platform-strip{gap:8px;padding-bottom:18px}
  .platform-label{font-size:11px;padding:8px 11px}
  .ad-card,.suggestion-card{padding:24px}
  .ad-card>h2,.suggestion-card>h2{font-size:21px}
  .ad-card>.ad-text,.suggestion-card>p{font-size:13px;line-height:1.85}
  .ad-card>.card-footer>.text-btn{min-height:42px}
  .prototype-note{font-size:11px;line-height:1.75;margin-top:17px}
  .assistant-intro{padding:22px;gap:15px;align-items:flex-start}
  .assistant-intro>.feature-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}
  .assistant-intro>div{flex-basis:calc(100% - 54px)}
  .assistant-intro h2{font-size:17px;line-height:1.45}
  .assistant-intro p{font-size:12px;line-height:1.75}
  .assistant-intro>.pill{margin-left:54px}
  .suggestion-actions{gap:10px}
  .suggestion-actions>.primary-btn,.suggestion-actions>.secondary-btn{min-height:44px;flex:1;font-size:12px}
  .source-line{font-size:11px}
  dialog.dialog-wide{width:calc(100vw - 24px)}
  .full-width{grid-column:1/-1}
  .dialog-footer{gap:10px;align-items:stretch;margin-top:22px;padding-top:20px}
  .dialog-footer>.muted{max-width:none;flex-basis:100%;font-size:11px;margin:0 0 4px}
  .dialog-footer>.primary-btn,.dialog-footer>.secondary-btn{flex:1;min-height:46px;padding:11px 12px;white-space:normal;font-size:12px;line-height:1.5}
  .dialog-footer .primary-btn svg,.dialog-footer .secondary-btn svg{flex-shrink:0}
  .detail-link{gap:12px;padding:14px 12px;align-items:flex-start}
  .detail-link>span:last-child:not(:first-child){font-size:11px;gap:6px;padding-top:3px;white-space:normal;text-align:right;max-width:40%}
  .detail-link strong{font-size:13px}
  .detail-link small{font-size:11px}
  .checklist-row{gap:9px;font-size:12px;align-items:flex-start}
  .checklist-row>.doc-status{margin-top:2px}
  .checklist-row>.text-btn{padding:4px 7px;min-height:36px;font-size:11px}
  .checklist-row>.muted{padding-top:4px;font-size:10px}
  .client-overview{gap:13px}
  .avatar-large{width:50px;height:50px;flex-basis:50px;border-radius:15px;font-size:16px}
  .client-overview p{font-size:11px}
  .platform-fieldset{grid-template-columns:1fr;padding:13px 14px;gap:4px}
  .checkbox-label{min-height:43px}
  .checkbox-label>span{font-size:13px}
  .checkbox-label>input[type=checkbox]{width:19px;height:19px;flex-basis:19px}
  .workflow-list{font-size:13px;padding-left:20px;line-height:1.75}
  .full-width input,.full-width textarea,.form-field input,.form-field select,.form-field textarea{font-size:16px}
}
@media(forced-colors:active){
  .task-check,.doc-status,.feature-icon,.platform-label,.detail-link{border:1px solid CanvasText;background:Canvas;color:CanvasText}
  .property-art-label{background:Canvas;color:CanvasText;border:1px solid CanvasText}
  .task-check.checked{border:2px solid Highlight;color:Highlight}
}

.task-date-range{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}.task-date-range>legend{font-size:13px;color:var(--secondary);margin-bottom:10px;padding:0}.task-date-range>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.task-date-range .form-field{min-width:0}.task-date-range input{min-width:0;width:100%}

.draft-photos{display:flex;gap:10px;overflow:auto;margin-top:14px}.draft-photos img{width:130px;height:95px;object-fit:cover;border-radius:12px}.object-file-list{display:grid;gap:10px;margin-top:15px}.object-file-list a{display:flex;align-items:center;gap:10px;color:var(--text);padding:12px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.object-file-list a span{font-size:12px;color:var(--secondary)}

.task-contact-fields{min-width:0;margin:3px 0 10px;padding:17px 0 0;border-top:1px solid var(--line)}.task-contact-fields h3{font-size:16px;margin:0 0 16px}.task-contact-details{display:grid;gap:4px;margin:9px 0;font-size:14px;line-height:1.4}.task-contact-details strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.task-contact-details a{color:var(--text);font-size:14px;text-decoration:none;white-space:nowrap}:root[data-design][data-theme] .p-task:has(.task-contact-details){height:auto;min-height:125px}.p-task .task-contact-details{padding-left:5px;margin:8px 0}.p-task .p-task-date{white-space:nowrap}