/* Shared dimensions; calendar phase colours and business state meanings remain independent. */
body.ui165{--ui165-button:34px;--ui165-compact:30px;--ui165-state:26px;--ui165-ink:#193d45;--ui165-teal:#126d65}
body.ui165 #app main button:where(:not(.calendar-event):not(.wf-point):not(.inbox165-row):not(.p164-annual button)),body.ui165 #modal button:where(:not(.calendar-event):not(.wf-point)){box-sizing:border-box;min-height:var(--ui165-button);padding:7px 12px;font-size:13px!important;line-height:18px!important;font-weight:600;border-radius:7px;vertical-align:middle;max-width:100%;height:auto;white-space:normal}
body.ui165 #app main td button:where(:not(.calendar-event):not(.wf-point)),body.ui165 #app main .panel-body147 .actions button{min-height:var(--ui165-compact);padding:5px 10px;font-size:12px!important;line-height:18px!important}
body.ui165 #app main form button[type=submit],body.ui165 #modal form button[type=submit]{min-height:38px;padding:9px 16px}
body.ui165 #app .actions,body.ui165 #modal .actions{align-items:center;gap:8px}
body.ui165 #app td .actions{margin:4px 0}
body.ui165 #app .badge,body.ui165 #app .state147,body.ui165 #app .approval151,body.ui165 #app [data-status-tone]:not(button):not(.calendar-phase163):not(.calendar-state163),body.ui165 #modal .badge,body.ui165 #modal [data-status-tone]:not(button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--ui165-state);padding:3px 9px;line-height:18px;font-size:12px;font-weight:600;border-radius:6px;white-space:nowrap;vertical-align:middle;max-width:100%}
body.ui165 #app button.approval151{display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:30px;padding:5px 9px;white-space:nowrap}
body.ui165 #app > aside nav button{display:flex;align-items:center;justify-content:flex-start;gap:9px;box-sizing:border-box;width:100%;min-height:38px;padding:8px 11px;margin:2px 0;border:1px solid transparent!important;border-radius:7px;font-size:13px!important;line-height:18px!important;font-weight:500;background:transparent!important;color:#d3e4e8!important;text-align:left}
body.ui165 #app > aside nav button:hover{background:#244b55!important}
body.ui165 #app > aside nav button.active{background:#315c64!important;border-color:#49717a!important;color:#fff!important;font-weight:700}
body.ui165 button:focus-visible,body.ui165 [role=button]:focus-visible{outline:3px solid #197e9c!important;outline-offset:2px}
.inbox165{background:#fff;border:1px solid #d6e2e2;border-radius:14px;margin:20px 0 26px;box-shadow:0 3px 18px #143f4610;overflow:hidden;color:#193d45}
.inbox165-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px 14px}
.inbox165-eyebrow{font-size:10px;letter-spacing:1.6px;color:#69868b;font-weight:700}
.inbox165 h2{font-size:22px;margin:6px 0 0;letter-spacing:.02em}
.inbox165 h2>span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:26px;padding:0 7px;margin-left:7px;border-radius:7px;background:#edf4f3;color:#346d67;font-size:13px;vertical-align:middle}
.inbox165-summary{display:flex;align-items:center;gap:18px;font-size:12px;color:#627b83}
.inbox165-summary b{font-size:16px;margin-left:5px;color:#1e5059}
.inbox165-tools{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;padding:0 24px 17px;border-bottom:1px solid #e5edec}
.inbox165-tabs{display:flex;gap:3px;padding:3px;background:#f1f5f4;border-radius:9px;margin-right:auto;align-self:flex-end}
body.ui165 #app .inbox165-tabs button{border:0!important;box-shadow:none!important;border-radius:6px;min-height:32px;font-size:12px!important;white-space:nowrap;background:transparent!important;color:#536e74!important;padding:6px 12px}
body.ui165 #app .inbox165-tabs button[aria-pressed=true]{background:#fff!important;color:#155e58!important;box-shadow:0 1px 5px #234b4820!important;font-weight:700}
.inbox165-tools label{margin:0;gap:4px;font-size:11px;color:#657d83}
.inbox165-tools input,.inbox165-tools select{height:36px;padding:7px 10px;background:#fff;font-size:12px;font-weight:500;border-color:#d3dfdf}
.inbox165-filter{min-width:165px}
.inbox165-search{flex:0 1 260px;min-width:170px}
.inbox165-list{padding:0;margin:0;list-style:none}
.inbox165-list li+li{border-top:1px solid #e9eeee}
body.ui165 #app button.inbox165-row{display:grid;grid-template-columns:8px minmax(0,1fr) 132px 12px;align-items:center;gap:14px;width:100%;min-height:108px;margin:0;padding:15px 24px;border:0!important;border-radius:0;box-shadow:none;background:#fff!important;color:#193d45!important;white-space:normal;text-align:left;font-size:13px;line-height:1.5;height:auto}
body.ui165 #app button.inbox165-row:hover{background:#f5faf8!important}
.inbox165-dot{width:7px;height:7px;display:block;border-radius:50%;background:#dfe9e7}
.inbox165-dot.is-unread{background:#167f74;box-shadow:0 0 0 4px #167f7410}
.inbox165-main{display:grid;gap:4px;min-width:0}
.inbox165-context{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#7a9093;font-size:11px;line-height:16px}
.inbox165-business{font-size:10px;line-height:16px;color:#285e64;background:#eaf2f1;border-radius:4px;padding:1px 6px;font-weight:700}
.inbox165-main>strong{font-size:14px;line-height:20px;font-weight:700;overflow-wrap:anywhere}
.inbox165-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#425e66;font-size:13px;font-weight:400;line-height:19px;white-space:pre-line}
.inbox165-meta{font-size:11px;color:#788d93;font-weight:400;line-height:16px;overflow-wrap:anywhere}
.inbox165-mention{color:#966018;background:#fff4dc;padding:1px 5px;border-radius:4px}
.inbox165-end{display:grid;justify-items:end;align-content:center;gap:7px}
.inbox165-end time,.inbox165-count{font-size:11px;line-height:16px;font-weight:400;color:#72888e}
.inbox165-count{color:#216c64}
.inbox165-end [data-status-tone=pending]{background:#fff3d9;color:#81590f;border:1px solid #eddbad}
.inbox165-end [data-status-tone=progress]{background:#e9f1fd;color:#2e5d94;border:1px solid #d2e0f4}
.inbox165-end [data-status-tone=success]{background:#e6f3eb;color:#286a48;border:1px solid #cce4d5}
.inbox165-end [data-status-tone=alert]{background:#fceae7;color:#9c4339;border:1px solid #efd1cc}
.inbox165-chevron{font-size:23px;font-weight:400;color:#829b9f}
.inbox165-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;padding:13px 24px;border-top:1px solid #e5edec;background:#fafcfb;color:#73888d;font-size:11px;line-height:18px}
.inbox165-footer>div{display:flex;align-items:center;gap:10px}
.inbox165-footer button{min-width:32px}
.inbox165-empty{padding:25px;text-align:center;color:#728a90;font-size:13px}
.inbox165-error{margin:12px 24px;padding:10px 12px;background:#fff0ed;color:#a13c32;font-size:13px;border-radius:6px}
.inbox165-detail-context{font-size:12px!important;color:#637d84;border-bottom:1px solid #dfe9e7;padding-bottom:12px}
@media(max-width:1000px){.inbox165-heading,.inbox165-tools{padding-left:16px;padding-right:16px}.inbox165-tools{gap:10px}.inbox165-tabs{width:100%;margin-right:0}.inbox165-search{flex:1 1 180px}body.ui165 #app button.inbox165-row{padding:14px 16px;grid-template-columns:6px minmax(0,1fr) 110px 9px;gap:10px}.inbox165-end [data-status-tone]{font-size:11px}.inbox165-summary{gap:9px}}
@media(max-width:600px){.inbox165-heading{align-items:flex-start}.inbox165-summary>span{display:none}.inbox165-tabs{overflow-x:auto}.inbox165-tools .inbox165-tabs button{padding:6px 8px}.inbox165-filter{flex:1 1 140px}.inbox165-search{flex:1 1 160px}body.ui165 #app button.inbox165-row{grid-template-columns:6px minmax(0,1fr) 86px;gap:8px}.inbox165-chevron{display:none}.inbox165-main>strong{font-size:13px}.inbox165-end time{font-size:10px}.inbox165-end [data-status-tone]{min-height:24px;padding:2px 6px}}
@media(pointer:coarse){body.ui165{--ui165-button:44px;--ui165-compact:44px}body.ui165 #app main button.approval151,body.ui165 #app .inbox165-tabs button{min-height:44px}body.ui165 input[type=checkbox]{min-width:24px;min-height:24px}}
@media print{.inbox165{display:none}}