/* Clear app design. Loaded last and scoped: JCC_CLEAR_APP_DESIGN=0 restores classic. */
.attendance-notification-menu{display:none!important}
@font-face{font-family:Pretendard;src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html body.jcc-clear-app{
  --bg:#f2f4f6;--panel:#fff;--ink:#191f28;--muted:#606b79;--line:#e5e8ed;
  --brand:#2466e8;--brand-dark:#1852c4;--brand-soft:#eaf2ff;
  --general:#2466e8;--general-soft:#eaf2ff;--retreat:#2466e8;--retreat-soft:#eaf2ff;
  --shadow:none;--radius:14px;--sidebar-width:238px;
  background:#f2f4f6!important;color:#191f28!important;
  font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif!important;
  font-size:14px;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;
}
html body.jcc-clear-app :is(button,input,select,textarea){font-family:inherit!important;letter-spacing:inherit}
html body.jcc-clear-app button{box-shadow:none!important;font-weight:600!important;border-radius:8px;transition:background .15s,color .15s;transform:none!important}
html body.jcc-clear-app button.secondary{background:#edf3ff!important;border-color:transparent!important;color:#215ccc!important}
html body.jcc-clear-app button.ghost{background:#f3f5f7!important;border:1px solid transparent!important;color:#4e5968!important}
html body.jcc-clear-app button.danger{background:#fff0f0!important;border-color:transparent!important;color:#bd303a!important}
html body.jcc-clear-app button:disabled{opacity:.48;cursor:not-allowed}
html body.jcc-clear-app :is(button,input,select,textarea,a):focus-visible{outline:2px solid #2466e8!important;outline-offset:3px}
html body.jcc-clear-app :is(input,select,textarea){border-color:#e5e8ed;border-radius:8px;background:#f5f6f8;color:#303a48;font-weight:450}
html body.jcc-clear-app :is(input,select,textarea):focus{border-color:#2466e8;background:#fff}
html body.jcc-clear-app :is(input,select,textarea):disabled{color:#687383;-webkit-text-fill-color:#687383}
html body.jcc-clear-app label{color:#606b79;font-weight:550}
html body.jcc-clear-app h1{color:#191f28;font-weight:700!important;letter-spacing:-.9px}
html body.jcc-clear-app :is(h2,h3){color:#26303e;font-weight:650!important;letter-spacing:-.45px}
html body.jcc-clear-app :is(.card,.panel,.profile-card,.sub-panel){background:#fff!important;border:1px solid #e9ecf0!important;border-radius:14px!important;box-shadow:none!important}
html body.jcc-clear-app :is(.section-title,.panel-title){color:#26303e}
html body.jcc-clear-app .card p{color:#606b79}
html body.jcc-clear-app .pill{border:0!important;border-radius:5px!important;font-weight:550!important;box-shadow:none!important}
html body.jcc-clear-app .pill.general,html body.jcc-clear-app .pill.retreat{background:#edf3ff!important;color:#245dc1!important}
html body.jcc-clear-app .table-wrap{border-color:#edf0f3!important;border-radius:10px!important;box-shadow:none!important}
html body.jcc-clear-app table{border-color:#edf0f3;color:#303a48}
html body.jcc-clear-app th{background:#f7f8fa!important;color:#6b7684!important;font-weight:550!important;border-color:#e9edf2!important}
html body.jcc-clear-app td{border-color:#edf0f3!important;font-weight:450}
html body.jcc-clear-app tbody tr:hover{background:#f8faff}
html body.jcc-clear-app td strong{font-weight:600}
/* Shell: same controls and ordering, white navigation and blue active state. */
html body.jcc-clear-app #appSidebar{background:#fff!important;color:#303a48!important;border-right:1px solid #e9ecf0!important;box-shadow:none!important;padding:22px 14px!important}
html body.jcc-clear-app .brand{gap:10px;padding:0 7px 14px!important;margin:0!important}
html body.jcc-clear-app .clear-brand-logo{width:38px;height:38px;object-fit:contain;flex-shrink:0}
html body.jcc-clear-app .brand strong{font-size:17px;color:#191f28;font-weight:700;letter-spacing:-.5px}
html body.jcc-clear-app .brand span{font-size:11px;color:#7b8593}
html body.jcc-clear-app .side-card{background:transparent!important;border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:0!important;box-shadow:none!important;padding:12px 9px!important;margin-bottom:8px}
html body.jcc-clear-app .side-card :is(label,p){color:#7b8593!important;font-size:11px;line-height:1.5}
html body.jcc-clear-app .side-card label{margin:0 0 5px!important}
html body.jcc-clear-app .side-card p{margin:5px 0 0!important}
html body.jcc-clear-app #roleDesc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.jcc-clear-app .side-card strong{color:#303a48!important;font-weight:600;font-size:14px}
html body.jcc-clear-app .side-card a{color:#416aab!important;font-size:11px;font-weight:500!important;text-decoration:none}
html body.jcc-clear-app .side-card .ghost{padding:6px 10px;font-size:11px}
html body.jcc-clear-app .role-display{background:#f5f6f8!important;border:0!important;border-radius:7px!important;padding:8px 10px!important}
html body.jcc-clear-app .nav-title{color:#8b95a2!important;font-size:11px!important;letter-spacing:0!important;margin:14px 9px 7px}
html body.jcc-clear-app .mode-tabs{gap:3px;background:#f2f4f6!important;border:0!important;border-radius:9px;padding:3px}
html body.jcc-clear-app .mode-btn{background:transparent!important;color:#6b7684!important;border:0!important;box-shadow:none!important;border-radius:7px!important;font-weight:550!important;padding:8px 10px!important}
html body.jcc-clear-app .mode-btn.active{background:#fff!important;color:#2466e8!important;box-shadow:0 1px 3px #10223a0b!important}
html body.jcc-clear-app .mode-btn span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
html body.jcc-clear-app .mode-btn small{color:#8b95a2!important;font-size:10px;font-weight:450}
html body.jcc-clear-app .nav-list{gap:3px}
html body.jcc-clear-app .nav-btn{color:#606b79!important;background:transparent!important;border:0!important;border-radius:8px!important;padding:9px 10px!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}
html body.jcc-clear-app .nav-btn>span{display:flex;align-items:center;gap:9px}
html body.jcc-clear-app .nav-btn.child{padding-left:17px!important}
html body.jcc-clear-app .nav-btn.child::before{display:none!important}
html body.jcc-clear-app .nav-btn small{background:#f2f4f6!important;color:#8b95a2!important;font-size:10px;border-radius:4px;font-weight:450}
html body.jcc-clear-app .nav-btn.active{background:#eaf2ff!important;color:#2466e8!important;font-weight:650!important}
html body.jcc-clear-app .nav-btn:hover{background:#f5f7fa!important}
html body.jcc-clear-app .footer-note{color:#9aa3ae!important;font-size:10px;line-height:1.7;padding:16px 9px 0}
html body.jcc-clear-app .topbar{background:transparent!important;border:0!important;box-shadow:none!important}
html body.jcc-clear-app #pageTitle{font-size:27px!important;line-height:1.3}
html body.jcc-clear-app #pageSubtitle{font-size:12px;color:#7b8593!important;line-height:1.5}
html body.jcc-clear-app .view-meta{color:#8b95a2;font-size:11px}
html body.jcc-clear-app .view-meta :is(.pill,.role-badge){background:#eaf2ff!important;color:#416aab!important;border:0!important}
html body.jcc-clear-app .global-search{background:#fff!important;border:1px solid #e5e8ed!important;border-radius:9px!important;box-shadow:none!important}
html body.jcc-clear-app .global-search>label{color:#7b8593!important;font-size:10px;font-weight:500}
html body.jcc-clear-app .global-search input{background:#fff!important;font-size:12px}
html body.jcc-clear-app #clearProfileBtn{min-width:38px!important;white-space:nowrap;font-size:11px}
html body.jcc-clear-app .toolbar>button{font-size:11px!important;min-height:32px!important;padding:7px 10px!important}
/* Decorative icons, served locally; names and existing click handlers remain intact. */
.jcc-clear-app .clear-nav-icon{display:inline-block;width:17px;height:17px;vertical-align:middle;flex-shrink:0;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.jcc-clear-app [data-clear-icon="layout-dashboard"]{mask-image:url("icons/clear/layout-dashboard.svg")}
.jcc-clear-app [data-clear-icon="folder-open"]{mask-image:url("icons/clear/folder-open.svg")}
.jcc-clear-app [data-clear-icon="users"]{mask-image:url("icons/clear/users.svg")}
.jcc-clear-app [data-clear-icon="clipboard-check"]{mask-image:url("icons/clear/clipboard-check.svg")}
.jcc-clear-app [data-clear-icon="messages-square"]{mask-image:url("icons/clear/messages-square.svg")}
.jcc-clear-app [data-clear-icon="heart-handshake"]{mask-image:url("icons/clear/heart-handshake.svg")}
.jcc-clear-app [data-clear-icon="calendar-days"]{mask-image:url("icons/clear/calendar-days.svg")}
.jcc-clear-app [data-clear-icon="archive"]{mask-image:url("icons/clear/archive.svg")}
.jcc-clear-app [data-clear-icon="shield-check"]{mask-image:url("icons/clear/shield-check.svg")}
.jcc-clear-app [data-clear-icon="file-clock"]{mask-image:url("icons/clear/file-clock.svg")}
.jcc-clear-app [data-clear-icon="menu"]{mask-image:url("icons/clear/menu.svg")}
.jcc-clear-app [data-clear-icon="search"]{mask-image:url("icons/clear/search.svg")}
.jcc-clear-app [data-clear-icon="house"]{mask-image:url("icons/clear/house.svg")}
.jcc-clear-app [data-clear-icon="arrow-left"]{mask-image:url("icons/clear/arrow-left.svg")}
.jcc-clear-app [data-clear-icon="sun"]{mask-image:url("icons/clear/sun.svg")}
.jcc-clear-app [data-clear-icon="moon"]{mask-image:url("icons/clear/moon.svg")}
.jcc-clear-app [data-clear-icon="bus"]{mask-image:url("icons/clear/bus.svg")}
.jcc-clear-app [data-clear-icon="bed"]{mask-image:url("icons/clear/bed.svg")}
.jcc-clear-app [data-clear-icon="circle-alert"]{mask-image:url("icons/clear/circle-alert.svg")}
.jcc-clear-app [data-clear-icon="clipboard-list"]{mask-image:url("icons/clear/clipboard-list.svg")}
.jcc-clear-app [data-clear-icon="tent"]{mask-image:url("icons/clear/tent.svg")}
.jcc-clear-app [data-clear-icon="chevron-right"]{mask-image:url("icons/clear/chevron-right.svg")}
html body.jcc-clear-app .attendance-notification-card{background:transparent!important;border:0!important;border-radius:0!important;padding:5px 0 12px!important;color:#606b79!important;gap:10px;box-shadow:none!important}
html body.jcc-clear-app .attendance-notification-card strong{font-size:13px;font-weight:600;color:#3d4c62}
html body.jcc-clear-app .attendance-notification-card p{font-size:11px;margin:3px 0 0}
html body.jcc-clear-app .attendance-notification-card button{font-size:11px;padding:7px 10px;min-height:31px}
html body.jcc-clear-app .attendance-notification-dialog{border-radius:18px;box-shadow:0 24px 80px #102b4c28}
html body.jcc-clear-app .attendance-notification-dialog h2{font-size:25px}
html body.jcc-clear-app .attendance-notification-schedule span{background:#f4f6f9}
html body.jcc-clear-app .attendance-notification-schedule strong{color:#2466e8}
html body.jcc-clear-app .attendance-bulk-panel{border-color:#e5e8ed!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
html body.jcc-clear-app .attendance-bulk-member{border-color:#edf0f3!important;background:#f7f8fa!important}
html body.jcc-clear-app .attendance-bulk-member-name{color:#303a48!important}
html body.jcc-clear-app .attendance-bulk-present{color:#fff!important;background:#2466e8!important}
html body.jcc-clear-app .attendance-bulk-reset{color:#526174!important;background:#edf0f4!important}
html body.jcc-clear-app .attendance-edit-table :is(input,select){background:#f5f6f8!important;border-color:transparent!important;border-radius:6px!important;font-size:12px!important}
html body.jcc-clear-app .attendance-edit-table :is(td,th){padding-top:10px!important;padding-bottom:10px!important}
html body.jcc-clear-app .attendance-edit-table td:first-child strong{font-size:14px}
html body.jcc-clear-app .attendance-bulk-actions button:first-child{background:#2466e8!important;color:white!important}
html body.jcc-clear-app :is(.archive-group-card,.archive-roster){border-color:#e5e8ed!important;box-shadow:none!important}
html body.jcc-clear-app :is(.archive-stat,.archive-group-primary>div,.archive-group-secondary>div,.archive-roster-person){background:#f5f7fa!important;border-color:#e5e8ed!important}
html body.jcc-clear-app .archive-stat.selected{background:#edf3ff!important;border-color:#8bb2f5!important;color:#2466e8!important}
html body.jcc-clear-app :is(.archive-group-primary>div:last-child strong,.archive-stat strong b){color:#2466e8!important}
/* Shared dashboard and retreat surfaces retain their original grid/visibility rules. */
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.card,.mobile-dashboard-card,.mobile-dashboard-care,.mobile-retreat-dashboard-card,.mobile-retreat-dashboard-crisis,.mobile-crisis-redesign-card,.mobile-retreat-paper-panel){background:#fff!important;background-image:none!important;box-shadow:none!important;border:1px solid #e9ecf0!important;border-radius:14px!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.retreat-dashboard-bar,.retreat-dashboard-crisis-summary){background:#f7f9fc!important;background-image:none!important;border-color:#e5e8ed!important;border-radius:12px!important;box-shadow:none!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.retreat-dashboard-crisis-empty,.retreat-dashboard-crisis-feed){background:#fff!important;border-color:#e5e8ed!important;box-shadow:none!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot .retreat-dashboard-crisis-empty::before{background:#eaf2ff!important;color:#2466e8!important;box-shadow:none!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.stat strong,.retreat-dashboard-crisis-count){font-weight:650!important;color:#26303e!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.progress,.mobile-dashboard-progress){background:#edf0f4!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.progress>div,.mobile-dashboard-progress>span){background:#2466e8!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot :is(.mobile-dashboard-card,.mobile-dashboard-care) header strong{font-weight:600!important}
html body.jcc-clear-app[data-active-mode][data-active-view] #viewRoot .mobile-crisis-redesign-actions #mobileAddCrisisBtn{background:#2466e8!important;box-shadow:none!important}
html body.jcc-clear-app :is(.kpi,.stat-card,.summary-card,.dashboard-card,.dashboard-panel,.retreat-dashboard-card,.retreat-overview-panel,.retreat-schedule-panel,.retreat-assignment-panel){background:#fff!important;border-color:#e5e8ed!important;border-radius:14px!important;box-shadow:none!important;background-image:none!important}
html body.jcc-clear-app :is(.kpi,.stat-card,.summary-card) :is(strong,.value){color:#26303e!important;font-weight:650!important}
html body.jcc-clear-app :is(.schedule-item,.care-item,.account-card,.mobile-member-card){border-color:#e5e8ed!important;box-shadow:none!important}
/* Auth screens share the same typography and quiet surfaces. */
html body.jcc-clear-app.jcc-auth{background:#f2f4f6!important;padding:24px 16px!important}
html body.jcc-clear-app.jcc-auth main{width:min(420px,100%)!important;max-width:420px!important;background:#fff!important;box-shadow:none!important;border:1px solid #e9ecf0!important;border-radius:18px!important;padding:30px!important}
html body.jcc-clear-app.jcc-auth .clear-auth-logo{display:block;width:44px;height:44px;object-fit:contain;margin:0 0 20px}
html body.jcc-clear-app.jcc-auth h1{font-size:25px;letter-spacing:-.8px}
html body.jcc-clear-app.jcc-auth p{font-size:13px;line-height:1.65;color:#7b8593}
html body.jcc-clear-app.jcc-auth label{font-size:13px;font-weight:550!important;color:#4e5968}
html body.jcc-clear-app.jcc-auth :is(input,select){min-height:44px;background:#f5f6f8;border-color:#edf0f3;font-size:14px}
html body.jcc-clear-app.jcc-auth button{background:#2466e8;color:#fff;border-radius:8px!important;min-height:44px;font-weight:600!important}
html body.jcc-clear-app.jcc-auth .signup-link{background:#f3f6fc;border-radius:8px;color:#416aab;font-weight:550}
html body.jcc-clear-app.jcc-auth .notice{font-size:11px;line-height:1.7;color:#8b95a2}
@media(min-width:1100px){
  html body.jcc-clear-app:not(.jcc-auth) main{padding:24px 28px!important}
  html body.jcc-clear-app .app-shell{grid-template-columns:238px minmax(0,1fr)!important}
}
@media(min-width:721px){
  html body.jcc-clear-app #appSidebar{padding-top:18px!important}
  html body.jcc-clear-app .brand{padding-bottom:9px!important}
  html body.jcc-clear-app .side-card{padding:9px 8px!important;margin-bottom:3px!important}
  html body.jcc-clear-app .side-card label{font-size:10px!important;margin-bottom:4px!important}
  html body.jcc-clear-app .side-card p{font-size:10px!important;line-height:1.4!important}
  html body.jcc-clear-app .side-card:has(#logoutForm) form{display:inline-block;margin-top:7px!important}
  html body.jcc-clear-app .side-card:has(#logoutForm)>p:last-child{display:inline-block;margin:7px 0 0 7px!important}
  html body.jcc-clear-app .side-card .role-display{font-size:12px!important;line-height:1.4!important;padding:6px 8px!important}
  html body.jcc-clear-app .mode-tabs{grid-template-columns:1fr 1fr!important}
  html body.jcc-clear-app .mode-tabs .mode-btn{padding:7px 5px!important}
  html body.jcc-clear-app .mode-tabs .mode-btn span{font-size:12px!important;justify-content:center}
  html body.jcc-clear-app .mode-tabs .mode-btn small{display:none}
  html body.jcc-clear-app .nav-title{margin-top:11px!important;margin-bottom:6px!important}
  html body.jcc-clear-app .nav-btn{padding-top:7px!important;padding-bottom:7px!important;font-size:12px!important;min-height:30px!important}
  html body.jcc-clear-app .desktop-attendance-view>.card{padding:17px 18px!important}
  html body.jcc-clear-app .desktop-attendance-view>.card:first-child{border:0!important}
  html body.jcc-clear-app .desktop-attendance-view h2{font-size:17px!important}
  html body.jcc-clear-app .desktop-attendance-view p{font-size:11px!important;line-height:1.5}
  html body.jcc-clear-app .desktop-attendance-view label{font-size:11px!important}
  html body.jcc-clear-app .desktop-attendance-view .form-grid :is(select,input){min-height:37px!important;font-size:13px!important;border:0!important}
}
@media(max-width:720px){
  html body.jcc-clear-app .attendance-notification-menu{display:flex!important;margin-top:10px;border-top:1px solid #edf0f3!important;border-radius:0!important;color:#7b8593!important}
  html body.jcc-clear-app{font-size:13px}
  html body.jcc-clear-app #appSidebar{border-radius:0!important}
  html body.jcc-clear-app .mobile-appbar{background:#fff!important;border-bottom:1px solid #edf0f3!important;box-shadow:none!important;color:#26303e!important}
  html body.jcc-clear-app .mobile-app-title strong{font-size:15px!important;font-weight:650!important;color:#191f28!important}
  html body.jcc-clear-app .mobile-app-title span{color:#8b95a2!important;font-size:10px!important}
  html body.jcc-clear-app .mobile-icon-btn{background:transparent!important;color:#4e5968!important;border:0!important;box-shadow:none!important}
  html body.jcc-clear-app :is(#mobileMenuBtn,#mobileSearchBtn){font-size:0!important}
  html body.jcc-clear-app :is(#mobileMenuBtn,#mobileSearchBtn)::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
  html body.jcc-clear-app #mobileMenuBtn::before{mask-image:url('icons/clear/menu.svg')}
  html body.jcc-clear-app #mobileSearchBtn::before{mask-image:url('icons/clear/search.svg')}
  html body.jcc-clear-app .mobile-mode-tabs{background:#f2f4f6!important;border-radius:8px!important;padding:3px!important}
  html body.jcc-clear-app .mobile-mode-tabs .mode-btn{padding:5px 8px!important;min-height:29px!important}
  html body.jcc-clear-app .mobile-mode-tabs .mode-btn span{font-size:12px!important}
  html body.jcc-clear-app .mobile-mode-tabs .clear-nav-icon{width:14px;height:14px}
  html body.jcc-clear-app .mobile-bottom-nav{background:#fff!important;border-top:1px solid #e5e8ed!important;box-shadow:none!important}
  html body.jcc-clear-app .mobile-bottom-nav button{background:transparent!important;color:#8b95a2!important;font-size:10px!important;font-weight:500!important;border-radius:0!important}
  html body.jcc-clear-app .mobile-bottom-nav button.active{color:#2466e8!important;background:transparent!important;font-weight:650!important}
  html body.jcc-clear-app .mobile-bottom-nav button>span{font-size:18px!important;height:20px;line-height:20px}
  html body.jcc-clear-app .mobile-bottom-nav .clear-nav-icon{width:19px;height:19px}
  html body.jcc-clear-app .attendance-notification-card{display:none!important}
  html body.jcc-clear-app .attendance-notification-card strong{font-size:11px!important}
  html body.jcc-clear-app .attendance-notification-card p{font-size:10px!important;line-height:1.35}
  html body.jcc-clear-app .attendance-notification-card button{width:auto!important;min-height:30px!important;padding:5px 8px!important;font-size:10px!important}
  html body.jcc-clear-app[data-active-mode="general"][data-active-view="general-attendance"][data-profile-open="false"] #viewRoot{height:var(--attendance-height,calc(100dvh - 220px))!important}
  html body.jcc-clear-app[data-active-view="general-attendance"][data-profile-open="false"] .mobile-attendance-view{grid-template-rows:auto auto minmax(0,1fr)!important;gap:8px!important;padding:0 0 12px!important;margin:0!important;box-sizing:border-box}
  html body.jcc-clear-app .mobile-attendance-controls{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:11px!important;padding:9px!important;gap:6px!important;min-height:52px!important}
  html body.jcc-clear-app .mobile-attendance-controls select{background:#f3f5f7!important;color:#3d4959!important;border:0!important;border-radius:6px!important;font-size:12px!important;min-height:34px!important}
  html body.jcc-clear-app .mobile-attendance-name-search{grid-column:1/-1;width:100%;min-width:0;min-height:36px!important;border:1px solid #e5e8ed!important;background:#fff!important;border-radius:7px!important;padding:8px 10px!important;font-size:13px!important}
  html body.jcc-clear-app .mobile-attendance-search-row{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0}
  html body.jcc-clear-app .mobile-attendance-search-row input{flex:1;width:0!important}
  html body.jcc-clear-app .mobile-attendance-search-row [data-mobile-attendance-count]{flex-shrink:0;color:#8b95a2;font-size:11px;white-space:nowrap}
  html body.jcc-clear-app .mobile-attendance-search-row [hidden]{display:none!important}
  html body.jcc-clear-app .mobile-paper-row.attendance-search-hidden{display:none!important}
  html body.jcc-clear-app .mobile-attendance-search-empty{padding:28px 10px;text-align:center;color:#8b95a2;font-size:12px}
  html body.jcc-clear-app .mobile-attendance-search-empty[hidden]{display:none!important}
  html body.jcc-clear-app .mobile-attendance-editbar{gap:5px!important;padding:0!important;background:transparent!important;border:0!important}
  html body.jcc-clear-app .mobile-attendance-editbar :is(button,button.secondary,button.ghost){font-size:10px!important;min-height:32px!important;border-radius:6px!important;padding:5px 4px!important;background:#e9edf2!important;color:#4e5968!important;border:1px solid transparent!important}
  html body.jcc-clear-app .mobile-attendance-editbar :is(#mobileAttendanceEditToggle,#mobileAttendanceBulkToggle).ghost{background:#dce6f6!important;color:#285a9e!important}
  html body.jcc-clear-app .mobile-paper-roster{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-bottom:0!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important}
  html body.jcc-clear-app .mobile-paper-roster>header{background:transparent!important;color:#4e5968!important;border:0!important;padding:6px 2px!important}
  html body.jcc-clear-app .mobile-paper-roster>header strong{font-size:13px!important;font-weight:600!important}
  html body.jcc-clear-app .mobile-paper-roster>header span{color:#8b95a2!important;font-size:10px!important}
  html body.jcc-clear-app .mobile-paper-list{background:transparent!important;padding:0!important;gap:7px!important}
  html body.jcc-clear-app .mobile-paper-row{background:#fff!important;border:1px solid #edf0f3!important;border-radius:11px!important;box-shadow:none!important;padding:11px 10px!important}
  html body.jcc-clear-app .mobile-paper-row :is(.mobile-paper-static,select,input){font-weight:450!important}
  html body.jcc-clear-app .mobile-paper-row .mobile-paper-name{font-weight:650!important;font-size:15px!important;color:#26303e!important}
  html body.jcc-clear-app .mobile-paper-row .mobile-paper-name.new-believer{color:#b17520!important}
  html body.jcc-clear-app .mobile-paper-roster:not(.member-edit-mode) .mobile-paper-main{grid-template-columns:32px 36px 20px minmax(0,1fr) 68px!important}
  html body.jcc-clear-app .mobile-paper-static{color:#606b79!important;font-size:11px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
  html body.jcc-clear-app .mobile-paper-row :is(select,input){background:#f4f6f8!important;color:#4e5968!important;border-color:transparent!important;border-radius:6px!important;font-size:12px!important}
  html body.jcc-clear-app .mobile-paper-row .phone{font-size:11px!important;color:#8b95a2!important}
  html body.jcc-clear-app .mobile-paper-sub{gap:7px!important;margin-top:7px!important}
  html body.jcc-clear-app .mobile-paper-row select[data-mobile-attendance-field="status"]{font-size:12px!important;color:#245dc1!important;background:#edf3ff!important;min-height:30px!important}
  html body.jcc-clear-app .archive-detail-scroll button{min-width:28px}
  html body.jcc-clear-app .mobile-care-compose{background:#fff!important;border-color:#e5e8ed!important;box-shadow:none!important;border-radius:14px!important}
  html body.jcc-clear-app .mobile-care-panel-heading{background:transparent!important;border:0!important;color:#303a48!important}
}
@media(max-width:360px){
  html body.jcc-clear-app .mobile-attendance-controls{grid-template-columns:.95fr 1.15fr 1fr!important;gap:4px!important}
  html body.jcc-clear-app .mobile-attendance-controls select{font-size:11px!important;padding:4px 5px!important}
}
@media(prefers-reduced-motion:reduce){html body.jcc-clear-app *{scroll-behavior:auto!important;transition:none!important}}