.remember-device{display:flex!important;align-items:center;gap:10px;font-size:13px!important}.remember-device input{width:18px!important;margin:0!important}
.raon-mobile .page-footer,.raon-mobile .daily-encouragement{display:none}
.raon-mobile .topbar{padding:8px 12px;min-height:50px}.raon-mobile .topbar-right{gap:5px;flex-wrap:wrap}.raon-mobile #today-label{font-size:13px}
.raon-mobile [href="/api/chat/download-client"],.raon-mobile [href="#messages"]{display:none!important}
.raon-mobile dialog{max-height:calc(100dvh - 24px);width:min(680px,calc(100vw - 20px));margin:auto}
.raon-mobile .modal-head{padding:16px}.raon-mobile .modal-footer{position:sticky;bottom:0;background:white;padding:12px;z-index:2}
.raon-mobile .file-photo,.raon-mobile .upload-preview img{max-height:160px;object-fit:contain}
.chat-photo{display:block;width:min(240px,60vw);height:200px;object-fit:contain;background:#fff;border-radius:10px;margin-bottom:6px}
.mobile-chat-back{display:none}
.raon-mobile [data-calendar-notify],.raon-mobile [data-calendar-ics]{display:none}
.mobile-calendar-filters{margin-bottom:12px;border:1px solid #d9e7f3;border-radius:10px;background:white}
.mobile-calendar-filters summary{padding:12px 16px;color:#315b7f;font-weight:600;cursor:pointer}
.mobile-calendar-filters .planner-toolbar{padding:12px;margin:0}
@media(max-width:700px){
 .raon-mobile .calendar-surface{min-width:0}
 .raon-mobile .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
 .raon-mobile .calendar-day{min-width:0;padding:3px;min-height:72px}
 .raon-mobile .calendar-event{padding:3px 2px;font-size:10px;min-height:24px}
 .raon-mobile .calendar-event .event-dot{display:none}
 .raon-mobile .calendar-event span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .raon-mobile .calendar-event b{display:none}
 .raon-mobile .calendar-more{font-size:10px;padding:2px}
 .raon-mobile .calendar-toolbar{padding:12px;gap:10px}
 .raon-mobile .calendar-view-controls{flex-wrap:wrap}
 .raon-mobile .range-day .calendar-grid{grid-template-columns:1fr}
 .raon-mobile .range-day .calendar-day{min-height:220px}
 .raon-mobile .range-day .calendar-event{font-size:14px}
 .raon-mobile .range-day .calendar-event b{display:inline}
 .raon-mobile .people-table,.raon-mobile .people-table tbody{display:block;width:100%;min-width:0}
 .raon-mobile .people-table thead{display:none}
 .raon-mobile .people-table tbody tr{display:grid;grid-template-columns:28px minmax(0,1fr);padding:14px;border-bottom:1px solid #d9e7f3;gap:6px}
 .raon-mobile .people-table td{display:block;border:0;padding:0;grid-column:2;white-space:normal}
 .raon-mobile .people-table td:first-child{grid-column:1;grid-row:1 / span 5}
 .raon-mobile .people-table td:nth-child(6){display:none}
 .raon-mobile .people-table td:last-child{display:flex;gap:10px;margin-top:5px}
 .raon-mobile .people-table .person-name{font-size:17px}
 .raon-mobile .people-table .person-followup{padding:8px 0}
 .raon-mobile .selection-bar{flex-wrap:wrap}
 .raon-mobile #chat-app{display:block;height:100dvh}
 .raon-mobile .rooms-panel{height:100%;width:100%;border:0}
 .raon-mobile .rooms-panel header{display:flex;padding:16px 20px}
 .raon-mobile .rooms-panel>input{width:auto;margin:0 16px 12px;font-size:15px}
 .raon-mobile .rooms-panel strong{font-size:20px}
 .raon-mobile .room{padding:16px;gap:12px}.raon-mobile .room-icon{display:grid}
 .raon-mobile .room-name{font-size:16px}.raon-mobile .room-preview{font-size:13px}
 .raon-mobile .employee-row{padding:10px 16px}.raon-mobile .employee-name{font-size:16px}
 .raon-mobile .conversation{display:none;height:100%;width:100%}
 .raon-mobile.chat-conversation .conversation{display:flex}
 .raon-mobile.chat-conversation .rooms-panel{display:none}
 .raon-mobile .conversation-head{display:flex;gap:8px;padding:10px 12px}
 .raon-mobile .conversation-head>div:first-of-type{flex:1;min-width:0}
 .raon-mobile #room-people{max-height:35px;overflow:auto}
 .raon-mobile .mobile-chat-back{display:block;flex:none;padding:8px;font-size:18px}
 .raon-mobile #message-log{padding:14px 12px}
 .raon-mobile .bubble{font-size:15px}.raon-mobile .message-content{max-width:86%}
 .raon-mobile #composer{padding:10px 12px;background:#f1f8ff}
 .raon-mobile #message-body{background:white;border:1px solid #9dc7ec;border-radius:12px;padding:10px;min-height:72px}
 .raon-mobile .composer-heading span,.raon-mobile #chat-notify{display:none}
 .raon-mobile #message-search{padding:8px 12px}
 .raon-mobile .compose-actions{padding-top:7px;gap:8px}
}

/* App-only settings button: same row as the hamburger, at the right edge. */
.raon-native .raon-app-options{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:42px;padding:0;border:0;border-radius:10px;background:#eaf3fc;color:#174c83;font-size:26px;line-height:1;cursor:pointer}
.raon-native .topbar>.raon-app-options{order:1;margin-left:auto}
.raon-native .topbar-right{order:2}
.raon-native .rooms-panel header>.raon-app-options,.raon-native .conversation-head>.raon-app-options{margin-left:auto;flex-shrink:0}
.raon-native .raon-login-options{position:fixed;top:8px;right:12px;z-index:20}
.raon-native [data-chat-sound]{display:none!important}
@media(max-width:900px){.raon-native .topbar{display:flex;flex-wrap:wrap;min-height:52px}.raon-native .topbar-right{width:100%;justify-content:flex-end}}

/* Compact app employee list: one name row, with group selection kept separate. */
.raon-mobile .rooms-panel .employee-row{flex-wrap:nowrap;gap:12px;min-height:46px;padding:0 14px;margin:0;border-bottom:1px solid #edf3f8;border-radius:0}
.raon-mobile .rooms-panel .employee-name{flex:1;min-width:0;min-height:44px;padding:10px 0;font-size:14px;font-weight:600;line-height:24px;gap:0;border-radius:6px}
.raon-mobile .rooms-panel .employee-copy{flex:1;min-width:0}
.raon-mobile .rooms-panel .employee-copy strong{max-width:none;font-size:14px;font-weight:600;line-height:24px}
.raon-mobile .rooms-panel .employee-avatar,.raon-mobile .rooms-panel .employee-copy small,.raon-mobile .rooms-panel .person-start{display:none!important}
.raon-mobile .rooms-panel .employee-row input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:0;flex:none}
.raon-mobile .rooms-panel #start-selected:disabled{display:none}

/* App messenger: blue structure, white content, and readable controls. */
.raon-mobile #chat-app{--blue:#1457b4;--ink:#193653;--muted:#46617e;--line:#9ab8de;--input:#fff;--sky:#dce9fa;color:var(--ink)}
.raon-mobile .rooms-panel{background:#fff}
.raon-mobile .rooms-panel header,.raon-mobile .conversation-head{background:#1457b4;color:#fff;border-color:#1457b4}
.raon-mobile .rooms-panel header strong,.raon-mobile .rooms-panel .brand-caption,.raon-mobile .rooms-panel #chat-status,.raon-mobile .conversation-head h1,.raon-mobile .conversation-head p{color:#fff}
.raon-mobile .rooms-panel header button,.raon-mobile .conversation-head button{background:#fff;color:#144e9b;border:1px solid #fff;box-shadow:none}
.raon-mobile .rooms-panel header button:hover,.raon-mobile .conversation-head button:hover{background:#e2edfc}
.raon-mobile .people-tabs{background:#e2edfc;border:1px solid #9ab8de}
.raon-mobile .people-tabs button{color:#174e92}
.raon-mobile .people-tabs [aria-pressed=true]{background:#1457b4;color:#fff;box-shadow:none}
.raon-mobile .rooms-panel>input{background:#fff;border-color:#779dca}
.raon-mobile .rooms-panel input::placeholder,.raon-mobile #message-query::placeholder,.raon-mobile #message-body::placeholder{color:#526d8c}
.raon-mobile .rooms-panel .employee-row{border-bottom-color:#e0e8f2}
.raon-mobile .rooms-panel .employee-row.is-selected,.raon-mobile .rooms-panel .employee-row:hover,.raon-mobile .room.selected{background:#e2edfc}
.raon-mobile .rooms-panel .employee-row input[type=checkbox]{border-color:#527dac}
.raon-mobile .rooms-panel footer{background:#1457b4;color:#fff;border-color:#1457b4}
.raon-mobile .rooms-panel footer button{background:#fff;color:#144e9b;border:1px solid #fff;font-size:12px;padding:7px 10px}
.raon-mobile .conversation,.raon-mobile #message-log{background:#dce9fa}
.raon-mobile #message-search{background:#dce9fa}
.raon-mobile #message-search input,.raon-mobile #message-search button{background:#fff;border-color:#8aaed9;color:#234d7b}
.raon-mobile .room-icon,.raon-mobile .message-avatar,.raon-mobile .welcome-symbol{background:#1457b4;color:#fff;box-shadow:none}
.raon-mobile .date-divider span{background:#fff;color:#385c86;border:1px solid #a7bedc}
.raon-mobile .bubble{background:#fff;color:#193653;box-shadow:0 2px 5px #15467c12}
.raon-mobile .mine .bubble{background:#1457b4;color:#fff;box-shadow:none}
.raon-mobile .message-meta,.raon-mobile .message-meta button{color:#405d7e}
.raon-mobile .message.deleted .bubble{color:#526d8c}
.raon-mobile .message.mine.deleted .bubble{color:#fff}
.raon-mobile #composer{background:#1457b4;border:1px solid #1457b4;box-shadow:none}
.raon-mobile #composer:focus-within{border-color:#0e438e;box-shadow:0 0 0 2px #9dbce6}
.raon-mobile .composer-heading label,.raon-mobile .compose-actions>span{color:#fff}
.raon-mobile #message-body{background:#fff;color:#193653;border:1px solid #fff}
.raon-mobile .compose-actions{border-color:#7099d2}
.raon-mobile .file-button,.raon-mobile #send-message{background:#fff;color:#144e9b;border:1px solid #fff;box-shadow:none}
.raon-mobile #send-message{font-weight:700}
.raon-mobile #send-message:disabled{background:#dce7f8!important;color:#405d7e!important}
.raon-mobile .file-tag,.raon-mobile .attachment{background:#fff;color:#144e9b;border-color:#9ab8de}
.raon-mobile #chat-app button:focus-visible,.raon-mobile #chat-app input:focus-visible,.raon-mobile #chat-app a:focus-visible{outline:3px solid #739fe0;outline-offset:2px}
.raon-mobile #chat-login{background:#dce9fa}