/* Other Projects — browser-only FREE & PRO task planning demos.
   Distinct from real-estate products, no payments or remote data. */
html body .mpt-demo-board{
 box-sizing:border-box;margin:23px 0;padding:23px 24px;
 border:1px solid #c8dfe2;border-top:4px solid #227e81;border-radius:13px;
 background:linear-gradient(145deg,#f5faf9,#fffdf8);font-family:Manrope,Arial,sans-serif;
 box-shadow:0 7px 20px rgba(17,57,68,.07);color:#1a4659;
}
html body .mpt-pro-demo{border-top-color:#b99055;background:linear-gradient(145deg,#f8fbfc,#fff9ed)}
html body .mpt-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:19px}
html body .mpt-demo-head>div{min-width:0}
html body .mpt-demo-eyebrow{color:#146e72;font:900 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.07em}
html body .mpt-pro-demo .mpt-demo-eyebrow{color:#94713e}
html body .mpt-demo-head h3{color:#153e52;font:900 clamp(20px,2vw,26px)/1.28 Manrope,Arial,sans-serif;margin:5px 0 8px}
html body .mpt-demo-head p{margin:0;max-width:820px;color:#496879;font:600 13px/1.6 Manrope,Arial,sans-serif}
html body .mpt-demo-count,html body .mpt-demo-demo-tag{
 flex:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
 padding:8px 12px;border:1px solid #add5c9;border-radius:8px;
 background:#e7f5f0;color:#175f5d;font:900 11px/1.4 Manrope,Arial,sans-serif;
}
html body .mpt-demo-demo-tag{background:#fff4e2;border-color:#e1c79c;color:#845d31}
html body .mpt-demo-form{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:end;margin:0 0 15px}
html body #mpt-free-demo-form{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) auto}
html body .mpt-demo-form label,html body .mpt-plan-start label,html body .mpt-plan-custom label{
 display:flex;flex-direction:column;gap:5px;color:#254e62;font:850 12px/1.45 Manrope,Arial,sans-serif;
}
html body .mpt-demo-form input,html body .mpt-demo-form select,
html body .mpt-plan-controls input,.mpt-pro-table input,.mpt-pro-table select{
 box-sizing:border-box;display:block;max-width:100%;width:100%;min-height:43px;
 padding:9px 11px;background:#fff;color:#173e53;border:1px solid #bbcfd8;border-radius:7px;
 font:650 13px/1.4 Manrope,Arial,sans-serif;
}
html body .mpt-demo-form input:focus,html body .mpt-demo-form select:focus,
html body .mpt-plan-controls input:focus,html body .mpt-pro-table input:focus,html body .mpt-pro-table select:focus{
 outline:2px solid #bd8c49;outline-offset:1px
}
html body .mpt-demo-primary,html body .mpt-demo-secondary,html body .mpt-demo-period,html body .mpt-demo-btn{
 display:inline-flex;justify-content:center;align-items:center;gap:5px;
 border-radius:7px;cursor:pointer;text-align:center;
 font:850 12px/1.35 Manrope,Arial,sans-serif;
 transition:background-color .15s,border-color .15s;
}
html body .mpt-demo-primary{min-height:43px;padding:9px 14px;border:1px solid #14596c;background:#14596c;color:#fff}
html body .mpt-demo-primary:hover{background:#0c4657}
html body .mpt-demo-primary:disabled{opacity:.45;cursor:not-allowed}
html body .mpt-demo-secondary{min-height:37px;padding:8px 12px;background:#fff;border:1px solid #b4ccd1;color:#235365}
html body .mpt-demo-secondary:hover{background:#eaf3f5}
html body .mpt-demo-clear{border-color:#e0b9a8;color:#8a4d40}
html body .mpt-demo-btn{min-height:30px;padding:5px 9px;background:#e9f4f2;border:1px solid #bed8d6;color:#166166}
html body .mpt-demo-btn:hover{background:#d1e9e4}
html body .mpt-demo-btn:disabled{opacity:.5;cursor:not-allowed}
html body .mpt-demo-primary:focus-visible,html body .mpt-demo-secondary:focus-visible,
html body .mpt-demo-period:focus-visible,html body .mpt-demo-btn:focus-visible{
 outline:3px solid #dda85a;outline-offset:3px
}
html body .mpt-demo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:5px 0 14px}
html body .mpt-demo-toolbar p{margin:0;min-width:0;font:650 12px/1.55 Manrope,Arial,sans-serif;color:#486b7b}
html body .mpt-demo-toolbar p[data-kind="warn"]{color:#9e4f34}
html body .mpt-demo-toolbar-buttons,html body .mpt-demo-actions{display:flex;gap:5px;flex-wrap:wrap}
html body .mpt-demo-table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid #d4e0e5;border-radius:9px;background:#fff}
html body .mpt-demo-table{width:100%;min-width:640px;border-collapse:collapse;font:600 12px/1.5 Manrope,Arial,sans-serif}
html body .mpt-pro-table{min-width:910px}
html body .mpt-demo-table th{text-align:left;background:#e6f0f3;padding:11px 12px;color:#205065;font:900 11px/1.45 Manrope,Arial,sans-serif}
html body .mpt-demo-table td{border-top:1px solid #e5ecef;padding:10px 12px;vertical-align:middle;color:#355d70}
html body .mpt-demo-table tbody tr:nth-child(even){background:#f8fafb}
html body .mpt-demo-table td:first-child{font-weight:800;color:#204758}
html body .mpt-demo-table input{min-width:145px}
html body .mpt-pro-table td:nth-child(1){min-width:210px}
html body .mpt-pro-table td:nth-child(3){min-width:132px}
html body .mpt-demo-empty{padding:18px!important;color:#657d87!important;text-align:center}
html body .mpt-demo-status{display:inline-block;white-space:nowrap;padding:5px 7px;border-radius:5px;background:#e7f4f5;color:#146a73;font:800 11px/1.35 Manrope,Arial,sans-serif}
html body .mpt-demo-status.is-late{background:#f9e7de;color:#a04728}
html body .mpt-demo-status.is-done{background:#e3f1e6;color:#2f7553}
html body .mpt-demo-security{margin:15px 0 0;font:600 11.5px/1.55 Manrope,Arial,sans-serif;color:#526d7c}
html body .mpt-plan-controls{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(270px,2fr);gap:16px 22px;padding:18px;margin:0 0 18px;background:#fff;border:1px solid #e0d6c5;border-radius:11px}
html body .mpt-plan-label{display:block;margin:0 0 7px;color:#224d61;font:900 12px/1.45 Manrope,Arial,sans-serif}
html body .mpt-plan-period-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body .mpt-demo-period{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:9px 5px;border:1.5px solid #c3d7d9;background:#f4faf9;color:#1a5661;min-height:73px}
html body .mpt-demo-period strong{font:900 14px/1.3 Manrope,Arial,sans-serif}
html body .mpt-demo-period span{font:700 10px/1.3 Manrope,Arial,sans-serif}
html body .mpt-demo-period small{font:900 13px/1.35 Manrope,Arial,sans-serif}
html body .mpt-demo-period[aria-pressed="true"]{background:#174e62;border:2px solid #d6b477;color:#fff}
html body .mpt-plan-ongoing{display:flex;align-items:center;gap:8px;color:#285167;font:850 12px/1.5 Manrope,Arial,sans-serif}
html body .mpt-plan-ongoing input{width:17px!important;min-height:17px!important;height:17px!important;accent-color:#176c71}
html body .mpt-plan-custom>div{display:flex;gap:8px;align-items:center}
html body .mpt-plan-custom input{max-width:195px}
html body .mpt-plan-summary{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:7px;background:#e8f3f5;color:#1c566a;font:850 13px/1.5 Manrope,Arial,sans-serif}
html body .mpt-plan-offer-info{grid-column:1/-1;margin:0;color:#6f532c;font:800 12px/1.5 Manrope,Arial,sans-serif}
html body .mpt-plan-offer-terms{grid-column:1/-1;margin:0;color:#667b87;font:600 11.5px/1.55 Manrope,Arial,sans-serif}
html body .mpt-plan-offer-terms strong{color:#385e69}
html body .mpt-demo-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 17px}
html body .mpt-demo-stat-grid>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;background:#edf6f5;border:1px solid #c7dcda;border-radius:8px}
html body .mpt-demo-stat-grid strong{color:#174e62;font:900 25px/1.2 Manrope,Arial,sans-serif}
html body .mpt-demo-stat-grid span{color:#4d7280;font:750 10px/1.4 Manrope,Arial,sans-serif;text-align:center}
@media(max-width:900px){
 html body .mpt-demo-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .mpt-demo-head{flex-wrap:wrap}
 html body .mpt-demo-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
 html body .mpt-demo-board{padding:17px 14px}
 html body .mpt-demo-form,html body #mpt-free-demo-form{grid-template-columns:minmax(0,1fr)}
 html body .mpt-plan-controls{grid-template-columns:minmax(0,1fr);padding:14px}
 html body .mpt-plan-period-buttons{gap:6px}
 html body .mpt-demo-period{padding:8px 3px}
 html body .mpt-demo-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Website 16 — legible, editable FREE Steps 1–2 and richer PRO Step 3 preview. */
html body .mpt-free-project-meta{margin:0 0 18px;padding:17px 18px;border:1px solid #c6deda;border-radius:10px;background:#fff}
html body .mpt-demo-subheading{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:10px 0 13px;color:#1a485a}
html body .mpt-demo-subheading>span{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;background:#164e63;color:#fff;border-radius:6px;font:850 11px/1.4 Manrope,Arial,sans-serif}
html body .mpt-demo-subheading>strong{font:900 17px/1.35 Manrope,Arial,sans-serif}
html body .mpt-demo-subheading>small{color:#657d87;font:650 12px/1.5 Manrope,Arial,sans-serif}
html body .mpt-free-project-meta .mpt-demo-subheading{margin-top:0}
html body .mpt-free-project-grid{display:grid;grid-template-columns:minmax(185px,1.35fr) repeat(2,minmax(140px,1fr));gap:12px}
html body .mpt-free-project-grid label{display:flex;flex-direction:column;gap:6px;font:850 12px/1.45 Manrope,Arial,sans-serif;color:#254e62}
html body .mpt-free-project-grid input{box-sizing:border-box;width:100%;min-height:43px;padding:9px 11px;background:#fff;color:#173e53;border:1px solid #bbcfd8;border-radius:7px;font:650 13px/1.4 Manrope,Arial,sans-serif}
html body .mpt-free-project-grid input:focus{outline:2px solid #bd8c49;outline-offset:1px}
html body .mpt-free-summary{margin-top:15px;padding:13px 15px;border-left:4px solid #217978;border-radius:8px;background:#e8f4f2;color:#1d5161;font:800 13px/1.65 Manrope,Arial,sans-serif}
html body .mpt-pro-table{min-width:1430px;font-size:13px}
html body .mpt-pro-table td input{min-width:130px}
html body .mpt-pro-table td:nth-child(1){min-width:225px}
html body .mpt-pro-table td:nth-child(5){min-width:215px}
html body .mpt-pro-table td:nth-child(6){min-width:150px}
html body .mpt-pro-task-title{display:flex;flex-direction:column;gap:7px}
html body .mpt-demo-history{font:650 11.5px/1.5 Manrope,Arial,sans-serif;color:#2c6d70}
html body .mpt-demo-history summary{cursor:pointer;font-weight:850;text-decoration:underline;text-underline-offset:3px}
html body .mpt-demo-history ol{padding-left:19px;max-height:170px;overflow-y:auto;margin:8px 0 3px;color:#55727d;font-size:11.5px}
html body .mpt-demo-history li{padding:2px 0}
html body .mpt-demo-history summary:focus-visible{outline:2px solid #bd8c49;outline-offset:2px}
@media(max-width:800px){html body .mpt-free-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body .mpt-free-project-grid label:first-child{grid-column:1/-1}}
@media(max-width:550px){html body .mpt-free-project-grid{grid-template-columns:minmax(0,1fr)}html body .mpt-free-project-grid label:first-child{grid-column:auto}html body .mpt-free-project-meta{padding:13px}}


/* V18: Other Projects — match Realtor wide editor, compact single-row tasks. */
@media(min-width:1080px){
 html body .mpt-free-editor-layout{grid-template-columns:minmax(0,3.35fr) minmax(250px,1fr)!important;gap:12px!important}
 html body .mpt-free-inner-card{padding:12px!important}
 html body .mpt-free-editor-table-scroll{overflow-x:auto!important}
 html body .mpt-free-editor-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
 html body .mpt-free-editor-table th,html body .mpt-free-editor-table td{padding:7px 3px!important;font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere}
 html body .mpt-free-editor-table th:nth-child(1){width:3%}
 html body .mpt-free-editor-table th:nth-child(2){width:24%}
 html body .mpt-free-editor-table th:nth-child(3){width:6%}
 html body .mpt-free-editor-table th:nth-child(4){width:13%}
 html body .mpt-free-editor-table th:nth-child(5){width:12%}
 html body .mpt-free-editor-table th:nth-child(6){width:9%}
 html body .mpt-free-editor-table th:nth-child(7){width:12%}
 html body .mpt-free-editor-table th:nth-child(8){width:9%}
 html body .mpt-free-editor-table th:nth-child(9){width:12%}
 html body .mpt-free-editor-table td input,html body .mpt-free-editor-table td select{
  width:100%!important;min-width:0!important;max-width:100%!important;min-height:33px!important;
  padding:4px 3px!important;font-size:10px!important
 }
}
@media(min-width:1080px) and (max-width:1210px){
 html body .mpt-free-editor-layout{grid-template-columns:1fr!important}
}