/* ===== Calm layer (13 Oct 2026, Sheig: "make the portal clean and calm",
   "make all banners uniform in size, and the padding"). Loaded after every
   other style in the head, so it sets the one look for the whole portal:
   - every page banner is the same: one calm green, 60px tall, the page
     name on the left and its buttons on the right (no eyebrow, subtitle or
     circles - the sidebar and breadcrumb already say where you are)
   - the same page padding everywhere
   - board pages put their buttons, search and filters on one line. */
:root,.cx-scope{--accent:#176334;--accent-hover:#13512b;} /* one green: buttons match the banners and sidebar */
.page{padding:20px 32px 64px;}
.page-banner,.page-banner.pb-compact,.ph.page-banner,.cx-scope .page-banner,#page-tasks > .page-banner{
  background:#176334 !important;border-radius:14px !important;padding:12px 20px !important;min-height:60px;box-sizing:border-box;
  margin:0 0 16px !important;box-shadow:none !important;gap:10px 16px !important;align-items:center !important;flex-wrap:wrap;}
.page-banner .pb-circle-1,.page-banner .pb-circle-2,.page-banner .pb-eyebrow,.page-banner > div:not(.pb-extra) > p{display:none !important;}
.page-banner h1,.cx-scope .page-banner h1,#page-tasks > .page-banner h1{font-family:var(--font) !important;font-size:19px !important;font-weight:600 !important;line-height:1.3 !important;margin:0 !important;letter-spacing:-.2px !important;color:#fff !important;}
.page-banner .pb-extra{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto;}
.page-banner .pb-extra :is(.btn,button,label,select,input:not([type=checkbox]):not([type=radio])),.page-banner .pb-extra > a,.page-banner > .pb-extra:is(button,a,.btn){padding:7px 13px !important;font-size:12.5px !important;line-height:1.3 !important;border-radius:9px !important;min-height:0 !important;height:auto !important;}
/* White buttons on the banner all use the same green text. */
.page-banner :is(button,a,.btn)[style*="background:#fff"]{color:#176334 !important;box-shadow:none !important;}
/* Board pages (Complaints, Compliments, Cancellations...): the buttons row
   and the search / filters row side by side, not stacked. */
.cx-scope :has(> .board-quickactions + [id$="toolbar-mount"]){display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;}
.cx-scope :has(> .board-quickactions + [id$="toolbar-mount"]) > *{flex:1 1 100%;min-width:0;}
.cx-scope :has(> .board-quickactions + [id$="toolbar-mount"]) > .board-quickactions{flex:0 0 auto;margin-bottom:12px;}
.cx-scope :has(> .board-quickactions + [id$="toolbar-mount"]) > .board-quickactions + [id$="toolbar-mount"]{flex:1 1 420px;margin-bottom:12px;}
.cx-scope [id$="toolbar-mount"] > .board-toolbar-bar{margin-bottom:0;}
#cx-board-mount .page-title{display:none;}
#cx-board-mount .page-header{margin-bottom:12px;align-items:center;}
@media (max-width:900px){
  .page{padding:14px 14px 100px;}
  .page-banner,.page-banner.pb-compact,.cx-scope .page-banner{padding:10px 14px !important;margin-bottom:12px !important;}
  .page-banner .pb-extra{margin-left:0;}
}
@media (max-width:390px){ .page{padding:12px 10px 100px;} }