/* Source: glass-v2.css — consolidated, order preserved */
/* Essense Studios Glass v2 — app-wide design layer. Loaded AFTER app.css. */
:root {
  --ink:#f2efee;
  --ink-soft:#dfd9dc;
  --cream:#191a20;
  --paper:#2b2b35;
  --nude:#d0b6b2;
  --nude-2:#49404a;
  --line:rgba(235,222,229,.13);
  --muted:#bbb2bc;
  --green:#93aa9b;
  --shadow:0 22px 55px rgba(4,4,9,.26);
  --serif:"Poppins",Arial,sans-serif;
  --sans:"Poppins",Arial,sans-serif;
  --ess-primary:#282930;
  --ess-accent:#c6a9ba;
  --ess-app-bg:#191a20;
  --ess-card-bg:#292a33;
  --ess-text:#f2edf1;
  --ess-muted:#beb3be;
  --ess-line:rgba(245,229,240,.13);
  --ess-heading-font:"Poppins",Arial,sans-serif;
  --ess-body-font:"Poppins",Arial,sans-serif;
  --ess-serif:"Poppins",Arial,sans-serif;
  color-scheme:dark;
}
html:has(body.essense-app-body),body.essense-app-body { background:#191a20!important; }
body.essense-app-body {
  isolation:isolate;
  color:#f3f0f2;
  font:400 14px/1.62 "Poppins",Arial,sans-serif;
  background:radial-gradient(ellipse 48% 35% at 80% 6%,rgba(166,130,153,.19),transparent 78%),radial-gradient(ellipse 38% 40% at 15% 72%,rgba(146,141,177,.16),transparent 80%),linear-gradient(148deg,#202128 0%,#191a20 52%,#202027 100%)!important;
  background-attachment:fixed!important;
}
.ess-app,.ess-main {background:transparent!important;color:#f2eaf1!important}
.ess-app {min-height:100vh}
body.essense-app-body:before,body.essense-app-body:after {
  content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(88px);opacity:.62;
}
body.essense-app-body:before {top:5vh;right:7vw;width:340px;height:300px;background:rgba(153,120,154,.13)}
body.essense-app-body:after {bottom:0;left:24vw;width:420px;height:300px;background:rgba(138,122,163,.10)}
body.essense-app-body :is(button,input,textarea,select,option) {font-family:"Poppins",Arial,sans-serif}
body.essense-app-body :is(h1,h2,h3,h4,h5,h6) {font-family:"Poppins",Arial,sans-serif;font-weight:550;letter-spacing:-.038em}
body.essense-app-body .ess-kicker {color:#cdb5c3!important;font-size:9px;letter-spacing:.16em;font-weight:600}
body.essense-app-body :is(.ess-page-header p,.ess-section-toolbar p,.ess-section-head p,.ess-section-hero p,.ess-hero-card p,.ess-empty-state p) {color:#b9b3be}
/* Sidebar — text only, understated active indicator. */
.ess-sidebar {
  width:250px!important;
  background:linear-gradient(160deg,rgba(45,45,54,.80),rgba(27,28,35,.88))!important;
  border-right:1px solid rgba(245,228,238,.12)!important;
  box-shadow:12px 0 45px rgba(0,0,0,.10);
  backdrop-filter:blur(30px) saturate(125%);
  -webkit-backdrop-filter:blur(30px) saturate(125%);
  padding:24px 15px 20px!important;
}
.ess-sidebar-top {padding:4px 10px 31px!important;align-items:center}
.ess-brand-link-sidebar {max-width:185px;display:block}
.ess-brand-link-sidebar img{width:100%;max-width:175px;max-height:56px;object-fit:contain;object-position:left center}
.ess-nav {gap:4px!important;padding-right:4px;scrollbar-color:#53505c transparent}
.ess-nav button {
  display:flex!important;align-items:center!important;gap:0!important;
  position:relative;min-height:42px;border:1px solid transparent!important;
  border-radius:13px!important;padding:11px 14px 11px 19px!important;
  background:transparent!important;color:#b9b7c1!important;
  font-size:13px!important;font-weight:450!important;
  letter-spacing:.005em;line-height:1.3;transition:background .2s,color .2s,border-color .2s;
}
.ess-nav button:hover{background:rgba(255,255,255,.052)!important;color:#faf5f8!important}
.ess-nav button.is-active {
  background:linear-gradient(100deg,rgba(187,153,178,.16),rgba(255,255,255,.035))!important;
  border-color:rgba(204,176,197,.17)!important;color:#fff!important;font-weight:600!important;
}
.ess-nav button.is-active:before {content:"";position:absolute;left:5px;top:11px;bottom:11px;width:3px;border-radius:99px;background:#cdb5c8;box-shadow:0 0 14px rgba(216,179,210,.65)}
.ess-nav-icon{display:none!important}
.ess-sidebar-bottom{border-top:1px solid rgba(255,255,255,.09)!important;padding:17px 8px 0!important}
.ess-signout{color:#b9b1bd!important}
/* Layout & headings. */
.ess-main {margin-left:250px!important;padding:38px clamp(24px,4vw,65px) 95px!important;max-width:1900px}
.ess-page-header{margin-bottom:32px!important;align-items:center;gap:18px}
.ess-page-header h1 {font-family:"Poppins",Arial,sans-serif!important;font-size:clamp(29px,3.1vw,48px)!important;font-weight:550!important;line-height:1.17!important;letter-spacing:-.05em!important;margin-bottom:8px!important;color:#f5f0f3}
.ess-page-header p{font-size:12px!important}
.ess-section-toolbar h2,.ess-section-head h2,.ess-section-hero h2 {font-family:"Poppins",Arial,sans-serif!important;font-weight:550!important;line-height:1.16!important;letter-spacing:-.05em!important;font-size:clamp(25px,3.4vw,42px)!important}
.ess-card h2,.ess-hero-card h2,.ess-card-head h2{font-family:"Poppins",Arial,sans-serif!important;font-size:clamp(21px,2vw,28px)!important;line-height:1.25!important;font-weight:550!important;letter-spacing:-.045em!important}
.ess-dashboard-personal-toolbar {padding:9px 0 10px!important}
.ess-dashboard-personal-toolbar p{color:#b9b2bd!important;font-size:12px}
.ess-header-actions{gap:8px}
/* Main glass surfaces, including the inner pages. */
.ess-card,.ess-hero-card,.ess-metric-grid article,.ess-role-pulse article,.ess-quick-grid button,
.ess-client-list,.ess-project-card,.ess-note-index,.ess-note-stage,.ess-note-editor,.ess-note-compose-card,
.ess-calendar-shell,.ess-calendar-card,.ess-task-card,.ess-agenda-group,.ess-message-layout,.ess-thread-pane,
.ess-conversation-pane,.ess-file-card,.ess-folder-card,.ess-review-card,.ess-review-artboard,.ess-team-summary,
.ess-drawer,.ess-modal-card,.ess-auth-card,.ess-install-sheet-card,.ess-client-card,.ess-services-box,
.ess-invoice-metrics article,.ess-invoice-items-card,.ess-invoice-editor-main,.ess-invoice-editor-preview-panel,
.ess-proposal-items,.ess-personalizable-card,.ess-file-browser-folder,.ess-invoice-client-summary,
.ess-invoice-editor-head,.ess-invoice-editor-actions,.ess-ei-connected-note,.ess-inquiry-card,.ess-profile-section,
.ess-detail-grid,.ess-upload-drop,.ess-folder-dropzone,.ess-client-preview .ess-preview-header {
  background:linear-gradient(136deg,rgba(55,54,66,.76),rgba(39,40,49,.76))!important;
  color:#f3eef1!important;border:1px solid rgba(233,217,230,.14)!important;
  border-radius:21px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.042),0 16px 38px rgba(3,3,10,.11)!important;
  backdrop-filter:blur(23px) saturate(116%);
  -webkit-backdrop-filter:blur(23px) saturate(116%);
}
/* Avoid excessive heavy blur on hundreds of tiny items. */
.ess-metric-grid article,.ess-role-pulse article,.ess-quick-grid button,.ess-file-card,.ess-file-browser-folder {backdrop-filter:blur(10px)}
.ess-metric-grid {gap:12px!important}
.ess-metric-grid article{min-height:118px!important;padding:19px!important}
.ess-metric-grid strong,.ess-role-pulse strong {font:550 clamp(26px,3vw,38px)/1.2 "Poppins",sans-serif!important;letter-spacing:-.05em}
.ess-metric-grid span,.ess-role-pulse span{color:#d4c8d0!important;font-size:11px!important;font-weight:600!important;letter-spacing:.055em!important}
.ess-metric-grid small,.ess-role-pulse small{color:#aea7b4!important;font-size:11px!important}
.ess-metric-dark,.ess-role-pulse .is-dark {background:linear-gradient(125deg,rgba(104,76,107,.54),rgba(52,45,61,.82))!important;border-color:rgba(205,173,204,.25)!important}
.ess-command-card{min-height:240px}
.ess-command-card .ess-card-head{margin-bottom:17px}
.ess-role-list>*+*{border-top-color:var(--line)!important}
.ess-hero-card {background:linear-gradient(130deg,rgba(104,77,99,.44),rgba(40,41,51,.83) 68%)!important}
.ess-quick-grid button:hover,.ess-project-card:hover,.ess-file-card:hover {border-color:rgba(219,188,212,.35)!important;background:linear-gradient(130deg,rgba(81,70,88,.8),rgba(44,44,55,.85))!important}
.ess-quick-grid strong {font:550 17px/1.3 "Poppins",sans-serif!important}
.ess-quick-grid span{font:600 10px "Poppins",sans-serif!important;color:#d2afc6!important}
.ess-quick-grid small {color:#b9b1be!important}
/* Inputs, dropdowns, dialogs and utility cards. */
body.essense-app-body :is(.ess-form,.ess-form-grid,.ess-drawer-form,.ess-invoice-form,.ess-proposal-editor-drawer,.ess-settings-panel,.ess-note-editor,.ess-modal-card) :is(input,select,textarea),
body.essense-app-body :is(input.ess-search,input.ess-pin-input,textarea.ess-note-textarea),
body.essense-app-body :is(.ess-invoice-form,.ess-proposal-items,.ess-message-composer) :is(input,select,textarea) {
 background:rgba(19,20,27,.50)!important;border:1px solid rgba(235,221,233,.17)!important;color:#f6f1f4!important;
 border-radius:11px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.10);min-height:40px;
}
body.essense-app-body input::placeholder,body.essense-app-body textarea::placeholder{color:#958e9b!important;opacity:1}
body.essense-app-body :is(input,select,textarea):focus-visible{outline:2px solid rgba(204,167,196,.70)!important;outline-offset:1px}
body.essense-app-body option{background:#2c2b35;color:#fff}
.ess-secondary,.ess-icon-btn,.ess-install-btn,.ess-install-small,.ess-header-profile,.ess-row-menu,
.ess-filter-pills button,.ess-note-tabs button,.ess-calendar-nav button,.ess-calendar-modes button,
.ess-file-mode-tabs button,.ess-note-mode-switch button,.ess-proposal-status,.ess-dashboard-widget-option {
 background:rgba(77,73,88,.29)!important;color:#e7e0e7!important;
 border:1px solid rgba(229,209,229,.20)!important;border-radius:12px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.ess-primary,.ess-header-add,.ess-inquiry-submit {background:linear-gradient(115deg,#c6a9bf,#b6a5bb)!important;color:#1f2028!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:12px!important;font-weight:650!important;box-shadow:0 9px 24px rgba(118,88,122,.18)!important}
.ess-primary:hover,.ess-header-add:hover {background:#dac4d3!important;opacity:1!important;transform:translateY(-1px)}
.ess-secondary:hover,.ess-icon-btn:hover,.ess-filter-pills button:hover{border-color:rgba(217,186,211,.52)!important;background:rgba(125,101,127,.25)!important}
.ess-text-btn {color:#d6b8cf!important;font-weight:600!important}
.ess-header-profile,.ess-icon-btn{min-height:39px}
.ess-header-profile strong{color:#f6eef5!important}
/* Interactive lists and elements still using the old white surfaces. */
.ess-client-row,.ess-invoice-row,.ess-proposal-row,.ess-thread-row,.ess-note-list-item,.ess-agenda-row,.ess-dashboard-project,.ess-file-row,.ess-team-row,
.ess-review-feedback,.ess-message-bubble,.ess-note-template-row,.ess-month-day,.ess-week-day,.ess-cal-item,.ess-cal-task,.ess-invoice-item-row,
.ess-payment-manage-row,.ess-inquiry-card,.ess-folder-card,.ess-task-head,.ess-services-box,
.ess-note-mode-row,.ess-note-mode-switch,.ess-invoice-more-menu,.ess-invite-result,.ess-filter-pills,.ess-file-mode-tabs {
 color:#eee7ed!important;background:rgba(255,255,255,.025)!important;border-color:rgba(239,222,235,.12)!important;
}
.ess-dashboard-project:hover,.ess-client-row:hover,.ess-thread-row:hover,.ess-note-list-item:hover {background:rgba(178,143,175,.11)!important}
.ess-note-list-item.is-active,.ess-thread-row.is-active,.ess-filter-pills button.is-active,.ess-note-tabs button.is-active,.ess-calendar-modes button.is-active {background:rgba(194,160,189,.18)!important;border-color:rgba(217,184,212,.35)!important;color:#fff!important}
.ess-stage-pill,.ess-status-dot,.ess-portal-state,.ess-internal-pill,.ess-role-pill,.ess-invoice-status,.ess-proposal-status {
 border-color:rgba(229,201,223,.22)!important;
 background:rgba(203,171,193,.12)!important;color:#e9d1e1!important;
}
.ess-loading-line,.ess-loading-card{background:linear-gradient(90deg,#363540,#4a4652,#363540)!important;background-size:220% 100%!important}
.ess-empty-icon,.ess-empty-monogram {border-color:rgba(240,221,235,.18)!important;background:rgba(238,211,237,.06)!important;color:#e7d1e2!important}
.ess-empty-state strong {color:#f7f0f4!important}
.ess-mini-progress{background:#5b5260!important}.ess-mini-progress i{background:#d1b1cc!important}
.ess-progress-ring:after{background:#292a34!important}
.ess-drawer-backdrop{background:rgba(8,9,14,.66)!important;backdrop-filter:blur(8px)!important}
.ess-drawer{border-radius:22px 0 0 22px!important;background:linear-gradient(142deg,rgba(44,43,54,.98),rgba(27,28,36,.98))!important;border-right:0!important;box-shadow:-28px 0 80px rgba(0,0,0,.28)!important}
.ess-drawer-head,.ess-conversation-head,.ess-thread-pane,.ess-message-composer,.ess-note-index,.ess-note-stage,.ess-note-editor,.ess-invoice-editor-head{border-color:rgba(234,213,229,.13)!important}
.ess-invoice-preview-shell,.ess-file-preview,.ess-review-preview{background:rgba(22,22,29,.68)!important}
.ess-invoice-mobile-tabs,.ess-note-mode-switch {background:rgba(18,20,28,.45)!important;border-radius:14px!important}
.ess-month-head,.ess-calendar-nav,.ess-calendar-modes {background:rgba(45,45,57,.38)!important;color:#e4dae5!important;border-color:rgba(237,213,232,.12)!important}
.ess-calendar-shell,.ess-month-grid,.ess-week-grid,.ess-day-grid {border-color:rgba(240,219,237,.13)!important}
.ess-month-day.is-today {outline:1px solid rgba(220,184,208,.6);outline-offset:-2px}
.ess-auth-shell,.ess-auth-panel{background:transparent!important}
.ess-auth-brand{background:radial-gradient(circle at 70% 30%,rgba(161,121,153,.23),transparent 45%),linear-gradient(145deg,#292831,#202129)!important}
.ess-auth-copy h1{font-size:clamp(34px,5vw,65px)!important}
.ess-auth-panel .ess-auth-card{background:linear-gradient(130deg,rgba(53,51,63,.9),rgba(36,37,46,.94))!important}
.ess-auth-card h2{font-size:clamp(25px,3vw,37px)!important}
.ess-auth-card :is(input,select,textarea){background:#24242f!important;border-color:#55505d!important;color:#fff!important}
.ess-note-canvas,canvas[data-note-canvas],.ess-canvas-wrap canvas,.ess-handwriting-card canvas {background:#fff!important;touch-action:none}
/* Client preview should reflect new styling too. */
.ess-client-preview{--preview-bg:#1b1c24!important;--preview-paper:#30303b!important;--preview-ink:#f5f0f4!important;--preview-line:rgba(240,219,235,.17)!important;--preview-muted:#bcb0be!important;background:#1b1c24!important;color:#f5f0f4!important}
.ess-client-preview .ess-preview-bar{background:#25252f!important}
.ess-client-preview .ess-preview-header{background:#2f2d39!important}
.ess-client-preview .ess-preview-header h1 {font-family:"Poppins",sans-serif!important;font-size:clamp(28px,4vw,48px)!important;color:#fff!important;font-weight:550!important}
/* Invoice/proposal paper and printed output remain white, with dark ink. */
body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-public-paper,.ess-proposal-paper) {
 --ink:#19191d;--paper:#fff;--line:#ddd;--muted:#666;
 background:#fff!important;color:#18191c!important;color-scheme:light!important;
 backdrop-filter:none!important;border-radius:12px!important;
}
body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-proposal-paper) :is(h1,h2,h3,h4,strong,b,p,span,small,td,th,em,label){color:#24252a}
body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-proposal-paper) :is(input,select,textarea){background:#fff!important;color:#24252a!important;border-color:#d8d4d3!important}
body.essense-app-body .ess-public-invoice-page {background:#20212a!important}

/* Secondary surfaces that used fixed pale colors in the legacy stylesheet. */
.ess-invoice-editor-drawer,.ess-invoice-editor-layout,.ess-lead-panel,.ess-payment-manage-card,
.ess-mobile-calendar,.ess-mobile-upcoming,.ess-mobile-calendar-event,.ess-editor-toolbar,.ess-draw-toolbar,
.ess-note-sharing,.ess-note-collab,.ess-note-comment,.ess-note-statusbar,.ess-note-body,
.ess-notification-pref-form>label,.ess-payment-summary span,.ess-invoice-preview-actions,
.ess-review-feedback,.ess-note-type-workspace,.ess-calendar-modes,.ess-invoice-taxable,
.ess-inquiry-status-actions button,.ess-row-preview,.ess-payment-quick-amounts button,
.ess-note-mode-switch button.is-active,.ess-invoice-mobile-tabs button,.ess-dashboard-widget-option button,
.ess-invoice-more>summary,.ess-invoice-more-menu button,.ess-notification-row,
.ess-proposal-item-row>button,.ess-mobile-weekdays,.ess-mobile-date {
  background:rgba(52,51,64,.80)!important;color:#f1ebf1!important;border-color:rgba(234,217,235,.14)!important;
}
.ess-invoice-editor-layout {background:#24242e!important}
.ess-invoice-editor-drawer {background:#23242e!important}
.ess-note-body {min-height:320px;background:rgba(25,26,34,.64)!important;color:#f5f1f4!important}
.ess-note-body[contenteditable='true']:focus{outline:1px solid rgba(217,179,213,.55)!important}
.ess-editor-toolbar {backdrop-filter:blur(20px)!important}
.ess-toolbar-color,.ess-toolbar-highlight>span {background:rgba(235,218,234,.16)!important}
.ess-invoice-preview-actions{backdrop-filter:blur(16px)!important}
.ess-role-action-icon,.ess-role-file-icon {background:rgba(208,173,202,.12)!important;color:#f3e4f0!important;border-color:rgba(217,188,212,.24)!important}
.ess-client-preview .ess-card,.ess-client-preview .ess-role-pulse article,.ess-client-preview .ess-project-card {
  background:linear-gradient(130deg,#34333f,#292a34)!important;color:#f3edf2!important;border-color:rgba(230,207,225,.15)!important;
}
.ess-palette-option,.ess-profile-select select,.ess-note-sharing-grid select,.ess-note-comment-form textarea,.ess-invite-result textarea {
  background:#272732!important;color:#fff!important;border:1px solid rgba(239,216,236,.18)!important;
}
.ess-mobile-profile,.ess-header-profile {background:rgba(76,71,86,.30)!important;color:#f2eaf2!important;border:1px solid rgba(233,210,233,.17)!important}
.ess-notification-row:hover,.ess-role-action:hover,.ess-role-row:hover {background:rgba(176,147,174,.10)!important}
.ess-access-state,.ess-note-review-pill,.ess-note-review-state,.ess-proposal-client-state,.ess-paid-chip {
  background:rgba(157,128,166,.16)!important;color:#e6d0e0!important;border:1px solid rgba(225,196,218,.21)!important
}
/* Text in paper-like previews is intentionally exempt from dark controls. */
.ess-invoice-paper .ess-paper-balance,.ess-invoice-paper .ess-paper-callout{background:#f7f2ef!important;color:#24242a!important}

/* Focus / access. */
body.essense-app-body button:focus-visible,body.essense-app-body a:focus-visible{outline:2px solid #e0bdd7!important;outline-offset:3px}
/* Mobile: text-only bar, large targets. */
@media(max-width:820px){
 .ess-sidebar{width:min(304px,88vw)!important;transform:translateX(-105%)}
 .ess-sidebar.is-open{transform:none}
 .ess-main{margin-left:0!important;padding:100px 20px 112px!important}
 .ess-mobile-top{background:rgba(33,33,42,.85)!important;border-bottom:1px solid rgba(238,220,236,.16)!important;backdrop-filter:blur(24px)!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px;color:#fff}
 .ess-mobile-top .ess-brand-logo img{max-height:37px!important;max-width:155px!important}
 .ess-mobile-top .ess-mobile-actions{gap:5px}
 .ess-mobile-nav{background:rgba(35,35,45,.91)!important;border-top:1px solid rgba(228,205,225,.18)!important;backdrop-filter:blur(27px)!important;padding:9px 8px calc(10px + env(safe-area-inset-bottom))!important}
 .ess-mobile-nav button {color:#b7b0bb!important;min-height:45px;padding:11px 1px!important;position:relative;border-radius:11px!important}
 .ess-mobile-nav button small{font:500 11px/1.2 "Poppins",sans-serif!important;letter-spacing:-.01em}
 .ess-mobile-nav button.is-active{color:#f7f0f5!important;background:rgba(189,154,182,.14)!important}
 .ess-mobile-nav button.is-active:before{content:"";position:absolute;height:2px;width:22px;top:2px;left:calc(50% - 11px);background:#d9b9d4;border-radius:3px;box-shadow:0 0 10px #d9b9d4}
 .ess-page-header h1{font-size:clamp(29px,6vw,39px)!important}
 .ess-page-header{padding-top:0}
 .ess-section-toolbar h2,.ess-section-head h2{font-size:clamp(25px,6vw,35px)!important}
}
@media(max-width:560px){
 .ess-main{padding:85px 14px 106px!important}
 .ess-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .ess-metric-grid article{min-height:112px!important;padding:14px!important;border-radius:16px!important}
 .ess-metric-grid span{font-size:9px!important}
 .ess-metric-grid strong{font-size:29px!important}
 .ess-card,.ess-hero-card,.ess-auth-card{padding:19px!important;border-radius:19px!important}
 .ess-dashboard-personal-toolbar > div:last-child{display:flex;flex-wrap:wrap;gap:7px}
 .ess-dashboard-personal-toolbar :is(button,.ess-inline){flex:1 1 auto}
 .ess-note-mode-switch{min-width:0}
 .ess-file-browser-folder{flex-basis:150px}
 .ess-drawer{width:100vw!important;max-width:100vw!important;border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){.ess-nav button,.ess-primary,.ess-quick-grid button{transition:none!important}}
@media print{
 :root{color-scheme:light!important;--ink:#1b1b1b;--paper:#fff;--cream:#fff;--muted:#555;--line:#ddd}
 html,body.essense-app-body,body.essense-app-body .ess-public-invoice-page {background:white!important;color:#111!important}
 body.essense-app-body:before,body.essense-app-body:after{display:none!important}
 .ess-invoice-paper,.ess-invoice-editor-paper,.ess-proposal-paper {box-shadow:none!important;background:#fff!important;color:#111!important}
}

/* Source: simplified-v3.css — consolidated, order preserved */
/* Essense Studios 0.12: less navigation + authentic dark image-backed glass */
body.essense-app-body{background:#191a20!important}
.ess-app {isolation:isolate;position:relative;--ess-bg-image:url('../backgrounds/smoke.webp');--ess-bg-dim:.68;--ess-bg-blur:0px;--ess-bg-position:center}
.ess-app::before {content:"";position:fixed;inset:-32px;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(12,13,20,var(--ess-bg-dim)),rgba(12,13,20,var(--ess-bg-dim))),var(--ess-bg-image);background-position:center,var(--ess-bg-position);background-size:cover,cover;background-repeat:no-repeat;filter:blur(var(--ess-bg-blur));transform:translateZ(0)}
.ess-app:not(.ess-has-bg)::before{background-image:linear-gradient(135deg,#25232d,#191a20 62%,#242129)}
.ess-sidebar,.ess-mobile-top,.ess-mobile-nav{backdrop-filter:blur(32px) saturate(118%)!important;-webkit-backdrop-filter:blur(32px) saturate(118%)!important}
.ess-sidebar{background:rgba(26,27,35,.66)!important}
.ess-nav{overflow:auto}
.ess-nav-more-trigger{margin-top:12px!important;border-top:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;padding-top:15px!important;justify-content:space-between}
.ess-nav-more-trigger .ess-more-caret{font-size:17px;transition:transform .15s}
.ess-nav-more-trigger[aria-expanded=true] .ess-more-caret{transform:rotate(180deg)}
.ess-nav-more-links{display:grid;gap:3px;padding:1px 0 8px 15px}
.ess-nav-more-links[hidden]{display:none!important}
.ess-nav-more-links button{font-size:12px!important;min-height:37px!important;padding:9px 14px!important}
.ess-nav-more-links button.is-active {color:#fff!important}
/* Intro is useful; the analytics remain available on demand. */
.ess-simple-home-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 27px;border:1px solid rgba(240,225,236,.16);border-radius:24px;background:linear-gradient(125deg,rgba(84,65,81,.45),rgba(28,30,39,.62));box-shadow:0 15px 34px rgba(0,0,0,.08);margin:3px 0 20px;backdrop-filter:blur(25px)}
.ess-simple-home-intro h2{font:550 clamp(25px,2.4vw,34px)/1.2 Poppins,sans-serif!important;letter-spacing:-.04em;color:#f7f1f4;margin:5px 0!important}
.ess-simple-home-intro p{margin:0;font-size:12px;color:#c7bdc8}
.ess-simple-home-actions{display:flex;flex-wrap:wrap;gap:9px}
.ess-simple-home-actions button{border:1px solid rgba(234,211,229,.22);background:rgba(255,255,255,.07);color:#f8f1f6;min-height:42px;padding:9px 17px;border-radius:12px;font-size:12px;font-weight:550;cursor:pointer;white-space:nowrap}
.ess-simple-home-actions button:first-child{background:#d3b5c9;color:#27252f;border-color:#d3b5c9}
.ess-simple-home-actions button:hover{background:rgba(197,161,191,.27)}
.ess-home-expand{margin:0 0 13px;font-size:12px}
.ess-home-expand summary{cursor:pointer;display:inline-flex;align-items:center;gap:13px;color:#e8dce5;font-weight:600;min-height:40px}
.ess-home-expand summary span{font-weight:400;color:#ad9eae;font-size:11px}
.ess-dashboard-personal-toolbar{display:none!important}
.ess-dashboard-widgets [data-dashboard-widget=metrics],.ess-dashboard-widgets [data-dashboard-widget=activity],.ess-dashboard-widgets [data-dashboard-widget=quick]{display:none!important}
.ess-home-expanded .ess-dashboard-widgets [data-dashboard-widget=metrics],.ess-home-expanded .ess-dashboard-widgets [data-dashboard-widget=activity],.ess-home-expanded .ess-dashboard-widgets [data-dashboard-widget=quick]{display:block!important}
.ess-dashboard-widgets [data-dashboard-widget][hidden]{display:none!important}
.ess-dashboard-widgets [data-dashboard-widget=metrics]{order:-1!important}
.ess-dashboard-widgets [data-dashboard-widget=activity],.ess-dashboard-widgets [data-dashboard-widget=quick]{order:9!important}
.ess-board-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0 17px}
.ess-board-search{flex:1 1 220px;min-width:160px}
.ess-board-search input{width:100%;background:rgba(33,33,43,.68)!important;border:1px solid rgba(235,218,231,.21)!important;color:#fff!important;border-radius:12px!important;padding:12px 14px!important;height:45px;font:400 13px Poppins,sans-serif}
.ess-board-switch{display:flex;gap:2px;padding:4px;background:rgba(19,20,27,.42);border:1px solid rgba(230,208,226,.14);border-radius:12px}
.ess-board-switch button{background:transparent;border:0;border-radius:9px;color:#c8bcc7;cursor:pointer;padding:8px 17px;font:600 12px Poppins,sans-serif;min-height:34px}
.ess-board-switch button.is-active{background:rgba(215,182,204,.20);color:#fff}
.ess-board-type,.ess-board-archived{display:flex;align-items:center;gap:8px;color:#ddd2dd;font-size:11px}
.ess-board-type select{min-width:105px;background:#32313c;color:#f7eff4;border:1px solid rgba(239,218,235,.18);border-radius:9px;padding:9px}
.ess-board-archived input{accent-color:#d1afc6;width:16px;height:16px}
.ess-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,1fr);gap:13px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 24px;scrollbar-color:#77707c transparent;min-height:350px}
.ess-kanban-column{background:rgba(34,35,44,.65);border:1px solid rgba(228,205,223,.17);border-radius:19px;padding:13px;min-width:230px;min-height:340px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .14s,border-color .14s}
.ess-kanban-column.is-drag-over{background:rgba(106,75,102,.55);border-color:rgba(244,214,232,.6)}
.ess-kanban-column header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:4px 3px 11px;border-bottom:1px solid rgba(239,217,232,.09)}
.ess-kanban-column header h3{font:600 12px Poppins,sans-serif!important;letter-spacing:.005em;color:#f4ebf3;margin:0}
.ess-kanban-column header span{font:600 11px Poppins,sans-serif;color:#d3b5cd;background:rgba(209,167,198,.15);padding:5px 10px;border-radius:50px}
.ess-kanban-items{display:flex;flex-direction:column;gap:11px;min-height:220px}
.ess-kanban-empty{color:#8f8894;font-size:11px;text-align:center;padding:42px 8px;line-height:1.7}
.ess-kanban-card{padding:14px 14px 11px;background:linear-gradient(135deg,rgba(78,68,81,.81),rgba(45,44,55,.92));border:1px solid rgba(248,230,242,.15);border-radius:15px;box-shadow:0 11px 22px rgba(0,0,0,.12);cursor:grab}
.ess-kanban-card.is-dragging{opacity:.45}
.ess-kanban-open{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:0;width:100%;color:#f8f2f6;text-align:left;cursor:pointer}
.ess-kanban-open strong{font:600 13px/1.4 Poppins,sans-serif;letter-spacing:-.012em}
.ess-kanban-open span{color:#d3c2d0;font:400 11px Poppins,sans-serif}
.ess-kanban-open small{color:#b0a8b5;font:400 10px/1.45 Poppins,sans-serif}
.ess-kanban-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid rgba(248,233,244,.12);margin-top:13px;padding-top:9px}
.ess-kanban-card-foot>span{font-size:10px;color:#cbbcc9;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ess-kanban-card-foot select{color:#f4e7f1;border:1px solid rgba(232,212,230,.2);border-radius:9px;background:#38333f;max-width:116px;font:500 10px Poppins,sans-serif;padding:6px;cursor:pointer}
.ess-view[data-view=projects]:not(.ess-board-is-list) .ess-project-list-toolbar,.ess-view[data-view=projects]:not(.ess-board-is-list) [data-project-grid]{display:none!important}
.ess-view.ess-board-is-list [data-project-board]{display:none!important}
.ess-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ess-project-form-advanced{grid-column:1/-1;border:1px solid rgba(228,212,226,.15);border-radius:12px;padding:11px 13px;margin-top:7px;min-width:0}
.ess-project-form-advanced summary{cursor:pointer;color:#e7cfe1;font:550 12px Poppins,sans-serif;padding:6px 2px}
.ess-project-form-advanced .ess-form-grid{margin-top:15px}
.ess-bg-appearance{margin-top:22px;padding:19px;background:rgba(20,21,29,.33);border:1px solid rgba(230,212,230,.17);border-radius:17px}
.ess-bg-appearance h4{margin:0 0 6px;font:600 15px Poppins,sans-serif;color:#fff}
.ess-bg-appearance p{font-size:11px;line-height:1.65;color:#bcb2bc}
.ess-bg-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:15px 0}
.ess-bg-choices button{appearance:none;padding:5px;background:rgba(72,65,80,.43);color:#eee4eb;border:2px solid transparent;border-radius:12px;cursor:pointer;overflow:hidden;min-width:0}
.ess-bg-choices button.is-selected{border-color:#d7accb;background:rgba(175,126,161,.27)}
.ess-bg-choices button img,.ess-bg-custom-choice{height:72px;display:block;width:100%;border-radius:8px;object-fit:cover}
.ess-bg-custom-choice{display:grid;place-items:center;background:#37323d;color:#d7c4d1;padding:4px;font-size:10px}
.ess-bg-choices button>span:last-child:not(.ess-bg-custom-choice){display:block;text-align:center;padding:6px 0 2px;font-size:10px}
.ess-bg-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.ess-bg-controls label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:500;color:#e5dae3}
.ess-bg-controls label output{display:inline;color:#d7b8ce}
.ess-bg-controls input[type=range]{accent-color:#d9b3cd;width:100%}
.ess-bg-controls select{background:#36323d;color:#fff;border:1px solid #625666;border-radius:9px;padding:9px}
@media(max-width:1060px){.ess-board{grid-auto-columns:245px}.ess-simple-home-launch{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.ess-board{grid-auto-columns:minmax(220px,74vw);padding-bottom:16px}.ess-kanban-column{min-height:290px}.ess-simple-home-launch{padding:19px}.ess-simple-home-actions{width:100%}.ess-simple-home-actions button{flex:1}.ess-bg-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.ess-bg-controls{grid-template-columns:1fr}.ess-nav-more-links{padding-bottom:25px}}
@media(max-width:480px){.ess-bg-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ess-board-tools{align-items:stretch}.ess-board-search{flex-basis:100%}.ess-board-switch,.ess-board-type,.ess-board-archived{flex:1 1 auto}.ess-simple-home-actions button{font-size:11px;padding:9px 11px}}
@media print{.ess-app::before{display:none!important}.ess-simple-home-launch,.ess-board-tools{display:none!important}}

/* v0.12.3 — muted stage-tinted glass, client-first cards */
.ess-board-colors-btn{appearance:none;color:#f1e5ee;border:1px solid rgba(233,209,225,.23);border-radius:12px;background:rgba(60,52,68,.65);padding:11px 15px;min-height:42px;font:550 12px Poppins,sans-serif;cursor:pointer}
.ess-board-colors-btn:hover{background:rgba(117,93,112,.42)}
.ess-board-color-panel[hidden]{display:none!important}
.ess-board-color-panel{background:rgba(30,28,39,.78);border:1px solid rgba(225,202,221,.22);border-radius:18px;backdrop-filter:blur(26px);padding:17px 20px;margin:2px 0 19px;color:#f6ebf3}
.ess-board-color-head{display:flex;align-items:start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ess-board-color-head strong{font:600 15px Poppins,sans-serif}
.ess-board-color-head p{color:#bfb3c0;font-size:11px;margin:5px 0 0}
.ess-board-preset-actions{display:flex;flex-wrap:wrap;gap:6px}
.ess-board-preset-actions button{font:500 11px Poppins,sans-serif;background:rgba(214,182,205,.13);border:1px solid rgba(225,199,220,.2);color:#e8d5e4;padding:9px 12px;border-radius:10px;cursor:pointer}
.ess-board-preset-actions button:hover{background:rgba(214,182,205,.24)}
.ess-board-color-inputs{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px;margin:18px 0}
.ess-board-color-inputs label{display:flex;flex-direction:column;gap:9px;color:#e9dee7;font:500 11px Poppins,sans-serif}
.ess-board-color-inputs input[type=color]{padding:3px;cursor:pointer;width:100%;height:41px;border-radius:10px;background:#33313c;border:1px solid rgba(238,218,233,.18)}
.ess-board-color-actions{display:flex;justify-content:end;gap:9px}
.ess-kanban-column{background:linear-gradient(160deg,var(--ess-board-stage-wash),rgba(31,32,42,.74) 40%);border-color:var(--ess-board-stage-wash)}
.ess-kanban-column header{border-bottom-color:var(--ess-board-stage-edge)}
.ess-kanban-column header span{background:var(--ess-board-stage-wash);color:#f4edf2}
.ess-kanban-card{background:linear-gradient(140deg,var(--ess-board-stage-wash),rgba(45,44,56,.83) 67%);border-color:var(--ess-board-stage-edge);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:0 8px 23px rgba(0,0,0,.14),inset 2px 0 0 var(--ess-board-stage-color);transition:border-color .15s,transform .15s,box-shadow .15s}
.ess-kanban-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.19),0 0 18px var(--ess-board-stage-wash),inset 2px 0 0 var(--ess-board-stage-color)}
.ess-kanban-open strong{font:600 14px/1.45 Poppins,sans-serif!important;color:#fff}
.ess-kanban-open span{font:450 11px/1.5 Poppins,sans-serif;color:#ddd2df}
.ess-kanban-open small.ess-kanban-kind{color:#c7bacb;text-transform:uppercase;letter-spacing:.06em;font:600 9px/1.2 Poppins,sans-serif}
.ess-kanban-open small.ess-kanban-due{margin-top:3px;color:#e0d3e0;font-size:10px}
.ess-board-is-list .ess-project-grid .ess-project-card{border-radius:15px}
@media(max-width:980px){.ess-board-color-inputs{grid-template-columns:repeat(3,minmax(90px,1fr))}}
@media(max-width:580px){.ess-board-color-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.ess-board-color-panel{padding:15px}.ess-board-color-actions button{flex:1}}

.ess-project-list-mode .ess-project-card{background:linear-gradient(150deg,var(--ess-board-stage-wash),rgba(34,34,44,.87) 66%)!important;border-color:var(--ess-board-stage-edge)!important;box-shadow:inset 2px 0 0 var(--ess-board-stage-color),0 10px 25px rgba(0,0,0,.12)}


/* v0.12.4 — high-contrast glass, unified Poppins typography.
   Scope the fixes to the real detail drawer (project + client), never printable documents. */
body.essense-app-body [data-detail-drawer] {
  --ess-detail-panel:rgba(54,52,65,.90);
  --ess-detail-ink:#F6F1F6;
  --ess-detail-secondary:#D0C8D3;
  --ess-detail-dim:#BEB5C5;
  --ess-detail-stroke:rgba(240,224,239,.19);
  --ess-detail-accent:#DDC1D5;
  color:var(--ess-detail-ink)!important;
  background:linear-gradient(145deg,rgba(43,42,54,.985),rgba(26,27,37,.985))!important;
  font:400 13px/1.6 'Poppins',Arial,sans-serif!important;
}
body.essense-app-body [data-detail-drawer] :is(button,select,input,textarea,p,small,strong,b,span,label,h2,h3,h4){font-family:'Poppins',Arial,sans-serif}
body.essense-app-body [data-detail-drawer] .ess-drawer-head {margin-bottom:18px;padding-bottom:18px;border-color:var(--ess-detail-stroke)!important}
body.essense-app-body [data-detail-drawer] .ess-drawer-head h2 {font-size:clamp(25px,3vw,35px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.045em!important;color:#FFF!important}
body.essense-app-body [data-detail-drawer] .ess-drawer-head>button {color:#F0E8EF!important;border-radius:10px;min-width:40px;min-height:40px}
body.essense-app-body [data-detail-drawer] .ess-detail-body {color:var(--ess-detail-ink)!important}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs {
  background:rgba(40,39,51,.96)!important;
  border-bottom:1px solid var(--ess-detail-stroke)!important;
  padding:10px 0 14px!important;
  gap:7px!important;
  flex-wrap:wrap;
  position:sticky;
  top:-1px;
}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs button,
body.essense-app-body [data-detail-drawer] .ess-detail-more select {
  appearance:none;
  background:rgba(88,83,102,.40)!important;
  border:1px solid rgba(234,216,236,.24)!important;
  color:#EDE6EF!important;
  border-radius:11px!important;
  min-height:38px;
  padding:9px 13px!important;
  font:500 12px/1.2 'Poppins',Arial,sans-serif!important;
  cursor:pointer;
  box-shadow:none!important;
}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs button:hover,
body.essense-app-body [data-detail-drawer] .ess-detail-more select:hover {background:rgba(124,101,125,.45)!important;border-color:rgba(230,199,226,.48)!important}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs button.is-active {
  background:#D5B7CE!important;
  color:#24212B!important;
  border-color:#DEC9DC!important;
  font-weight:650!important;
}
body.essense-app-body [data-detail-drawer] .ess-detail-more select {max-width:100%;padding-right:20px!important}
body.essense-app-body [data-detail-drawer] .ess-detail-more select option{background:#343240!important;color:#F6F1F6!important}
body.essense-app-body [data-detail-drawer] .ess-detail-tab-content {padding-top:22px;color:var(--ess-detail-ink)!important}
body.essense-app-body [data-detail-drawer] .ess-detail-project-head>strong {
  font:600 clamp(25px,4vw,34px)/1.1 'Poppins',Arial,sans-serif!important;
  color:#F6EDF5!important;
}
body.essense-app-body [data-detail-drawer] .ess-project-progress>span {
  background:rgba(245,227,242,.18)!important;
}
body.essense-app-body [data-detail-drawer] .ess-project-progress i {
  background:linear-gradient(90deg,#927B9F,#D4B6CB)!important;
}
/* Cause of screenshot: the old .ess-detail-grid>div had background:#fff,
   while the inherited text remained off-white. These panels use smoky glass instead. */
body.essense-app-body [data-detail-drawer] .ess-detail-grid {
  gap:9px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible;
}
body.essense-app-body [data-detail-drawer] .ess-detail-grid>div {
  min-width:0;
  background:var(--ess-detail-panel)!important;
  color:var(--ess-detail-ink)!important;
  border:1px solid var(--ess-detail-stroke)!important;
  border-radius:13px!important;
  padding:15px 16px!important;
  display:grid;
  gap:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.essense-app-body [data-detail-drawer] .ess-detail-grid small,
body.essense-app-body [data-detail-drawer] .ess-services-box small {
  font:600 11px/1.45 'Poppins',Arial,sans-serif!important;
  color:var(--ess-detail-dim)!important;
  letter-spacing:.04em!important;
  text-transform:uppercase;
}
body.essense-app-body [data-detail-drawer] .ess-detail-grid strong,
body.essense-app-body [data-detail-drawer] .ess-services-box strong {
  font:550 13px/1.55 'Poppins',Arial,sans-serif!important;
  color:#F8F4F8!important;
  overflow-wrap:anywhere;
}
/* Another old selector used light paper cards for the four project metrics. */
body.essense-app-body [data-detail-drawer] .ess-360-metrics {gap:10px!important;margin:20px 0!important}
body.essense-app-body [data-detail-drawer] .ess-360-metrics article,
body.essense-app-body [data-detail-drawer] .ess-360-metrics article.is-dark {
  min-width:0;
  min-height:124px;
  padding:16px!important;
  background:linear-gradient(145deg,rgba(67,60,76,.92),rgba(47,46,60,.92))!important;
  color:var(--ess-detail-ink)!important;
  border:1px solid var(--ess-detail-stroke)!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.essense-app-body [data-detail-drawer] .ess-360-metrics article.is-dark {background:linear-gradient(150deg,rgba(104,77,103,.73),rgba(56,51,69,.92))!important}
body.essense-app-body [data-detail-drawer] .ess-360-metrics :is(span,small),
body.essense-app-body [data-detail-drawer] .ess-360-metrics article.is-dark :is(span,small) {
  color:var(--ess-detail-secondary)!important;
  font:500 11px/1.5 'Poppins',Arial,sans-serif!important;
  overflow-wrap:anywhere;
}
body.essense-app-body [data-detail-drawer] .ess-360-metrics strong,
body.essense-app-body [data-detail-drawer] .ess-360-metrics article.is-dark strong {
  display:block;
  font:600 clamp(20px,2.8vw,28px)/1.25 'Poppins',Arial,sans-serif!important;
  letter-spacing:-.035em;
  color:#FFFFFF!important;
  margin:12px 0 8px!important;
  overflow-wrap:anywhere;
}
body.essense-app-body [data-detail-drawer] .ess-detail-section {margin-top:24px}
body.essense-app-body [data-detail-drawer] .ess-detail-section>p,
body.essense-app-body [data-detail-drawer] .ess-360-current>p {
  color:var(--ess-detail-secondary)!important;
  font:400 13px/1.8 'Poppins',Arial,sans-serif!important;
}
body.essense-app-body [data-detail-drawer] .ess-detail-section h3,
body.essense-app-body [data-detail-drawer] .ess-detail-hero h3 {
  font:600 21px/1.35 'Poppins',Arial,sans-serif!important;
  letter-spacing:-.03em!important;
  color:#F8F2F7!important;
}
body.essense-app-body [data-detail-drawer] .ess-detail-hero p {color:var(--ess-detail-secondary)!important;font-size:12px!important;overflow-wrap:anywhere}
body.essense-app-body [data-detail-drawer] .ess-services-box,
body.essense-app-body [data-detail-drawer] .ess-360-current {
  background:linear-gradient(135deg,rgba(81,69,85,.75),rgba(43,44,56,.86))!important;
  border:1px solid var(--ess-detail-stroke)!important;
  border-radius:14px!important;
  color:#F8F3F7!important;
}
body.essense-app-body [data-detail-drawer] .ess-360-current {padding:16px!important}
body.essense-app-body [data-detail-drawer] .ess-detail-project-link {
  color:#F6EDF5!important;
  border-bottom:1px solid var(--ess-detail-stroke)!important;
  gap:12px;
  min-height:52px;
}
body.essense-app-body [data-detail-drawer] .ess-detail-project-link:hover {background:rgba(183,153,179,.085)!important}
body.essense-app-body [data-detail-drawer] .ess-detail-project-link :is(strong,b){color:#F5ECF5!important;font:600 12px/1.5 'Poppins',Arial,sans-serif!important}
body.essense-app-body [data-detail-drawer] .ess-detail-project-link small {color:var(--ess-detail-secondary)!important;font-size:11px!important}
body.essense-app-body [data-detail-drawer] .ess-kicker {color:#D8BFD0!important;font-size:10px!important;letter-spacing:.10em!important}
body.essense-app-body [data-detail-drawer] .ess-detail-hero .ess-status-dot {color:#F2E4EF!important}
body.essense-app-body [data-detail-drawer] .ess-project-collab-actions{display:flex;gap:8px;flex-wrap:wrap}
body.essense-app-body [data-detail-drawer] :is(.ess-project-collab-actions,.ess-360-actions,.ess-detail-inline-actions) .ess-secondary,
body.essense-app-body [data-detail-drawer] a.ess-secondary {
  background:rgba(83,75,92,.45)!important;
  border:1px solid rgba(231,212,232,.25)!important;
  border-radius:11px!important;
  color:#F2EAF3!important;
  font:500 12px/1.35 'Poppins',Arial,sans-serif!important;
  padding:11px 13px!important;
  text-decoration:none!important;
  white-space:normal;
}
body.essense-app-body [data-detail-drawer] .ess-detail-project-head {gap:16px;align-items:center}
@media(max-width:680px){
 body.essense-app-body [data-detail-drawer] {padding:21px 16px 45px!important}
 body.essense-app-body [data-detail-drawer] .ess-360-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.essense-app-body [data-detail-drawer] .ess-360-metrics article {padding:14px!important}
 body.essense-app-body [data-detail-drawer] .ess-detail-tabs {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 body.essense-app-body [data-detail-drawer] .ess-detail-tabs button {flex:none}
}
@media(max-width:410px){body.essense-app-body [data-detail-drawer] .ess-detail-grid{grid-template-columns:1fr!important}}
@media print{
 body.essense-app-body [data-detail-drawer]{display:none!important}
}

/* Drawer headers stay dark when the responsive legacy stylesheet makes them sticky. */
body.essense-app-body [data-detail-drawer] .ess-drawer-head {
  background:rgba(41,40,52,.97)!important;
  color:#F6F0F6!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(241,225,238,.19)!important;
}
/* Other edit drawers also had paper-white sticky action bars and muted-on-dark labels. */
body.essense-app-body .ess-drawer:not(.ess-invoice-preview-drawer) .ess-drawer-actions {
  background:linear-gradient(180deg,rgba(35,34,45,.91),rgba(29,30,40,.99) 22%)!important;
  border-top:1px solid rgba(241,225,239,.16)!important;
}
body.essense-app-body .ess-drawer .ess-form-grid label {
  color:#E7DFE8!important;
  font:550 11px/1.45 'Poppins',Arial,sans-serif!important;
  letter-spacing:.03em!important;
}
body.essense-app-body .ess-drawer .ess-form-grid label small {
  color:#C9BECD!important;
  font:400 11px/1.4 'Poppins',Arial,sans-serif!important;
  letter-spacing:0!important;
}
@media(max-width:680px){
 body.essense-app-body [data-detail-drawer] {top:0!important;bottom:0!important}
 body.essense-app-body [data-detail-drawer] .ess-detail-tabs {flex-wrap:wrap!important;overflow:visible!important}
 body.essense-app-body [data-detail-drawer] .ess-detail-more {min-width:0}
}

/* Source: calendar-tools.css — consolidated, order preserved */
/* v0.12.2: Collapsible calendar utilities - intentionally low visual clutter. */
.ess-calendar-utilities{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:0 0 19px}
.ess-calendar-utility{flex:1 1 290px;min-width:0;max-width:510px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(45,43,52,.59);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#f4f0f3;box-shadow:0 10px 35px rgba(0,0,0,.1)}
.ess-calendar-utility>summary{cursor:pointer;padding:16px 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:52px}
.ess-calendar-utility>summary::-webkit-details-marker{display:none}
.ess-calendar-utility-arrow{font-size:17px;transition:transform .2s ease;color:#d6c5d0}
.ess-calendar-utility[open] .ess-calendar-utility-arrow{transform:rotate(180deg)}
.ess-calendar-utility-body{padding:4px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#eee9ed}
.ess-calendar-utility-body p{font-size:12px;line-height:1.7;color:#d5cbd3;margin:0}
.ess-calendar-utility-body small{font-size:11px;line-height:1.55;color:#bcb4c0}
.ess-calendar-utility-body button{font-family:Poppins,sans-serif;cursor:pointer}
.ess-calendar-subscribe-result{display:flex;flex-direction:column;gap:8px;align-self:stretch;min-width:0;width:100%}
.ess-calendar-subscribe-result[hidden]{display:none!important}
.ess-calendar-subscribe-result label{font-size:11px;color:#e9dde5;display:flex;flex-direction:column;gap:6px}
.ess-calendar-subscribe-result input{width:100%;max-width:100%;min-width:0;color:#fff;background:rgba(16,17,22,.65);border:1px solid rgba(255,255,255,.25);border-radius:11px;padding:10px;font-size:12px;font-family:Poppins,sans-serif}
.ess-calendar-revoke{border:0;background:transparent;color:#dfc0cf;text-decoration:underline;font-size:12px;padding:4px 0}
.ess-calendar-phone-instructions{font-size:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px;line-height:1.7;color:#e8dce3;background:rgba(0,0,0,.17)}
.ess-timer-display{font-family:Poppins,sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;font-weight:600;color:#fff}
.ess-timer-controls,.ess-timer-actions{display:flex;flex-wrap:wrap;gap:8px}
.ess-timer-controls button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:8px 12px;border-radius:11px;font-size:12px;color:#e9e0e7}
.ess-timer-controls button.is-selected{background:rgba(215,179,201,.22);border-color:rgba(215,179,201,.65);color:#fff}
.ess-calendar-utility button:focus-visible,.ess-calendar-utility summary:focus-visible{outline:2px solid #e9c7d7;outline-offset:3px}
@media(max-width:700px){.ess-calendar-utilities{display:block;margin-bottom:14px}.ess-calendar-utility{max-width:none;margin-bottom:10px}.ess-calendar-utility>summary{min-height:54px}.ess-calendar-utility-body{padding:4px 16px 18px}}

.ess-calendar-utility-body [data-calendar-subscribe-status]:empty{display:none}
.ess-calendar-utility-body [data-calendar-subscribe-status]{color:#e2c3d2}
.ess-calendar-utility button:disabled{opacity:.55;cursor:wait}

/* Source: surface-audit-v125.css — consolidated, order preserved */
/* Essense Studios 0.12.5 — dark-glass surface & contrast audit.
 * MUST load after app, glass, simplified, calendar-tools and inline branding styles.
 * Presentation only: no changes to routes, auth, form values or project data.
 * White is deliberately preserved for printable documents, artwork and handwriting canvases.
 */
body.essense-app-body {
 --ess125-ink:#f7f2f7;
 --ess125-secondary:#ddd4df;
 --ess125-muted:#c5bbc9;
 --ess125-border:rgba(239,220,239,.22);
 --ess125-panel:rgba(42,42,54,.94);
 --ess125-card:rgba(56,54,69,.72);
 --ess125-field:rgba(19,20,29,.73);
 --ess125-focus:#e7bddd;
 --ess125-accent:#d8bad0;
}
/* Base app chrome and readable hierarchy. */
body.essense-app-body :is(.ess-app,.ess-view,.ess-drawer,.ess-drawer-form,.ess-modal-card,.ess-install-sheet-card,.ess-settings-panel){color:var(--ess125-ink)}
body.essense-app-body :is(.ess-drawer,.ess-modal-card,.ess-install-sheet-card,.ess-auth-card) {
 color-scheme:dark;
 background:linear-gradient(148deg,rgba(47,45,59,.985),rgba(27,28,39,.985))!important;
 border-color:var(--ess125-border)!important;
}
body.essense-app-body :is(.ess-drawer-head,.ess-conversation-head,.ess-message-composer,.ess-drawer-actions,.ess-invoice-editor-head,.ess-invoice-editor-actions){border-color:var(--ess125-border)!important}
body.essense-app-body .ess-drawer-head{background:rgba(42,40,53,.95)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
body.essense-app-body .ess-drawer-head h2,
body.essense-app-body .ess-modal-card :is(h2,h3),
body.essense-app-body .ess-card-head :is(h2,h3){color:#fff!important;font:600 clamp(23px,3.5vw,35px)/1.22 'Poppins',Arial,sans-serif!important;letter-spacing:-.045em!important}
body.essense-app-body :is(.ess-drawer-head p,.ess-modal-card>p,.ess-card-head>p){color:var(--ess125-secondary)!important}
body.essense-app-body .ess-drawer-head>button {color:var(--ess125-ink)!important;min-width:40px;min-height:40px;border-radius:11px}
body.essense-app-body .ess-drawer-head>button:hover{background:rgba(255,255,255,.1)!important}
/* Quick Add was untouched by earlier glass selectors and inherited legacy white tiles. */
body.essense-app-body .ess-quick-add-drawer{--ess125-quick-gap:12px}
body.essense-app-body .ess-quick-add-grid {
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:var(--ess125-quick-gap)!important;
 padding:22px!important;
 align-content:start!important;
 background:transparent!important;
}
body.essense-app-body .ess-quick-add-grid > button {
 --ess-tile-rgb:174,145,166;
 appearance:none!important;
 isolation:isolate;
 min-width:0!important;
 min-height:142px!important;
 padding:18px 19px!important;
 border-radius:19px!important;
 border:1px solid rgba(var(--ess-tile-rgb),.48)!important;
 background:linear-gradient(145deg,rgba(var(--ess-tile-rgb),.25),rgba(38,38,52,.91) 62%,rgba(33,34,45,.95))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 11px 28px rgba(6,7,15,.14)!important;
 backdrop-filter:blur(16px) saturate(115%)!important;
 -webkit-backdrop-filter:blur(16px) saturate(115%)!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;
 color:#f9f4fa!important;
 text-align:left!important;
 cursor:pointer!important;
 overflow:hidden!important;
 transition:background .18s,border-color .18s,transform .18s,box-shadow .18s!important;
}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="inquiry"]{--ess-tile-rgb:167,130,155}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="client"]{--ess-tile-rgb:143,137,172}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="project"]{--ess-tile-rgb:121,143,172}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="note"]{--ess-tile-rgb:173,131,146}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="task"]{--ess-tile-rgb:125,156,140}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="event"]{--ess-tile-rgb:123,149,176}
body.essense-app-body .ess-quick-add-grid > button[data-quick-create="invoice"]{--ess-tile-rgb:172,146,129}
body.essense-app-body .ess-quick-add-grid > button>span{
 display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
 margin-bottom:auto!important;padding:0!important;
 border-radius:11px!important;background:rgba(var(--ess-tile-rgb),.22)!important;
 color:#fff!important;font:500 18px/1 Poppins,sans-serif!important;
}
body.essense-app-body .ess-quick-add-grid > button>strong{
 display:block!important;color:#fff!important;
 font:600 clamp(17px,1.7vw,22px)/1.28 'Poppins',Arial,sans-serif!important;
 letter-spacing:-.03em!important;text-shadow:0 1px 12px rgba(0,0,0,.15);
}
body.essense-app-body .ess-quick-add-grid > button>small {
 display:block!important;color:#ded3e0!important;
 font:400 11px/1.48 'Poppins',Arial,sans-serif!important;
 margin-top:5px!important;opacity:1!important;
}
body.essense-app-body .ess-quick-add-grid > button:hover,
body.essense-app-body .ess-quick-add-grid > button:focus-visible{
 border-color:rgba(var(--ess-tile-rgb),.82)!important;
 background:linear-gradient(140deg,rgba(var(--ess-tile-rgb),.38),rgba(48,43,59,.96) 68%)!important;
 box-shadow:0 12px 29px rgba(0,0,0,.22),0 0 23px rgba(var(--ess-tile-rgb),.12)!important;
 transform:translateY(-2px)!important;
}
body.essense-app-body .ess-quick-add-grid > button:focus-visible{outline:2px solid var(--ess125-focus)!important;outline-offset:3px!important}
/* Small tile, stat, row and action surfaces that were still paper-white. */
body.essense-app-body :is(
 .ess-team-card,.ess-team-summary article,.ess-client-card,.ess-client-list,.ess-invoice-row,.ess-proposal-row,
 .ess-preview-project-card,.ess-payment-manage-card,.ess-payment-summary span,.ess-ei-connected-note,
 .ess-dashboard-widget-option,.ess-notification-row,.ess-note-template-row,.ess-note-comment,.ess-note-compose-card,
 .ess-note-sharing,.ess-note-collab,.ess-file-browser-folder,.ess-folder-card,.ess-folder-path,
 .ess-folder-dropzone,.ess-lead-panel,.ess-services-box,.ess-review-feedback,.ess-review-comment,
 .ess-invite-result,.ess-global-search-result,.ess-invoice-more-menu,.ess-proposal-items,
 .ess-invoice-editor-section,.ess-invoice-items-card,.ess-mobile-calendar,.ess-mobile-upcoming,
 .ess-mobile-calendar-event,.ess-row-preview,.ess-role-action,.ess-role-row,
 .ess-note-mode-row,.ess-note-mode-switch,.ess-editor-toolbar,.ess-draw-toolbar
 ){
  background:linear-gradient(135deg,rgba(60,57,73,.70),rgba(42,42,55,.79))!important;
  border-color:var(--ess125-border)!important;
  color:var(--ess125-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.essense-app-body :is(
 .ess-invoice-more-menu button,.ess-notification-pref-form>label,.ess-payment-quick-amounts button,
 .ess-note-template-row button,.ess-note-mode-switch button,.ess-inquiry-status-actions button,
 .ess-proposal-item-row>button,.ess-task-head button,.ess-editor-toolbar button,.ess-draw-toolbar button,
 .ess-dashboard-widget-option button,.ess-filter-pills button,.ess-note-tabs button,
 .ess-file-mode-tabs button,.ess-calendar-modes button,.ess-invoice-mobile-tabs button
 ){
  background:rgba(76,71,87,.40)!important;
  color:var(--ess125-ink)!important;
  border:1px solid rgba(233,213,233,.23)!important;
  box-shadow:none!important;
}
body.essense-app-body :is(
 .ess-invoice-more-menu button,.ess-notification-pref-form>label,.ess-payment-quick-amounts button,
 .ess-note-template-row button,.ess-note-mode-switch button,.ess-inquiry-status-actions button,
 .ess-proposal-item-row>button,.ess-task-head button,.ess-editor-toolbar button,.ess-draw-toolbar button,
 .ess-dashboard-widget-option button,.ess-filter-pills button,.ess-note-tabs button,
 .ess-file-mode-tabs button,.ess-calendar-modes button,.ess-invoice-mobile-tabs button
 ):hover{background:rgba(113,88,117,.46)!important;border-color:rgba(232,195,225,.48)!important}
/* Typography in utility cards/drawers (previously legacy brown on dark). */
body.essense-app-body :is(.ess-quick-add-drawer,.ess-global-search-drawer,.ess-dashboard-customize-drawer,.ess-drawer-form,.ess-settings-panel,
 .ess-lead-panel,.ess-mobile-calendar,.ess-file-browser,.ess-folder-path,.ess-notification-row,.ess-note-comment,
 .ess-proposal-items,.ess-invoice-editor-main,.ess-payment-manage-card) :is(h1,h2,h3,h4,h5,strong,b,label,legend){
  font-family:'Poppins',Arial,sans-serif!important;color:var(--ess125-ink)!important;
}
body.essense-app-body :is(.ess-drawer,.ess-modal-card,.ess-dashboard-widget,.ess-note-comment,.ess-notification-row,
 .ess-folder-card,.ess-client-card,.ess-payment-manage-card,.ess-calendar-shell) :is(p,small,em,time){
 color:var(--ess125-secondary);
}
body.essense-app-body :is(.ess-global-search-result,.ess-note-comment,.ess-notification-row,.ess-folder-card) small{color:var(--ess125-muted)!important;opacity:1!important}
/* Form controls: preserve native color inputs, checkboxes and switch/slider behavior. */
body.essense-app-body :is(.ess-drawer,.ess-modal-card,.ess-settings-panel,.ess-card,.ess-note-editor,.ess-message-composer,.ess-auth-card)
 :is(input:not([type='checkbox']):not([type='radio']):not([type='color']):not([type='range']):not([type='file']),textarea,select),
body.essense-app-body :is(.ess-profile-select,.ess-palette-option,.ess-search,.ess-note-sharing-grid) select {
 background:var(--ess125-field)!important;
 color:var(--ess125-ink)!important;
 border:1px solid rgba(232,214,233,.32)!important;
 border-radius:11px!important;
 font-family:'Poppins',Arial,sans-serif!important;
 -webkit-text-fill-color:var(--ess125-ink);
}
body.essense-app-body :is(.ess-drawer,.ess-modal-card,.ess-settings-panel,.ess-auth-card) label{
 color:#e5dce7!important;font-family:'Poppins',Arial,sans-serif!important;
}
body.essense-app-body :is(input,textarea)::placeholder{color:#b8abbc!important;opacity:1!important}
body.essense-app-body select option{background:#2c2b37!important;color:#fff!important}
body.essense-app-body :is(input,select,textarea,button,[tabindex]):focus-visible{outline:2px solid var(--ess125-focus)!important;outline-offset:2px!important}
body.essense-app-body :is(.ess-secondary,.ess-text-btn,.ess-row-menu,.ess-detail-tabs button){color:var(--ess125-ink)!important}
/* Non-printable document editor surfaces can be dark; invoice/proposal paper must remain light. */
body.essense-app-body :is(.ess-invoice-editor-drawer,.ess-invoice-editor-main,.ess-invoice-editor-preview-panel,.ess-invoice-editor-layout,
 .ess-invoice-editor-section,.ess-proposal-editor-drawer,.ess-payment-manage-card,.ess-proposal-items){color:var(--ess125-ink)!important}
body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-public-paper,.ess-proposal-paper){
 background:#fff!important;color:#202127!important;color-scheme:light!important;
}
body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-public-paper,.ess-proposal-paper) :is(input,select,textarea){
 background:#fff!important;color:#22232a!important;-webkit-text-fill-color:#22232a!important;
}
/* Canvas and artwork do not inherit glass. */
body.essense-app-body :is(.ess-note-canvas,.ess-canvas-wrap canvas,canvas[data-note-canvas],.ess-handwriting-card canvas){background:white!important}
body.essense-app-body :is(.ess-file-large-preview,.ess-review-image-wrap,.ess-file-preview iframe,.ess-review-preview iframe){backdrop-filter:none!important}
/* Status differentiation without faded text. */
body.essense-app-body :is(.ess-stage-pill,.ess-role-pill,.ess-status-dot,.ess-portal-state,.ess-invoice-status,.ess-proposal-status){
 color:#f7eaf4!important;border-color:rgba(220,188,217,.34)!important;
 background:rgba(183,143,176,.21)!important;
}
/* Mobile and reduced-motion polish. */
@media(max-width:620px){
 body.essense-app-body .ess-quick-add-grid{padding:16px!important;gap:10px!important}
 body.essense-app-body .ess-quick-add-grid>button{min-height:130px!important;padding:15px!important;border-radius:16px!important}
 body.essense-app-body .ess-quick-add-grid>button>strong{font-size:17px!important}
 body.essense-app-body .ess-quick-add-grid>button>small{font-size:10px!important;line-height:1.45!important}
}
@media(max-width:360px){body.essense-app-body .ess-quick-add-grid{grid-template-columns:1fr!important}body.essense-app-body .ess-quick-add-grid>button{min-height:107px!important}}
@media(prefers-reduced-motion:reduce){body.essense-app-body .ess-quick-add-grid>button{transition:none!important}body.essense-app-body .ess-quick-add-grid>button:hover{transform:none!important}}
@media print{
 body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-public-paper,.ess-proposal-paper),
 body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-public-paper,.ess-proposal-paper) * {
  color:#202127!important;background-color:transparent;
 }
 body.essense-app-body :is(.ess-invoice-paper,.ess-invoice-editor-paper,.ess-public-paper,.ess-proposal-paper){background:white!important}
}

/* v0.12.5: multi-service summaries should stay readable on both board and client screens. */
body.essense-app-body :is(.ess-kanban-card .ess-kanban-open > span, .ess-project-card .ess-project-card-button > p, .ess-services-box strong){white-space:pre-line!important;overflow-wrap:anywhere!important;color:var(--ess125-secondary)!important;}
body.essense-app-body .ess-kanban-card .ess-kanban-open > span{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;}
body.essense-app-body .ess-project-card .ess-project-card-button > h3{color:var(--ess125-ink)!important;}
body.essense-app-body .ess-project-form-advanced summary{color:var(--ess125-secondary)!important;}

/* Source: mobile-reliability-v126.css — consolidated, order preserved */
/* Essense Studios 0.12.6 — readable mobile header, safer iOS layers, no side-shadow band.
 * Loaded last, after the global theme. Retains glass tints without expensive GPU blur on phones.
 */
@media (max-width: 820px) {
  html:has(body.essense-app-body), body.essense-app-body {
    width:100%;max-width:100%;overflow-x:clip!important;
    background:#1d1c25!important;
    background-attachment:scroll!important;
  }
  body.essense-app-body::before, body.essense-app-body::after {
    content:none!important;display:none!important;
  }
  body.essense-app-body .ess-app {
    width:100%; max-width:100%;overflow-x:clip;min-height:100dvh;
    isolation:isolate;
  }
  /* Eliminate the oversized fixed/blurred pseudo-layer responsible for dark bands
     and excessive repaints in iOS WebKit. A single photo + opacity wash remains. */
  body.essense-app-body .ess-app::before {
    inset:0!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
    background-position:center,var(--ess-bg-position)!important;
    background-size:cover,cover!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
  }
  body.essense-app-body :is(.ess-mobile-top,.ess-mobile-nav,.ess-simple-home-launch,.ess-hero-card,.ess-card,.ess-dashboard-widget,.ess-kanban-column,.ess-kanban-card,.ess-inquiry-card,.ess-inquiry-panel,.ess-drawer,.ess-quick-add-grid>button,.ess-detail-section,.ess-360-metrics article,.ess-board-color-panel) {
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.essense-app-body .ess-mobile-top {
    box-sizing:border-box;
    height:calc(68px + env(safe-area-inset-top, 0px))!important;
    padding:env(safe-area-inset-top, 0px) 12px 0!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:8px!important;
    background:rgba(32,31,40,.97)!important;
    border-bottom:1px solid rgba(230,215,228,.18)!important;
  }
  body.essense-app-body .ess-mobile-top .ess-brand-logo {
    justify-self:center;
    min-width:0;
    max-width:150px;
    padding:5px 8px;
    border-radius:10px;
    background:#f5f3f2!important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.essense-app-body .ess-mobile-top .ess-brand-logo img {
    width:auto!important;
    height:auto!important;
    max-width:135px!important;
    max-height:31px!important;
    object-fit:contain;
  }
  body.essense-app-body .ess-main {
    min-width:0;
    padding-top:calc(106px + env(safe-area-inset-top, 0px))!important;
    padding-bottom:calc(125px + env(safe-area-inset-bottom, 0px))!important;
  }
  body.essense-app-body .ess-page-header {padding-top:0!important;margin-top:0!important;}
  body.essense-app-body .ess-page-header h1 {line-height:1.18!important;overflow-wrap:anywhere;}
  body.essense-app-body .ess-mobile-nav {
    background:rgba(35,34,45,.98)!important;
    box-shadow:0 -3px 16px rgba(0,0,0,.16)!important;
  }
  body.essense-app-body :is(.ess-hero-card,.ess-simple-home-launch,.ess-inquiry-card,.ess-kanban-card,.ess-quick-add-grid>button) {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 19px rgba(0,0,0,.13)!important;
  }
  body.essense-app-body .ess-inquiry-show-more {
    width:100%;padding:13px;margin:12px 0;
  }
  body.essense-app-body [data-client-billing-metrics] article strong {
    font-size:clamp(16px,4.5vw,25px)!important;
    overflow-wrap:anywhere;
  }
  body.essense-app-body [data-client-billing-metrics] article small {
    font-size:10px!important;line-height:1.35!important;color:#D9CFDA!important;
  }
}
@media (max-width:380px) {
  body.essense-app-body .ess-mobile-top .ess-brand-logo{max-width:116px;padding:5px 6px}
  body.essense-app-body .ess-mobile-top .ess-brand-logo img{max-width:103px!important}
  body.essense-app-body .ess-mobile-top .ess-mobile-actions{gap:3px!important}
}
@media print { body.essense-app-body .ess-app::before{display:none!important} }

/* Source: stability-v127.css — consolidated, order preserved */
/* Essense Studios v0.12.7 - stability first.
   The old fixed pseudo-background plus many nested blur layers created
   overlapping compositing surfaces and a dark edge on some Safari devices.
   Preserve the low-saturation glass colors, NOT the GPU-heavy blur. */
html:has(body.essense-app-body),body.essense-app-body {
  background:#20202a!important;
  background-attachment:scroll!important;
}
body.essense-app-body::before,body.essense-app-body::after,
body.essense-app-body .ess-app::before,body.essense-app-body .ess-app::after {
  content:none!important;
  display:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body.essense-app-body .ess-app {
  background-color:#202029!important;
  background-image:linear-gradient(rgba(17,18,26,var(--ess-bg-dim,.68)),rgba(17,18,26,var(--ess-bg-dim,.68))),var(--ess-bg-image,none)!important;
  background-position:center,var(--ess-bg-position,center)!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  isolation:auto!important;
  min-height:100vh;
  overflow-x:clip;
}
body.essense-app-body .ess-app:not(.ess-has-bg){
  background-image:linear-gradient(140deg,#24222d,#20202a 65%,#26212a)!important;
}
body.essense-app-body .ess-app,
body.essense-app-body .ess-app * {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.essense-app-body .ess-sidebar,
body.essense-app-body .ess-mobile-top,
body.essense-app-body .ess-mobile-nav {
  background-color:#272630!important;
  box-shadow:none!important;
}
body.essense-app-body .ess-app .ess-drawer,
body.essense-app-body .ess-app .ess-card,
body.essense-app-body .ess-app .ess-kanban-column,
body.essense-app-body .ess-app .ess-kanban-card {
  box-shadow:0 4px 12px rgba(0,0,0,.10)!important;
}
@media (max-width:1024px) {
  body.essense-app-body .ess-app {
    /* Temporary mobile performance fallback: no large photo composite. The
       selected image remains saved and appears on desktop. */
    background-image:linear-gradient(145deg,#29252f,#20212a 67%,#28232d)!important;
    background-attachment:scroll!important;
    background-position:center!important;
    background-size:auto!important;
    overflow-x:clip!important;
  }
  body.essense-app-body .ess-app .ess-hero-card,
  body.essense-app-body .ess-app .ess-simple-home-launch,
  body.essense-app-body .ess-app .ess-inquiry-card {background:rgba(43,42,55,.96)!important;}
  body.essense-app-body .ess-app :is(.ess-loading-line,.ess-loading-card) {animation:none!important;}
}
@media print {
 body.essense-app-body .ess-app {background:#fff!important;}
}

/* Source: client-hub-v128.css — consolidated, order preserved */
/* v0.12.8 - simple notes and private client account directory. */
.ess-note-empty[hidden],.ess-note-editor[hidden],.ess-note-sharing[hidden]{display:none!important}
.ess-note-stage:has(.ess-note-editor:not([hidden])){min-height:0!important}
.ess-note-stage:has(.ess-note-editor:not([hidden]))>.ess-note-empty{display:none!important}
.ess-note-editor .ess-note-title{font-family:Poppins,system-ui,sans-serif!important;font-size:clamp(24px,3vw,38px)!important;font-weight:600!important;line-height:1.2!important;margin-bottom:12px}
.ess-note-settings{border:1px solid rgba(231,207,227,.16);border-radius:12px;background:rgba(255,255,255,.025);margin:12px 0;padding:0 14px}
.ess-note-settings>summary{cursor:pointer;padding:14px 0;font:600 12px Poppins,sans-serif;color:#f0eaf0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.ess-note-settings>summary span{font-size:11px;font-weight:400;color:#cbb9c8}
.ess-note-settings[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
.ess-note-settings .ess-note-meta-grid{border-top:0;margin-top:8px}
.ess-note-sharing{background:rgba(28,26,36,.8)!important}
.ess-note-sharing h3{font:600 16px/1.4 Poppins,sans-serif!important;color:#f5eff6!important}
.ess-note-sharing p,.ess-note-sharing label,.ess-note-sharing small{color:#d6cbd7!important}
.ess-note-sharing select{color:#fff!important;background:#22232c!important;border:1px solid #58505b!important}
.ess-note-type-workspace .ess-note-body{color:#f5f0f5!important;background:#24232b!important;min-height:250px!important;font:400 14px/1.8 Poppins,sans-serif!important}
.ess-note-type-workspace .ess-note-body:empty:before{color:#ac9fad!important}
.ess-note-type-workspace .ess-note-compose-card{background:#24232b!important;border:1px solid rgba(240,222,239,.16)!important}
.ess-note-settings select,.ess-note-settings input{background:#24232c!important;color:#f5eff6!important;border:1px solid rgba(235,215,234,.22)!important;border-radius:8px;padding:8px!important;min-height:37px}
.ess-client-account-info{padding:14px 16px;background:rgba(200,173,193,.085);border:1px solid rgba(200,173,193,.22);border-radius:14px;margin-bottom:15px}
.ess-client-account-info strong{color:#f5eff6;font:600 15px Poppins,sans-serif}
.ess-client-account-info p{font:400 12px/1.65 Poppins,sans-serif;color:#d4cbd6;margin:7px 0 0}
.ess-client-account-info b{font-weight:600;color:#f5c9d0}
.ess-client-accounts-list{display:grid;gap:10px}
.ess-client-account-card{padding:14px;border-radius:14px;background:rgba(62,58,71,.65);border:1px solid rgba(232,211,235,.16);display:grid;gap:10px}
.ess-client-account-card strong{color:#f5eef4;font:600 14px Poppins,sans-serif;display:block}
.ess-client-account-card small{font:400 11px/1.6 Poppins,sans-serif;color:#d3c7d3;display:block;margin-top:3px;overflow-wrap:anywhere}
.ess-client-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ess-client-account-new{margin-top:14px;padding:14px;border-radius:14px;border:1px solid rgba(232,211,235,.2);background:rgba(255,255,255,.035)}
.ess-client-account-new summary{cursor:pointer;color:#f3eaf1;font:600 13px Poppins,sans-serif}
.ess-client-account-new form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.ess-client-account-new form label{color:#dfd6df;font:500 11px Poppins,sans-serif;display:grid;gap:6px}
.ess-client-account-new input{width:100%;box-sizing:border-box;border-radius:9px;background:#23242e;border:1px solid #5d5664;padding:12px;color:#fff;font:400 13px Poppins,sans-serif;min-width:0}
.ess-client-account-new form .ess-client-account-actions,.ess-client-account-new form .ess-client-account-caution{grid-column:1/-1}
.ess-client-account-caution{color:#e1c7d2;font:400 11px/1.5 Poppins,sans-serif;margin:2px 0}
@media(max-width:680px){.ess-client-account-new form{grid-template-columns:1fr}.ess-note-editor{padding-top:12px!important}.ess-note-settings>summary{flex-wrap:wrap}.ess-note-stage:has(.ess-note-editor:not([hidden])){overflow:auto}}

/* v0.12.9: never leave unresolved loading areas as blank panels. */
.ess-studio-load-error{padding:24px;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;color:#f2eaf3;background:rgba(49,44,56,.87);border-radius:14px;font-family:Poppins,system-ui,sans-serif}.ess-studio-load-error strong{font-size:17px}.ess-studio-load-error p{font-size:12px;color:#d0c6d3;margin:0}.ess-studio-load-error button{margin-top:4px}

/* v0.13.0 owner-only password vault controls */
.ess-client-account-card .ess-account-secret-status{color:#d7c2d0;font-weight:600;margin-top:7px}
.ess-account-secret-entry{display:flex;align-items:center;gap:7px;min-width:0}
.ess-account-secret-entry input{flex:1;min-width:0;width:100%}
.ess-account-secret-entry button{white-space:nowrap;padding:10px 12px!important}
.ess-account-secret-display{border:1px solid rgba(210,183,209,.24);background:rgba(30,30,40,.7);border-radius:12px;padding:12px;margin-top:4px;display:grid;gap:10px}
.ess-account-secret-display[hidden]{display:none!important}
.ess-account-secret-display label{color:#e8ddeb;font:500 11px/1.6 Poppins,system-ui,sans-serif;display:grid;gap:5px}
.ess-account-secret-display input{width:100%;box-sizing:border-box;border-radius:8px;border:1px solid #60566a;background:#1b1b24;padding:12px;color:#fff;font:500 14px Poppins,system-ui,sans-serif}
.ess-account-secret-display .ess-text-btn{color:#f1c4cd!important}

/* Source: client-visual-v131.css — consolidated, order preserved */
/* v0.13.1 — Client Visual Upgrade. Scoped to Clients and client editor only. */
body.essense-app-body .ess-client-list {display:grid!important;gap:12px!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.essense-app-body .ess-client-row-v131 {display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(360px,auto)!important;gap:18px!important;align-items:center!important;min-height:92px!important;padding:16px 18px!important;border:1px solid rgba(224,208,227,.21)!important;border-radius:18px!important;background:linear-gradient(112deg,rgba(66,61,76,.70),rgba(48,47,60,.76))!important;box-shadow:0 12px 28px rgba(9,9,16,.12),inset 0 1px 0 rgba(255,255,255,.035)!important;color:#f8f2f9!important;overflow:hidden!important;transition:background .16s ease,border-color .16s ease!important}
body.essense-app-body .ess-client-row-v131:hover {background:linear-gradient(112deg,rgba(77,66,88,.82),rgba(51,50,65,.82))!important;border-color:rgba(221,190,215,.37)!important}
body.essense-app-body .ess-client-row-v131 .ess-client-row-main {display:flex!important;min-width:0!important;align-items:center!important;gap:13px!important;padding:2px 0!important;min-height:52px!important;text-align:left!important;cursor:pointer!important;border:0!important;background:transparent!important;color:#f6f1f8!important}
body.essense-app-body .ess-client-row-v131 .ess-client-copy {display:grid!important;gap:4px!important;min-width:0!important}
body.essense-app-body .ess-client-row-v131 .ess-client-copy strong {display:block!important;font:600 clamp(17px,1.5vw,22px)/1.25 Poppins,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#f7f0f8!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.essense-app-body .ess-client-row-v131 .ess-client-copy small {font:400 11px/1.45 Poppins,system-ui,sans-serif!important;color:#cfc6d6!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.essense-app-body .ess-client-avatar {width:52px!important;height:52px!important;border-radius:15px!important;background:linear-gradient(135deg,#b5a3b7,#837e91)!important;color:#23212b!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font:600 19px Poppins,system-ui,sans-serif!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.22)!important}
body.essense-app-body .ess-client-avatar.has-logo {background:rgba(239,231,240,.09)!important;padding:5px!important}
body.essense-app-body .ess-client-avatar.has-logo img {display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:9px!important}
body.essense-app-body .ess-client-avatar-large {width:70px!important;height:70px!important;border-radius:18px!important;font-size:28px!important}
body.essense-app-body .ess-client-row-v131 .ess-client-row-details {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;min-width:0!important}
body.essense-app-body .ess-client-project-count {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:51px!important;min-height:0!important;height:auto!important;gap:2px!important;color:#f4eaf3!important}
body.essense-app-body .ess-client-project-count b {font:600 17px/1.2 Poppins,sans-serif!important;color:#faf6fa!important}
body.essense-app-body .ess-client-project-count small {font:400 10px/1.5 Poppins,sans-serif!important;color:#c8bccb!important}
body.essense-app-body .ess-client-chip {border-radius:999px!important;padding:7px 10px!important;font:600 10px/1.2 Poppins,sans-serif!important;white-space:nowrap!important;border:1px solid transparent!important}
body.essense-app-body .ess-client-chip.is-active {background:rgba(119,154,136,.19)!important;border-color:rgba(148,187,165,.38)!important;color:#bfdec9!important}
body.essense-app-body .ess-client-chip.is-lead {background:rgba(194,151,167,.19)!important;border-color:rgba(211,173,193,.38)!important;color:#ead0dc!important}
body.essense-app-body .ess-client-chip.is-muted {background:rgba(164,154,159,.15)!important;border-color:rgba(190,182,195,.30)!important;color:#d9d2dd!important}
body.essense-app-body .ess-client-chip.is-linked {background:rgba(142,142,193,.21)!important;border-color:rgba(167,164,218,.36)!important;color:#e2dafa!important}
body.essense-app-body .ess-client-chip.is-unlinked {background:rgba(162,130,136,.15)!important;border-color:rgba(186,150,158,.30)!important;color:#e7c7ce!important}
body.essense-app-body .ess-client-row-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
body.essense-app-body .ess-client-action {min-height:36px!important;padding:8px 12px!important;max-width:100%!important;border-radius:10px!important;font:600 11px/1.25 Poppins,sans-serif!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;transition:background .16s ease,transform .16s ease!important}
body.essense-app-body .ess-client-action:hover {transform:translateY(-1px)!important;filter:brightness(1.10)!important}
body.essense-app-body .ess-client-action.is-portal {background:rgba(104,126,163,.31)!important;border:1px solid rgba(158,180,217,.36)!important;color:#e1eaff!important}
body.essense-app-body .ess-client-action.is-invite {background:rgba(192,149,176,.63)!important;border:1px solid rgba(231,185,218,.43)!important;color:#241e29!important}
body.essense-app-body .ess-client-action.is-preview {background:rgba(160,121,160,.30)!important;border:1px solid rgba(205,165,208,.40)!important;color:#f6ddf5!important}
body.essense-app-body .ess-client-action.is-edit {background:rgba(255,255,255,.055)!important;border:1px solid rgba(226,218,228,.24)!important;color:#e5deeb!important}
body.essense-app-body .ess-client-row-main:focus-visible,body.essense-app-body .ess-client-action:focus-visible{outline:2px solid #eac8e4!important;outline-offset:3px!important}
/* Logo chooser inside the existing client drawer — no new navigation screens. */
body.essense-app-body .ess-client-logo-editor {display:flex;align-items:center;gap:16px;padding:14px;margin-bottom:18px;border-radius:16px;border:1px solid rgba(220,205,231,.22);background:rgba(92,79,100,.17);font:400 12px Poppins,sans-serif;color:#f2eaf2}
body.essense-app-body .ess-client-logo-preview {display:flex;align-items:center;justify-content:center;flex:0 0 82px;width:82px;height:82px;border-radius:17px;border:1px solid rgba(229,211,226,.24);background:rgba(255,255,255,.08);color:#d6c2d4;overflow:hidden;font:500 13px Poppins,sans-serif}
body.essense-app-body .ess-client-logo-preview img {width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}
body.essense-app-body .ess-client-logo-editor-body {display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;min-width:0}
body.essense-app-body .ess-client-logo-editor-body strong {flex-basis:100%;font:600 14px Poppins,sans-serif;color:#fff}
body.essense-app-body .ess-client-logo-editor-body small {flex-basis:100%;font:400 11px/1.5 Poppins,sans-serif;color:#c7bccb}
body.essense-app-body .ess-client-logo-upload {position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:9px 13px;border-radius:10px;background:rgba(189,151,183,.27);border:1px solid rgba(223,180,210,.37);color:#f4e5f0;font:600 12px Poppins,sans-serif}
body.essense-app-body .ess-client-logo-upload input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
body.essense-app-body .ess-client-logo-remove {padding:9px 12px;border-radius:10px;border:1px solid rgba(221,189,204,.25);background:rgba(118,82,96,.20);color:#f0cfd7;font:600 12px Poppins,sans-serif;cursor:pointer}
body.essense-app-body .ess-client-logo-remove[hidden] {display:none!important}
@media(max-width:1050px){body.essense-app-body .ess-client-row-v131{grid-template-columns:1fr!important;gap:12px!important}body.essense-app-body .ess-client-row-v131 .ess-client-row-details{justify-content:flex-start!important}}
@media(max-width:600px){body.essense-app-body .ess-client-row-v131{padding:14px!important;gap:12px!important;border-radius:15px!important}body.essense-app-body .ess-client-row-v131 .ess-client-row-details{align-items:flex-start!important;gap:8px!important}body.essense-app-body .ess-client-project-count{min-width:auto!important;margin-right:4px!important}body.essense-app-body .ess-client-row-actions{flex-basis:100%;justify-content:stretch!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}body.essense-app-body .ess-client-action{white-space:normal!important;padding:9px 4px!important;font-size:10px!important}body.essense-app-body .ess-client-logo-editor{gap:10px}body.essense-app-body .ess-client-logo-preview{width:65px;height:65px;flex-basis:65px}}
@media(prefers-reduced-motion:reduce){body.essense-app-body .ess-client-row-v131,body.essense-app-body .ess-client-action{transition:none!important}}

/* Source: client-stability-v132.css — consolidated, order preserved */
/* Essense Studios 0.13.2 — Client 360 rescue layer.
   Scope all selectors to the private app's client/project detail drawer.
   This is intentionally solid/tinted (not GPU-heavy frosted blur) on phones.
   Do not theme invoice preview paper, artwork, PDF exports or note drawing canvases. */
body.essense-app-body [data-detail-drawer] {
  --ess132-bg:#262530;
  --ess132-card:#35323f;
  --ess132-ink:#f8f4f8;
  --ess132-muted:#d5cbd8;
  --ess132-line:#5e5366;
  background:#262530!important;
  background-image:none!important;
  color:var(--ess132-ink)!important;
  color-scheme:dark;
  font-family:Poppins,system-ui,sans-serif!important;
  box-shadow:-9px 0 28px rgba(0,0,0,.17)!important;
}
body.essense-app-body [data-detail-drawer]::before,
body.essense-app-body [data-detail-drawer]::after,
body.essense-app-body [data-detail-drawer] .ess-drawer-head::before,
body.essense-app-body [data-detail-drawer] .ess-drawer-head::after {
  content:none!important;display:none!important;
}
body.essense-app-body [data-detail-drawer] .ess-drawer-head {
  background:#262530!important;
  background-image:none!important;
  color:var(--ess132-ink)!important;
  border-bottom:1px solid var(--ess132-line)!important;
  box-shadow:none!important;
}
body.essense-app-body [data-detail-drawer] .ess-drawer-head :is(h2,h3,p,small,strong,span) {color:var(--ess132-ink)!important;opacity:1!important;text-shadow:none!important;}
body.essense-app-body [data-detail-drawer] .ess-drawer-head h2 {font:600 clamp(23px,5.8vw,33px)/1.22 Poppins,system-ui,sans-serif!important;letter-spacing:-.035em!important;overflow-wrap:anywhere;}
body.essense-app-body [data-detail-drawer] .ess-drawer-head [data-close-drawer] {color:#fff!important;opacity:1!important;background:#3b3644!important;border:1px solid #6b5f72!important;}
body.essense-app-body [data-detail-drawer] .ess-detail-body,
body.essense-app-body [data-detail-drawer] .ess-detail-tab-content,
body.essense-app-body [data-detail-drawer] .ess-360-hero {background:transparent!important;color:var(--ess132-ink)!important;}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs {background:#262530!important;border-bottom:1px solid var(--ess132-line)!important;}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs button,
body.essense-app-body [data-detail-drawer] .ess-detail-more select {
  background:#37313f!important;
  background-image:none!important;
  border:1px solid #695c71!important;
  color:#f1eaf2!important;
  font:500 12px/1.25 Poppins,system-ui,sans-serif!important;
  text-shadow:none!important;opacity:1!important;
  min-height:42px;
}
body.essense-app-body [data-detail-drawer] .ess-detail-tabs button.is-active {background:#c4a4bd!important;color:#241f29!important;border-color:#c4a4bd!important;font-weight:650!important;}
body.essense-app-body [data-detail-drawer] :is(.ess-360-metrics article,.ess-360-metrics article.is-dark,.ess-detail-grid>div,.ess-360-current,.ess-detail-section,.ess-services-box) {
  background:var(--ess132-card)!important;
  background-image:none!important;
  border:1px solid var(--ess132-line)!important;
  color:var(--ess132-ink)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.essense-app-body [data-detail-drawer] .ess-detail-grid {background:transparent!important;border:0!important;}
body.essense-app-body [data-detail-drawer] .ess-360-metrics article {min-width:0!important;min-height:108px!important;padding:15px!important;}
body.essense-app-body [data-detail-drawer] :is(.ess-360-metrics,.ess-detail-grid) :is(span,small,label) {color:var(--ess132-muted)!important;opacity:1!important;text-shadow:none!important;font:500 11px/1.4 Poppins,system-ui,sans-serif!important;}
body.essense-app-body [data-detail-drawer] :is(.ess-360-metrics,.ess-detail-grid) :is(strong,b) {color:var(--ess132-ink)!important;opacity:1!important;text-shadow:none!important;font-family:Poppins,system-ui,sans-serif!important;overflow-wrap:anywhere;}
body.essense-app-body [data-detail-drawer] .ess-360-metrics strong {font-size:clamp(19px,4.5vw,27px)!important;line-height:1.2!important;font-weight:600!important;margin:7px 0!important;}
body.essense-app-body [data-detail-drawer] .ess-detail-hero :is(h3,p) {color:var(--ess132-ink)!important;text-shadow:none!important;}
body.essense-app-body [data-detail-drawer] .ess-detail-hero p,
body.essense-app-body [data-detail-drawer] .ess-detail-section p {color:var(--ess132-muted)!important;}
body.essense-app-body [data-detail-drawer] .ess-360-actions button,
body.essense-app-body [data-detail-drawer] .ess-360-actions a {background:#403847!important;color:#f6edf6!important;border:1px solid #786579!important;min-height:42px;box-shadow:none!important;font:600 11px/1.3 Poppins,system-ui,sans-serif!important;}
body.essense-app-body [data-detail-drawer] .ess-360-actions :is(.ess-primary,[data-new-invoice-client]) {background:#c6a7bd!important;color:#251f2a!important;border-color:#c6a7bd!important;}
body.essense-app-body [data-detail-drawer] .ess-360-actions :is(button,a):focus-visible {outline:2px solid #f6d1ed!important;outline-offset:2px;}
/* Keep the header and stats within iPhone widths. Use solid glass colors instead of
   blurring the whole screen or creating tall, offscreen compositing layers. */
@media(max-width:820px) {
  body.essense-app-body [data-detail-drawer] {width:100%!important;max-width:100%!important;left:0!important;right:0!important;overflow-x:hidden!important;box-shadow:none!important;}
  body.essense-app-body [data-detail-drawer] *,
  body.essense-app-body [data-detail-drawer] *::before,
  body.essense-app-body [data-detail-drawer] *::after {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;text-shadow:none!important;}
  body.essense-app-body [data-detail-drawer] .ess-drawer-head {position:relative!important;top:auto!important;z-index:2!important;padding-top:12px!important;}
  body.essense-app-body [data-detail-drawer] .ess-detail-tabs {position:relative!important;top:auto!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:11px 0!important;}
  body.essense-app-body [data-detail-drawer] .ess-detail-tabs button {flex:0 0 auto!important;white-space:nowrap!important;}
  body.essense-app-body [data-detail-drawer] .ess-360-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  body.essense-app-body [data-detail-drawer] .ess-360-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body.essense-app-body [data-detail-drawer] .ess-360-actions :is(button,a) {width:100%!important;min-width:0!important;display:flex;align-items:center;justify-content:center;white-space:normal!important;padding:11px 9px!important;text-align:center;}
  body.essense-app-body [data-detail-drawer] .ess-detail-grid {grid-template-columns:1fr!important;}
  body.essense-app-body .ess-drawer-backdrop {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(12,12,17,.65)!important;}
  body.essense-app-body .ess-app,body.essense-app-body .ess-main {background-image:none!important;background-color:#22222c!important;}
}
@media(max-width:360px){body.essense-app-body [data-detail-drawer] .ess-360-actions{grid-template-columns:1fr!important;}}

/* Source: mobile-stability-v133.css — consolidated, order preserved */
/* Essense Studios v0.13.3 — mobile safe mode.
   Mobile presentation only. Keep forms and print documents functional.
   No scroll-fixed photo layers, blurs, animated glass, or deep card shadows. */
@media (max-width: 820px) {
  html:has(body.essense-app-body), body.essense-app-body {
    overflow-x: hidden !important;
    background: #22212a !important;
  }
  body.essense-app-body .ess-app,
  body.essense-app-body .ess-main,
  body.essense-app-body .ess-view {
    background: #22212a !important;
    background-image: none !important;
    background-attachment: scroll !important;
    filter: none !important;
    -webkit-filter: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.essense-app-body .ess-app::before,
  body.essense-app-body .ess-app::after,
  body.essense-app-body .ess-main::before,
  body.essense-app-body .ess-main::after,
  body.essense-app-body .ess-view::before,
  body.essense-app-body .ess-view::after {
    display: none !important;
    content: none !important;
  }
  body.essense-app-body .ess-app :is(.ess-card,.ess-drawer,.ess-client-row,.ess-360-metrics article,.ess-detail-grid>div,.ess-hero-card,.ess-kanban-card,.ess-kanban-column,.ess-note-editor,.ess-note-list,.ess-sheet,.ess-popover,.ess-dropdown,.ess-quick-card) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    box-shadow: none !important;
  }
  body.essense-app-body .ess-app :is(.ess-client-row,.ess-card,.ess-kanban-card,.ess-hero-card,.ess-note-editor) {
    background-image: none !important;
  }
  body.essense-app-body .ess-app :is(.ess-loading-card,.ess-loading-line,.ess-hero-card,.ess-quick-card) {
    animation: none !important;
    transition: none !important;
  }
  body.essense-app-body .ess-app .ess-drawer-backdrop {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(10,10,15,.55) !important;
  }
  body.essense-app-body .ess-client-list {min-width:0!important;max-width:100%!important;}
  body.essense-app-body .ess-client-show-more {
    display:block;width:100%;min-height:46px;padding:12px;margin-top:12px;
    border-radius:14px;border:1px solid #7b687d;background:#3c3445;
    color:#f5edf5;font:600 13px/1.4 Poppins,system-ui,sans-serif;
  }
}
@media (min-width:821px) {
  body.essense-app-body .ess-client-show-more {
    display:block;margin:14px auto;padding:12px 24px;
    color:#f5edf5;border:1px solid #7b687d;
    background:#3c3445;border-radius:12px;font:600 13px Poppins,system-ui,sans-serif;
  }
}
@media print {
  body.essense-app-body .ess-app {background:#fff!important;}
}