/* WorkPilot UI refresh — presentation only. No API or database changes. */
:root{--wp-orange:#0877ee;--wp-orange-dark:#0564ca;--wp-orange-soft:#eaf3ff;--wp-border:#dbe3ed;--wp-radius:6px;--wp-shadow:none}
body{background:#f4f7fb;color:#142640;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
a,button,input,select,textarea{font-family:inherit}a.btn{text-decoration:none}
.sidebar{width:258px;padding:18px 12px;border-color:#e1e8f1}
.logoWrap{padding:0 12px 17px;margin-bottom:14px;border-bottom:1px solid #e1e8f1}
.logoBox{background:#0877ee;color:white;border:0;border-radius:4px;width:39px;height:39px}
.navGroup{gap:3px}.navLink{display:flex;align-items:center;gap:12px;border-radius:5px;padding:12px 16px;font-size:14px;color:#405673}
.navLink.active{background:#e7f0fe;color:#0869d8;border-left:2px solid #0877ee;font-weight:650}.navLink:hover{background:#f0f5fc;color:#0869d8}
.navCounter{margin-left:auto;min-width:24px;text-align:right;background:transparent!important;color:#315a8c!important;border:0!important;border-radius:0!important}
.sidebarBottom{padding-top:12px;border-top:1px solid #e1e8f1}
.content{min-width:0;padding:28px 26px 48px}.pageTitle{font-size:31px;letter-spacing:-.035em}.pageEyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.card,.modalCard,.mailboxConnectBox,.statCard,.notificationItem,.calendarDayModal,.calendarEventItem,.calendarDay,.contactCard,.contactItem,.emailSidebar,.emailThreadsPanel,.emailContentPanel{border-radius:6px!important;box-shadow:none!important}
.btn,.btnPrimary,.btnSecondary,button:not(.calendarDay){border-radius:5px}
.btnPrimary,.btn.btnPrimary{background:#0877ee!important;border-color:#0877ee!important;color:white!important}.btnPrimary:hover,.btn.btnPrimary:hover{background:#0564ca!important}
input:focus,select:focus,textarea:focus,button:focus-visible{outline-color:#0877ee!important;border-color:#0877ee!important}
/* Overview metrics */
.dashboardStats{gap:14px!important}.statCard{border:1px solid #dbe3ed!important;background:#fff!important;border-radius:5px!important;box-shadow:none!important;min-width:0}
.statCard span{font-size:13px!important;color:#536780!important}.statCard strong{color:#122844!important}
/* Calendar and dialogs */
.calendarNavBtn{border:1px solid #dbe3ed!important;background:#fff!important;color:#35506d!important;border-radius:5px!important;width:36px!important;height:36px!important}
.calendarDay{border:1px solid #e1e7f0!important;border-radius:5px!important}.calendarDay:hover{border-color:#0877ee!important;background:#edf5ff!important}
.calendarDayModal,.modalCard{border:1px solid #dbe3ed!important;border-radius:7px!important;box-shadow:0 16px 50px rgba(18,43,74,.16)!important}
.calendarDayModal button,.calendarDayModal input{border-radius:5px!important}
/* Notifications and contact rows */
.notificationItem,.contactCard,.contactItem{border:0!important;border-top:1px solid #e1e7ef!important;border-radius:0!important;background:#fff!important}
.notificationItem:last-child,.contactCard:last-child,.contactItem:last-child{border-bottom:1px solid #e1e7ef!important}
.notificationItem:hover,.contactCard:hover,.contactItem:hover{background:#f6f9fd!important}
/* Mail: blue, compact, restrained */
.emailSidebar,.emailThreadsPanel,.emailContentPanel,.emailColumn,.mailboxConnectBox{border-radius:5px!important}
.emailSidebar button,.emailSidebar a,.emailSidebar .folderItem,.emailSidebar .folderRow{border-radius:5px!important}
.emailSidebar [class*="Counter"],.emailSidebar [class*="count"],.emailSidebar [class*="Count"]{border-radius:0!important;background:transparent!important;color:#54708e!important}
.emailSidebar [class*="folderIcon"],.emailSidebar [class*="FolderIcon"]{color:#64748b!important}
/* Offers & invoices — five aligned columns; no overlapping status/select/buttons */
.offersCard,.invoicesCard{max-width:none!important;padding:0!important;overflow:hidden}
.offersHeader,.invoicesHeader{padding:20px 22px 12px!important;margin:0!important;align-items:center}
.offersHeader h2,.invoicesHeader h2{font-size:21px}.offersHeader p,.invoicesHeader p{font-size:13px}
.wp-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:18px 0!important}
.wp-stat{position:relative;border:1px solid #dbe3ed!important;border-radius:5px!important;min-height:90px;padding:17px 16px 15px 72px!important;justify-content:center;gap:5px!important}
.wp-stat:before{content:'▤';position:absolute;left:17px;top:19px;width:39px;height:39px;border-radius:6px;background:#e7f1ff;color:#0877ee;display:grid;place-items:center;font-size:23px}
.wp-stat:nth-child(2):before{content:'◷';background:#fff0e5;color:#d47b22}.wp-stat:nth-child(3):before{content:'➤';background:#eaf3ff;color:#0877ee}.wp-stat:nth-child(4):before{content:'✓';background:#e5f6ed;color:#19865b}
.wp-stat span{font-size:13px}.wp-stat strong{font-size:25px;line-height:1.1}
.wp-toolbar{display:grid!important;grid-template-columns:minmax(170px,2.2fr) minmax(120px,.8fr) minmax(140px,1fr) minmax(220px,1.35fr) auto;gap:10px!important;padding:12px 22px 14px!important;align-items:center}
.wp-toolbar #wp-search{width:100%;flex:none}.wp-toolbar select{width:100%;min-width:0}.wp-date-label{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:11px}.wp-date-label input{width:112px!important;padding:0 5px!important;font-size:11px!important}.wp-toolbar #wp-export{white-space:nowrap;height:40px}
.wp-table-head,.offerItem,.invoiceItem{display:grid!important;grid-template-columns:minmax(165px,1.45fr) minmax(105px,.8fr) minmax(95px,.75fr) minmax(140px,1fr) minmax(215px,1.55fr)!important;gap:12px!important;align-items:center!important}
.wp-table-head{padding:13px 20px!important;background:#f4f7fb!important;font-size:11px!important;letter-spacing:.025em!important}
.offersList,.invoicesList{padding:0 20px!important;gap:0!important}
.offerItem,.invoiceItem{border:0!important;border-bottom:1px solid #e4eaf1!important;border-radius:0!important;margin:0!important;padding:10px 0!important;background:#fff!important;min-height:58px}
.offerItem:hover,.invoiceItem:hover{background:#f8fbff!important}
.offerInfo,.invoiceInfo{display:block!important;grid-column:1!important;grid-row:1!important;min-width:0}
.offerListTitle,.invoiceTitle{font-size:13px!important;font-weight:650}.offerMeta,.invoiceMeta{font-size:12px!important;line-height:1.4}.offerInfo .offerMeta:last-child,.invoiceInfo .invoiceMeta:last-child{display:none}
.wp-row-date{grid-column:2!important;grid-row:1!important;font-size:12px!important;color:#435872}
.wp-status-cell{grid-column:3;grid-row:1;min-width:0}.wp-assignment-cell{grid-column:4;grid-row:1;min-width:0}
.wp-status-cell select{width:100%!important;min-width:0!important;max-width:125px!important;padding:8px 7px!important;border-radius:5px!important;font-size:12px!important;background:#fff6ed!important;color:#a75c0d!important;border:1px solid #f3dfca!important}
.wp-status-cell:has(option[value="accepted"]:checked) select,.wp-status-cell:has(option[value="paid"]:checked) select{background:#e7f7ef!important;color:#117b52!important;border-color:#d2ebdc!important}
.wp-status-cell:has(option[value="rejected"]:checked) select,.wp-status-cell:has(option[value="overdue"]:checked) select{background:#fff0ef!important;color:#b5372e!important;border-color:#f4d8d5!important}
.wp-assignment-cell .contactAssignWrap{display:flex;gap:4px;max-width:100%;min-width:0}.wp-assignment-cell .contactAssignBtn{max-width:100%!important;min-width:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:4px!important;font-size:12px!important}
.offerActions,.invoiceActions{grid-column:5!important;grid-row:1!important;display:flex!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0}
.offerActions .btn,.invoiceActions .btn{font-size:12px!important;padding:9px 10px!important;white-space:nowrap;flex-shrink:0}
.wp-pagination{border-top:1px solid #e3eaf2!important;margin-top:0;padding:16px 22px!important}
@media(max-width:1280px){.wp-toolbar{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(130px,.65fr))}.wp-date-label{grid-column:1/3}.wp-toolbar #wp-export{justify-self:end}.wp-table-head,.offerItem,.invoiceItem{grid-template-columns:minmax(135px,1.25fr) minmax(85px,.7fr) minmax(90px,.7fr) minmax(105px,.85fr) minmax(195px,1.4fr)!important;gap:7px!important}.offerActions .btn,.invoiceActions .btn{padding:8px 7px!important}}
@media(max-width:900px){.wp-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wp-table-head{display:none!important}.offerItem,.invoiceItem{grid-template-columns:minmax(110px,1fr) minmax(85px,.8fr)!important;gap:9px!important;padding:14px 0!important}.offerInfo,.invoiceInfo{grid-column:1!important}.wp-row-date{grid-column:2!important}.wp-status-cell{grid-column:1;grid-row:2}.wp-assignment-cell{grid-column:2;grid-row:2}.offerActions,.invoiceActions{grid-column:1/-1!important;grid-row:3!important;justify-content:flex-start!important}.wp-toolbar{grid-template-columns:1fr 1fr}.wp-toolbar #wp-search{grid-column:1/-1}.wp-date-label{grid-column:1/-1}.wp-toolbar #wp-export{grid-column:1/-1;justify-self:start}}
@media(max-width:650px){.content{padding:18px 12px}.wp-stat{padding:12px!important}.wp-stat:before{display:none}.sidebar{width:205px}.wp-toolbar{grid-template-columns:1fr}.wp-toolbar>*{grid-column:1/-1!important}.wp-date-label{flex-wrap:wrap}}

/* WorkPilot detail polish — real selectors used by current pages */
:root{--wp-orange:#0877ee!important;--wp-orange-dark:#0564ca!important;--wp-orange-soft:#eaf3ff!important}
/* Mailbox columns, cards, actions */
.mailFolders,.mailListPanel,.mailViewer{border-radius:6px!important;border:1px solid #dbe3ed!important;box-shadow:none!important}
.mailComposeBtn,.composeMailBtn{background:#0877ee!important;color:#fff!important;border:1px solid #0877ee!important;border-radius:5px!important;box-shadow:none!important}
.mailComposeBtn:hover,.composeMailBtn:hover{background:#0564ca!important}
.mailFolder,.mailOriginalFolder,.mailOriginalFolderRow,.mailOriginalFolderMenu,.mailOriginalFolderMenuItem,.mailOriginalFolderEditBtn,.mailOriginalFolderAddBtn,.emailThreadItem,.mailMessage,.mailMessageCard,.mailMessageBubble,.mailReplyBox,.mailReplyTextarea,.mailAttachmentCard,.mailAttachmentPreview,.mailAttachmentItem,.mailAttachmentViewer,.mailAttachmentOpenBtn,.mailDetailView,.mailDetailHeader,.mailAttachmentsView,.aiSuggestedReplyText,.mailAiSuggestion,.mailAiReply,.contactCreateBtn,.mailContactBox,.mailContactBanner,.mailContactAssign,.mailPlainText,.mailDetailType{border-radius:5px!important}
.mailFolder strong,.mailOriginalFolderCount{min-width:18px!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;color:#526b89!important;font-size:12px!important;font-weight:650!important}
.mailFolder.active strong,.mailOriginalFolder.active .mailOriginalFolderCount{background:transparent!important;color:#0877ee!important}
.mailOriginalFolderIcon{color:#54718e!important;font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px}
.mailOriginalFolderIcon:before{content:'';display:block;width:15px;height:11px;border:1.7px solid currentColor;border-radius:2px;clip-path:polygon(0 0,40% 0,49% 22%,100% 22%,100% 100%,0 100%);background:#eaf3ff}
.mailOriginalFolder:hover,.mailFolder:hover,.mailFolder.active{background:#eaf3ff!important;color:#0869d8!important}
.mailReplyTextarea:focus,.mailFolder:focus-visible,.mailOriginalFolder:focus-visible{border-color:#0877ee!important;outline-color:#0877ee!important;box-shadow:0 0 0 3px rgba(8,119,238,.10)!important}
/* Dashboard notifications */
.dashboardTrashBtn{border-radius:5px!important;border:1px solid #dbe3ed!important;box-shadow:none!important;background:#fff!important;color:#526b89!important}
.dashboardTrashBtn:hover{border-color:#b7cce6!important;background:#eef5ff!important;color:#0877ee!important}
/* Contacts — restrained letter selector, consistent dividers */
.letterNav{display:flex!important;gap:4px!important;flex-wrap:wrap!important;padding:7px!important;background:#f4f7fb!important;border:1px solid #e0e7f0!important;border-radius:6px!important;margin-bottom:14px!important}
.letterBtn{border:1px solid transparent!important;background:transparent!important;color:#516782!important;border-radius:4px!important;padding:7px 9px!important;min-width:29px!important}
.letterBtn:hover:not(.disabled),.letterBtn.active{border-color:#c6d9f3!important;background:#e5f0ff!important;color:#0869d8!important}
.letterBtn.disabled{opacity:.33!important}
.contactsList{gap:0!important}.contactItem{border:0!important;border-top:1px solid #e1e7ef!important;border-radius:0!important;margin:0!important}.contactItem:last-child{border-bottom:1px solid #e1e7ef!important}.contactItem:hover{border-color:#e1e7ef!important;background:#f6f9fd!important}
/* Overview status + assignment share a row height and wider contact space */
.wp-table-head,.offerItem,.invoiceItem{grid-template-columns:minmax(160px,1.4fr) minmax(95px,.7fr) minmax(95px,.75fr) minmax(180px,1.75fr) minmax(195px,1.35fr)!important;gap:9px!important}
.wp-table-head span:last-child{text-align:left!important}
.wp-status-cell select,.wp-assignment-cell .contactAssignBtn{height:36px!important;min-height:36px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}
.wp-assignment-cell .contactAssignWrap{width:100%!important;max-width:100%!important}
.wp-assignment-cell .contactAssignBtn{width:100%!important;max-width:100%!important;text-align:left!important;justify-content:flex-start!important;padding:7px 10px!important}
.offerActions,.invoiceActions{justify-content:flex-start!important}
.wp-stat:nth-child(3):before{content:'✓'!important;background:#e5f6ed!important;color:#19865b!important}
.wp-stat:nth-child(4):before{content:'➤'!important;background:#eaf3ff!important;color:#0877ee!important}
@media(max-width:1280px){.wp-table-head,.offerItem,.invoiceItem{grid-template-columns:minmax(130px,1.2fr) minmax(83px,.65fr) minmax(90px,.75fr) minmax(150px,1.5fr) minmax(185px,1.4fr)!important}}
@media(max-width:900px){.offerItem,.invoiceItem{grid-template-columns:minmax(110px,1fr) minmax(85px,.8fr)!important}.offerActions,.invoiceActions{justify-content:flex-start!important}}

.mailFolder{position:relative!important;padding-left:34px!important}
.mailFolder:before{content:'';position:absolute;left:11px;top:50%;transform:translateY(-50%);width:13px;height:10px;border:1.5px solid #657c98;border-radius:2px;background:#f0f5fc}
.mailFolder[data-folder="sent"]:before{content:'↗';border:0;background:none;font-size:19px;line-height:10px;color:#657c98}
.mailFolder[data-folder="trash"]:before{content:'⌫';border:0;background:none;font-size:19px;line-height:10px;color:#657c98}
.mailFolder[data-folder="spam"]:before{content:'!';border:1.5px solid #657c98;border-radius:3px;background:none;text-align:center;font-size:10px;line-height:9px;color:#657c98}

/* Final pass: mailbox inner surfaces and actions */
.mailApp .detailMessageItem,.mailApp .mailReplyBox,.mailApp .mailReplyTextarea,.mailApp .mailAttachmentCard,.mailApp .mailAttachmentPreview,.mailApp .aiSuggestedReplyText,.mailApp .mailAiSuggestion,.mailApp .mailAiReply,.mailApp .mailContactBox,.mailApp .mailContactBanner,.mailApp .mailDetailView .detailMessageBody{border-radius:5px!important}
.mailApp .mailComposeBtn,.mailApp #newMailBtn{background:#0877ee!important;border-color:#0877ee!important;color:white!important;border-radius:5px!important}
.mailApp .mailComposeBtn:hover,.mailApp #newMailBtn:hover{background:#0564ca!important}
.mailApp .mailFolders,.mailApp .mailListPanel,.mailApp .mailViewer{border-radius:5px!important;box-shadow:none!important}
.mailApp .mailFolder strong{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-width:20px!important}
.mailApp .mailFolder[data-folder="trash"]:before{content:""!important;display:block!important;width:12px!important;height:12px!important;border:1.5px solid #657c98!important;border-top:0!important;border-radius:0 0 2px 2px!important;background:transparent!important;transform:translateY(-40%)!important;left:12px!important}
.mailApp .mailFolder[data-folder="trash"]:after{content:"";position:absolute;left:10px;top:calc(50% - 9px);width:16px;height:2px;background:#657c98;border-radius:1px}
.mailApp .mailOriginalFolderIcon{background:none!important;color:#54718e!important}
.mailApp .mailOriginalFolderRow,.mailApp .mailOriginalFolder{border-radius:5px!important}

/* Contact favorites: accessible tabs and real star control */
.contactFilterTabs{display:flex;gap:8px;margin:10px 0 12px;align-items:center}
.contactFilterTab{background:#fff;border:1px solid #dbe3ed;border-radius:5px;color:#435873;font-weight:650;padding:9px 17px;cursor:pointer}
.contactFilterTab.active{background:#0877ee;border-color:#0877ee;color:#fff}
.contactFavoriteBtn{border:0;background:transparent;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:0 5px;vertical-align:middle}
.contactFavoriteBtn.isFavorite{color:#e8a23c}.contactFavoriteBtn:focus-visible{outline:2px solid #0877ee;outline-offset:2px}
.contactInfo{min-width:0}.contactName{display:inline-block;max-width:calc(100% - 35px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle}

/* Final targeted corrections — no duplicate pseudo-icons */
.mailApp .mailFolder[data-folder="trash"]::before,.mailApp .mailFolder[data-folder="trash"]::after{content:none!important;display:none!important}
.mailApp .mailFolder[data-folder="trash"]{padding-left:12px!important;display:flex!important;align-items:center!important;gap:10px!important}
.mailApp .mailFolder[data-folder="trash"] .wpMailFolderIcon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:19px;height:19px}
.mailNoContact,.mailLinkedContact,.mailNoContact .mailCreateContactBtn,.mailLinkedContact .mailOpenContactBtn{border-radius:4px!important}
.sidebarBottom a[href="/login"]{display:flex!important;align-items:center!important;gap:12px!important}
.sidebarBottom a[href="/login"] .wpIcon{flex:none;width:19px;height:19px}
.wp-summary .wp-stat:first-child::before{content:""!important;background-color:#e7f1ff!important;background-position:center!important;background-repeat:no-repeat!important;background-size:23px 23px!important}
body:has(.offersCard) .wp-summary .wp-stat:first-child::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230877ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h8'/%3E%3C/svg%3E")!important}
body:has(.invoicesCard) .wp-summary .wp-stat:first-child::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230877ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l4-2 4 2 4-2 4 2V2l-4 2-4-2-4 2zM8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E")!important}
.wpConfirmOverlay{position:fixed;inset:0;background:rgba(15,23,42,.48);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}
.wpConfirmDialog{background:#fff;border:1px solid #dbe3ed;border-radius:7px;padding:25px;width:min(100%,410px);box-shadow:0 20px 60px rgba(15,23,42,.18)}
.wpConfirmDialog h3{margin:0 0 10px;color:#142640;font-size:20px}.wpConfirmDialog p{color:#64748b;font-size:14px;line-height:1.6}
.wpConfirmActions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.wpConfirmActions button{border:1px solid #dbe3ed;background:#fff;color:#334155;padding:10px 15px;border-radius:5px;cursor:pointer}.wpConfirmActions .wpConfirmDanger{background:#c93636;color:#fff;border-color:#c93636}