.project-actions{display:flex;align-items:center;gap:16px;margin-top:16px}
.header-actions{display:flex;align-items:center;gap:10px}
.header-actions .secondary span{font-size:18px}
.board-tools{display:flex;align-items:flex-end;gap:12px}
.project-search{display:flex;align-items:center;gap:8px;color:#68758c;font-size:11px;font-weight:750}
.project-search span{white-space:nowrap}
.project-search input{width:220px;padding:8px 10px;border:1px solid #dbe2ee;border-radius:8px;background:#fff;color:#182238;font:inherit;font-size:12px}
.project-search input:focus{outline:3px solid #dedcff;border-color:#5c56d8}
.project-actions button{margin-top:0}
.project-tasks{padding:0;border:0;background:transparent;color:#334f9d;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.project-tasks:hover,.project-edit:hover{text-decoration:underline}
.task-project-ref{margin:-10px 0 15px;color:#68758c;font-size:13px}
.task-project-ref b{color:#33415b}
.project-task-list{max-height:270px;overflow:auto;margin:0 0 18px;border:1px solid #e5e9f1;border-radius:10px}
.task-table{width:100%;border-collapse:collapse;font-size:11px}
.contractor-table{min-width:860px}
.task-table th,.task-table td{padding:9px 10px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:middle}
.task-table th{position:sticky;top:0;background:#f7f8fc;color:#68758c;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.task-table tr:last-child td{border-bottom:0}
.task-table td:nth-child(1),.task-table td:nth-child(5){white-space:nowrap;color:#59667c;font-weight:750}
.task-progress{width:70px;height:6px;margin-bottom:3px;border-radius:99px;background:#e6eaf2;overflow:hidden}
.task-progress span{display:block;height:100%;border-radius:inherit;background:#5c56d8}
.task-progress.complete span{background:#1b9b68}
.task-completed{display:inline-block;padding:3px 7px;border-radius:99px;font-size:10px;font-weight:800}.task-completed.yes{background:#dff6eb;color:#167a55}.task-completed.no{background:#eef1f5;color:#6d788b}
.task-complete-toggle{display:block;padding:8px 11px;border:1px solid #cfd7e6;border-radius:8px;background:#f5f7fb;color:#59667c;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.task-complete-toggle.is-completed{border-color:#8bd0b0;background:#dff6eb;color:#167a55}
.task-table td:nth-child(4) b{font-size:10px;color:#4f5d76}
.task-edit{padding:4px 7px;border:0;border-radius:6px;background:#eeeaff;color:#554dc9;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.task-form{width:min(760px,calc(100vw - 28px))}
.task-form output{float:right;color:#5c56d8;font-weight:850}
.task-form input[type=range]{accent-color:#5c56d8;padding:0;border:0;background:transparent}
.task-description-cell{max-width:240px;min-width:160px;white-space:normal!important;overflow-wrap:anywhere;color:#52617a}
@media(max-width:680px){.project-actions{flex-wrap:wrap;gap:9px}.task-table{min-width:600px}.project-task-list{overflow:auto}.board-heading{display:block}.board-tools{display:block;margin-top:14px}.project-search input{width:100%}.project-search{display:block}.project-search span{display:block;margin-bottom:5px}}
.project-email{padding:0;border:0;background:transparent;color:#4d49bd;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.project-email:hover{text-decoration:underline}.project-mail-dialog{width:min(860px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 25px 65px #15245655;overflow:hidden}.project-mail-dialog::backdrop{background:#16224a80;backdrop-filter:blur(2px)}.project-mail-form{max-height:calc(100vh - 28px);overflow:auto;padding:26px}.project-mail-form .dialog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.project-mail-form .dialog-title h2{margin:4px 0 0;font-size:22px}.project-mail-form .dialog-subtitle{margin:5px 0 0;color:#718099;font-size:13px}.project-mail-form .icon-button{padding:2px 5px;border:0;background:transparent;color:#66708f;font-size:27px;line-height:1;cursor:pointer}.project-mail-list{display:grid;gap:12px;max-height:calc(100vh - 230px);overflow:auto}.project-mail-item{padding:15px;border:1px solid #e1e7f0;border-radius:12px;background:#fbfcff}.project-mail-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.project-mail-item h3{margin:0;color:#263653;font-size:15px;overflow-wrap:anywhere}.project-mail-item time{flex:none;color:#8490a3;font-size:11px}.project-mail-sender{margin:7px 0 0;color:#62718a;font-size:12px}.project-mail-body{max-height:260px;margin:13px 0 0;padding:12px;border:1px solid #e8ecf3;border-radius:9px;background:#fff;color:#33415b;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.55}.project-mail-actions{display:flex;align-items:center;gap:8px;margin-top:11px}.project-mail-copy,.project-mail-delete{padding:7px 10px;border:0;border-radius:8px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.project-mail-copy{background:#eeeaff;color:#554dc9}.project-mail-copy:hover{background:#e2dfff}.project-mail-delete{background:#fbe7ea;color:#b52f48}.project-mail-delete:hover{background:#f6d5db}.project-mail-delete:disabled{opacity:.55;cursor:wait}.project-mail-empty{padding:24px;border:1px dashed #d7deeb;border-radius:11px;color:#77839a;text-align:center;font-size:13px}.project-mail-form .dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.project-mail-form .secondary{padding:10px 15px;border:0;border-radius:9px;background:#e9edf6;color:#38425a;font:inherit;font-weight:750;cursor:pointer}.project-mail-form .form-error{min-height:18px;margin:8px 0 0;color:#bd3650;font-size:13px}@media(max-width:620px){.project-mail-form{padding:20px}.project-mail-item-head{display:block}.project-mail-item time{display:block;margin-top:5px}.project-mail-list{max-height:calc(100vh - 190px)}}
.project-form .contractor-list-search{display:flex!important;flex:0 0 auto;align-items:center;min-width:360px;gap:28px;margin:0;color:#68758c;font-size:11px;font-weight:750;white-space:nowrap}.project-form .contractor-list-search input{flex:0 0 270px;width:270px;margin-top:0;padding:8px 10px;border:1px solid #dbe2ee;border-radius:8px;background:#fff;color:#182238;font:inherit;font-size:12px;font-weight:500}.project-form .contractor-list-search input:focus{outline:3px solid #dedcff;border-color:#5c56d8}@media(max-width:680px){.project-form .contractor-list-search{min-width:0;width:100%;margin-top:10px}.project-form .contractor-list-search input{flex:1 1 auto;width:100%}.project-form .dialog-title:has(.contractor-list-search){display:block}}
#contractor-dialog #contractor-list{max-height:205px;overflow:auto}
