/* Communite Mobile · Premium 4.0
   UI only: never changes accounting, server permissions, or PWA cache policy. */
:root{--cm4-rose:#a23b5c;--cm4-muted:#967988;--cm4-ink:#4f2940;--cm4-bg:#fff;--cm4-border:#ecd8e3;--cm4-ease:cubic-bezier(.22,1,.36,1)}
/* Smart accordion sidebar */
#cm4-sidebar-navigation{display:flex;flex-direction:column;gap:4px}
.cm4-menu-top{display:grid;gap:8px;padding:8px 9px 12px}
.cm4-menu-title{font-size:9px;letter-spacing:.12em;font-weight:850;color:#f4c0d3}
.cm4-menu-search{width:100%;min-height:36px;background:#ffffff16;border:1px solid #ffffff36;color:white;border-radius:10px;outline-offset:2px;padding:8px 10px;font:700 11px Manrope,sans-serif}
.cm4-menu-search::placeholder{color:#eed1dc}
.cm4-nav-group{width:100%;min-width:0}
.cm4-nav-group[hidden],.cm4-nav-row[hidden],.cm4-shortcuts[hidden],.cm4-notice-tabs [hidden],.team-notification[hidden],.notification-today-head[hidden],#notification-items[hidden],#notification-today-items[hidden]{display:none!important}
.cm4-nav-group-title{padding:11px 12px 9px;margin:5px 5px 3px;cursor:pointer;user-select:none;list-style:none;border-radius:9px;color:#f1c6d6;font-weight:800;letter-spacing:.055em;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cm4-nav-group-title::-webkit-details-marker{display:none}
.cm4-nav-group-title:hover{background:#ffffff16;color:#fff}
.cm4-nav-group-title:before{content:'⌄';display:inline-flex;transition:transform .23s var(--cm4-ease);font-size:14px}
.cm4-nav-group:not([open]) .cm4-nav-group-title:before{transform:rotate(-90deg)}
.cm4-nav-group-title>span:first-child{flex:1}
.cm4-nav-group-count{font-size:9px;padding:3px 7px;background:#ffffff18;border-radius:6px;letter-spacing:0}
.cm4-nav-group-links{display:grid;gap:3px;padding:0 3px 6px;animation:cm4-menu-open .18s var(--cm4-ease)}
@keyframes cm4-menu-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.cm4-nav-row{position:relative;display:flex;align-items:center;gap:4px;padding-right:4px}
.cm4-nav-row>.nav-link{flex:1;min-width:0;width:auto!important;margin:0!important;font-size:11px!important;padding-right:7px!important}
.cm4-fav-toggle{flex:0 0 28px;width:28px;height:30px;background:transparent;border:0;color:#f0c3d5;font-size:18px;cursor:pointer;border-radius:9px;opacity:.63}
.cm4-fav-toggle[aria-pressed=true]{opacity:1;color:#ffd98f}
.cm4-fav-toggle:hover,.cm4-fav-toggle:focus-visible{opacity:1;background:#ffffff17}
.cm4-current{border-radius:11px;background:#ffffff0b}
.cm4-shortcuts{display:grid;gap:7px;padding:8px 10px 14px;margin:4px 0;border-bottom:1px solid #ffffff21}
.cm4-shortcuts-heading{font-size:9px;letter-spacing:.09em;color:#f1bfd1;font-weight:850}
.cm4-shortcuts-list{display:flex;flex-wrap:wrap;gap:5px}
.cm4-shortcut-link{padding:7px 9px;background:#ffffff19;border:1px solid #ffffff1d;color:#fff0f6;text-decoration:none;border-radius:9px;font-size:10px;font-weight:750;line-height:1.4}
.cm4-shortcut-link:hover{background:#ffffff33;color:#fff}
.cm4-recent-section{margin-top:6px;border-bottom:0;border-top:1px solid #ffffff24}
.cm4-menu-footer{padding:9px 15px 12px;color:#deb4c3;font-size:9px;line-height:1.6}
.cm4-menu-footer small{font-size:9px}
body.cm-sidebar-compact .cm4-menu-search,
body.cm-sidebar-compact .cm4-menu-title,
body.cm-sidebar-compact .cm4-nav-group-title,
body.cm-sidebar-compact .cm4-fav-toggle,
body.cm-sidebar-compact .cm4-shortcuts,
body.cm-sidebar-compact .cm4-menu-footer{display:none!important}
body.cm-sidebar-compact .cm4-menu-top{padding:0}
body.cm-sidebar-compact .cm4-nav-row{padding:0}
body.cm-sidebar-compact .cm4-nav-row>.nav-link{width:100%!important;justify-content:center}
body.cm-sidebar-compact .cm4-nav-group-links{padding:0}
body.cm-sidebar-compact .cm4-nav-group:not([open]) .cm4-nav-group-links{display:grid}
/* Async navigation feedback / genuine skeleton during record fetch. */
.cm4-page-indicator{position:fixed;z-index:55;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #e5becd;background:#fff;color:#7b2d4b;box-shadow:0 10px 30px #51213a24;border-radius:999px;font-weight:800;font-size:11px;pointer-events:none}
.cm4-page-indicator[hidden]{display:none!important}
.cm4-loading-dot{display:block;width:8px;height:8px;border-radius:50%;background:#bb5577;animation:cm4-blink .9s ease-in-out infinite alternate}
@keyframes cm4-blink{from{opacity:.25}to{opacity:1}}
body.cm4-route-loading #main{opacity:.76;transition:opacity .16s ease}
.cm4-skeleton{background:linear-gradient(95deg,#f7eaf0 8%,#fff5f8 38%,#f7eaf0 65%);background-size:225% 100%;border-radius:10px;animation:cm4-shimmer 1.35s ease-in-out infinite}
@keyframes cm4-shimmer{to{background-position-x:-225%}}
.cm4-skeleton-heading{height:26px;width:56%;margin-bottom:19px}
.cm4-skeleton-line{height:13px;width:92%;margin-bottom:14px}
.cm4-skeleton-line.short{width:65%}
.cm4-skeleton-panel{height:186px;width:100%;margin:24px 0}
/* Authorized read-only record drawer: fixed desktop right panel, mobile bottom sheet */
.cm4-record-drawer{position:fixed;top:0;bottom:0;right:0;left:auto;max-width:100%;width:min(525px,100vw);height:100dvh;max-height:100dvh;padding:0;margin:0;background:var(--cm4-bg);border:0;border-left:1px solid #e7d2dd;box-shadow:-20px 0 80px #25132236;color:var(--cm4-ink);overflow:hidden}
.cm4-record-drawer[open]{display:block;animation:cm4-drawer-in .26s var(--cm4-ease)}
.cm4-record-drawer::backdrop{background:rgba(27,14,26,.44);backdrop-filter:blur(3px)}
@keyframes cm4-drawer-in{from{transform:translateX(100%);opacity:.75}to{transform:translateX(0);opacity:1}}
.cm4-drawer-shell,.cm4-preview-body{display:flex;flex-direction:column;height:100%;min-height:0}
.cm4-drawer-loading{padding:35px 27px}
.cm4-drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:25px 23px 19px;border-bottom:1px solid #ecdce3;background:linear-gradient(140deg,#fffbfd,#fff2f7)}
.cm4-drawer-heading>div{flex:1;min-width:0}
.cm4-kicker{font-size:9px;letter-spacing:.11em;color:#a04966;font-weight:800}
.cm4-drawer-heading h2{font-size:clamp(20px,2.2vw,26px);margin:6px 0 7px;letter-spacing:-.045em;color:#55243e;overflow-wrap:anywhere}
.cm4-drawer-heading p{margin:0;line-height:1.7;color:#957d89;font-size:11px}
.cm4-drawer-close{border:1px solid #ead6df;background:white;color:#8c4661;border-radius:10px;min-width:37px;height:37px;cursor:pointer;font-weight:800}
.cm4-drawer-content{overflow:auto;flex:1;padding:18px 21px 25px;overscroll-behavior:contain}
.cm4-drawer-section{margin:0 0 19px;background:#fff;border:1px solid #eee0e6;border-radius:15px;padding:15px 16px}
.cm4-drawer-section h3{font-size:12px;color:#74314f;margin:0 0 13px}
.cm4-preview-facts{display:grid;gap:1px;margin:0}
.cm4-preview-facts>div{display:grid;grid-template-columns:minmax(105px,41%) minmax(0,1fr);gap:8px;align-items:start;padding:10px 0;border-bottom:1px solid #f4e8ee}
.cm4-preview-facts>div:last-child{border-bottom:0}
.cm4-preview-facts dt{color:#906b7d;font-size:10px;font-weight:800;line-height:1.6}
.cm4-preview-facts dd{margin:0;font-size:11px;line-height:1.65;color:#522b41;font-weight:700;overflow-wrap:anywhere}
.cm4-drawer-footer{display:flex;gap:9px;align-items:center;padding:14px 21px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #ecdce3;background:#fff}
.cm4-drawer-footer .button{flex:1;text-align:center;justify-content:center}
.cm4-drawer-error{padding:30px 23px}
.cm4-drawer-error h2{color:#742948}
.cm4-drawer-error p{font-size:12px;line-height:1.8;color:#976f83}
.cm4-preview-trigger{border:1px solid #e5c9d5;background:#fff4f8;border-radius:9px;padding:6px 9px;color:#903757;font:800 10px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.cm4-preview-trigger:hover{background:#f5dce7;color:#642441}
.cm-kanban-card-actions .cm4-preview-trigger{text-align:left;width:max-content;min-height:30px}
/* Audit timeline: actual recorded operations, not generated timestamps */
.cm4-detail-timeline .cm4-activity-list{padding:18px 23px 23px}
.cm4-activity-list{list-style:none;counter-reset:none;margin:0;padding:4px 0 0;display:grid}
.cm4-activity-list li{position:relative;display:flex;gap:12px;align-items:stretch;padding:1px 0 16px}
.cm4-activity-list li:not(:last-child):before{content:'';position:absolute;left:8px;top:18px;bottom:0;width:2px;background:#f0d8e2}
.cm4-activity-dot{display:block;flex:0 0 18px;width:18px;height:18px;background:#f8dce6;border:5px solid #ac496b;border-radius:100%;z-index:1;margin-top:2px}
.cm4-activity-list li>div{flex:1;min-width:0}
.cm4-activity-list li strong{display:block;margin:1px 0 3px;font-size:11px;color:#64314a}
.cm4-activity-list li small{display:block;font-size:10px;color:#937585}
.cm4-activity-list li p{font-size:10px;color:#826677;line-height:1.8;margin:4px 0 0;overflow-wrap:anywhere}
.cm4-activity-none{font-size:11px;color:#9a7989}
/* Notifications: cards, tabs and consistent unread/priority states */
.cm4-notification-head{background:linear-gradient(120deg,#fff4f8,#fff)!important;padding:16px!important}
.cm4-notification-head>div{display:grid;gap:3px}
.cm4-notification-head strong{font-size:14px!important;color:#6d2848}
.cm4-notice-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;border-bottom:1px solid #f0e0e8}
.cm4-top-notice-tab{padding:8px 5px;font-size:10px;font-weight:800;color:#83596e;background:#fff;border:1px solid #f0e1e7;border-radius:9px;cursor:pointer}
.cm4-top-notice-tab[aria-pressed=true]{background:#a43a5c;color:#fff;border-color:#a43a5c}
.cm4-notice-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;border-bottom:1px solid #f1e4ea;padding-bottom:12px}
.cm4-notice-filter{border:1px solid #ebd5de;border-radius:100px;padding:8px 12px;font:800 11px Manrope,sans-serif;color:#84546b;background:#fff;cursor:pointer}
.cm4-notice-filter.active,.cm4-notice-filter[aria-pressed=true]{background:#a53d61;color:#fff;border-color:#a53d61}
.cm4-notice-filter-empty{padding:18px 13px;text-align:center;color:#937688;font-size:12px}
.cm4-notice-filter-empty[hidden]{display:none!important}
.cm4-notice-center .team-notification{margin:7px 0;border-radius:12px;border:1px solid #ecdee4;background:linear-gradient(120deg,#fff,#fffcfd)}
.cm4-notice-center .team-notification-unread{border-left:4px solid #b44c70;background:linear-gradient(120deg,#fff4f8,#fff)}
.cm4-notice-type{font-size:9px;font-weight:850;color:#a23d62;background:#f9e5ee;border-radius:7px;padding:4px 8px;display:inline-block;width:max-content;margin:1px 0 6px}
/* Metric inspector and gently animated real bars */
.cm4-chart-inspector{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #ead1db;background:#fff8fb;padding:12px 14px;border-radius:13px}
.cm4-chart-inspector[hidden]{display:none!important}
.cm4-chart-inspector>div{display:grid;gap:3px}
.cm4-chart-inspector strong{font-size:13px;color:#612540}
.cm4-chart-inspector small{font-weight:800;color:#945671}
.cm4-chart-inspector .button{font-size:10px}
.cm4-chart-clear{background:transparent;border:0;color:#8c5970;text-decoration:underline;cursor:pointer;font-size:10px}
.cm-chart-bars .cm-trend-item{border-radius:9px;transition:background .2s ease,transform .22s var(--cm4-ease)}
.cm-chart-bars .cm-trend-item:hover{background:#fff2f8;transform:translateY(-3px)}
.cm-chart-bars .cm-trend-item.cm4-chart-picked{background:#ffedf4;box-shadow:inset 0 0 0 1px #e7adbf}
.cm4-chart-visible .cm-chart-bars .cm-trend-track i{animation:cm4-bar-rise .54s var(--cm4-ease) backwards;transform-origin:bottom}
@keyframes cm4-bar-rise{from{transform:scaleY(.12);opacity:.25}to{transform:scaleY(1);opacity:1}}
/* Mobile utility launcher transforms into a proper bottom-anchored sheet */
@media(max-width:800px){
  .cm4-record-drawer{top:auto;left:0;bottom:0;right:0;width:100%;height:min(88dvh,920px);max-height:88dvh;border:1px solid #ead4de;border-radius:24px 24px 0 0;box-shadow:0 -20px 65px #24111b49}
  .cm4-record-drawer[open]{animation:cm4-sheet-up .32s var(--cm4-ease)}
  @keyframes cm4-sheet-up{from{transform:translateY(100%);opacity:.85}to{transform:translateY(0);opacity:1}}
  .cm4-drawer-heading{padding:20px 18px 16px}
  .cm4-drawer-heading:before{content:'';position:absolute;top:7px;left:calc(50% - 20px);width:40px;height:4px;background:#d8a4b7;border-radius:99px}
  .cm4-drawer-content{padding:12px 13px}
  .cm4-drawer-footer{padding:12px 13px calc(12px + env(safe-area-inset-bottom))}
  .cm4-preview-facts>div{grid-template-columns:34% 1fr}
  .cm-quick-launch[open]:before{content:'';position:fixed;inset:0;z-index:-1;background:rgba(30,14,28,.48);backdrop-filter:blur(2px)}
  .cm-quick-launch[open]{right:0!important;left:0!important;bottom:0!important;width:100%!important;height:100dvh;filter:none!important;pointer-events:auto!important}
  .cm-quick-launch[open]>summary{position:fixed;right:13px;bottom:calc(87px + env(safe-area-inset-bottom));z-index:2;box-shadow:0 12px 32px #2e13343d}
  .cm-quick-launch[open] .cm-quick-launch-menu{position:absolute!important;bottom:0!important;top:auto!important;right:0!important;left:0!important;width:100%!important;max-height:80dvh;overflow:auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:30px 17px calc(25px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0!important;animation:cm4-sheet-up .26s var(--cm4-ease)}
  .cm-quick-launch[open] .cm-quick-launch-menu:before{content:'';position:absolute;left:calc(50% - 24px);top:9px;width:48px;height:4px;background:#d2a2b6;border-radius:99px}
  .cm-quick-launch[open] .cm-quick-launch-menu a{flex-direction:column;justify-content:center;min-height:92px;text-align:center;gap:10px;border:1px solid #f1dce5;border-radius:14px;background:#fff7fa}
  body.cm4-sheet-open .cm-mobile-nav{filter:brightness(.78);pointer-events:none}
  .cm4-notice-filter{font-size:10px;padding:8px 11px}
  .cm4-page-indicator{top:max(10px,env(safe-area-inset-top))}
  .cm4-fav-toggle{flex-basis:33px;min-width:33px}
}
html.cm-dark .cm4-record-drawer{--cm4-bg:#251d29;--cm4-ink:#f7eaf0;border-color:#614657;color:#f7eaf0}
html.cm-dark .cm4-drawer-heading,html.cm-dark .cm4-drawer-footer,html.cm-dark .cm4-drawer-section{background:#302533!important;border-color:#574153!important}
html.cm-dark .cm4-drawer-heading h2,html.cm-dark .cm4-activity-list li strong,html.cm-dark .cm4-preview-facts dd{color:#f6dfeb!important}
html.cm-dark .cm4-preview-facts>div{border-color:#523747}
html.cm-dark .cm4-drawer-heading p,html.cm-dark .cm4-activity-list li small,html.cm-dark .cm4-preview-facts dt{color:#c5a6b7!important}
html.cm-dark .cm4-chart-inspector,html.cm-dark .cm4-page-indicator{background:#372737!important;color:#f7e7f0!important;border-color:#74516a}
html.cm-dark .cm4-chart-inspector strong{color:#f2d1dd}
html.cm-dark .workspace .cm4-notice-center .team-notification{background:#302637!important;border-color:#5e4655}
html.cm-dark .workspace .cm4-notice-center .team-notification-unread{background:#412c3c!important}
html.cm-dark .workspace .cm4-notice-filter{background:#382a38!important;border-color:#61485b!important;color:#f1dae5}
html.cm-dark .workspace .cm4-notice-filter[aria-pressed=true]{background:#a43a5c!important;color:#fff}
html.cm-dark .workspace .cm4-chart-inspector small{color:#e2b4c6}
html.cm-dark .cm4-drawer-loading .cm4-skeleton{background:linear-gradient(95deg,#493345,#594052,#493345)}
@media(prefers-reduced-motion:reduce){
  .cm4-nav-group-links,.cm4-loading-dot,.cm4-skeleton,.cm4-record-drawer[open],.cm-quick-launch[open] .cm-quick-launch-menu,.cm4-chart-visible .cm-chart-bars .cm-trend-track i{animation:none!important;transition:none!important;transform:none!important}
  .cm-chart-bars .cm-trend-item:hover{transform:none!important}
  body.cm4-route-loading #main{opacity:1!important}
}
@media print{.cm4-page-indicator,.cm4-record-drawer,.cm4-menu-top,.cm4-fav-toggle,.cm4-notice-toolbar,.cm4-chart-inspector{display:none!important}}