#syncStatus{display:flex;align-items:center;min-height:28px!important;padding:5px 12px!important;margin:0 0 12px!important;border-radius:10px;background:var(--surface);font-size:12px!important;line-height:1.4}
#syncStatus[data-state="offline"],#syncStatus[data-state="local"]{color:#b77915!important}#syncStatus[data-state="error"]{color:#ce4057!important}
.archive-filter-modal{padding:12px;align-items:center}.archive-filter-modal .note-modal-card{display:flex;flex-direction:column;width:min(100%,480px);max-height:calc(var(--app-visible-height,100dvh) - 24px);overflow:auto;overscroll-behavior:contain;border-radius:20px;padding:20px;background:var(--surface);color:var(--text)}
.archive-filter-modal form{display:grid;gap:12px}.archive-filter-modal label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.archive-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.archive-date-fields input{min-width:0;width:100%}.archive-error{color:#ce4057;margin:0;min-height:0}.archive-dialog-actions{position:sticky;bottom:-20px;display:flex;gap:8px;justify-content:flex-end;padding:12px 0;background:var(--surface)}
.archive-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.archive-pager span{font-size:12px;color:var(--muted);text-align:center}.archive-data-note{font-size:12px;color:var(--muted);margin:10px 0 14px}.document-row{gap:12px;min-height:80px;padding:14px!important;margin-bottom:12px!important;border-radius:16px!important;box-shadow:none!important}.document-row strong{overflow-wrap:anywhere}.document-row small{line-height:1.5}
.note-modal,.image-viewer{max-height:var(--app-visible-height,100dvh);box-sizing:border-box}.note-modal-card{max-height:calc(var(--app-visible-height,100dvh) - 24px);overflow:auto;overscroll-behavior:contain}.note-modal-card .actions{gap:8px}.note-modal-card input,.note-modal-card select,.note-modal-card textarea{margin-bottom:8px}.keyboard-open #bottomNav{visibility:hidden;pointer-events:none}.keyboard-open .note-modal{align-items:flex-start;padding-top:12px}
.actions{gap:10px}button,input,select{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.tool-head{gap:12px;margin-bottom:14px}.card{margin-bottom:16px}.card>input,.card>textarea,.card>select{margin-bottom:12px}
@media(max-width:420px){.archive-pager{flex-wrap:wrap}.archive-pager span{order:-1;flex-basis:100%}.document-archive-head{flex-wrap:wrap}.archive-dialog-actions button{flex:1;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.note-modal,.note-modal-card,button{animation:none!important;transition:none!important}}
/* Shared dialogs and new panels remain usable with large text and the keyboard. */
.note-modal-card button,.tools-dialog button{white-space:normal;overflow-wrap:anywhere;min-height:44px;height:auto}
.note-modal-card,.tools-dialog{color:var(--text);background:var(--surface)}
.note-modal-card .note-modal-head{gap:12px;align-items:flex-start}.note-modal-card .note-modal-head strong{overflow-wrap:anywhere}
#chatOutbox .chat-message{white-space:pre-wrap;overflow-wrap:anywhere}#chatOutbox .soft{display:block;margin-top:8px}
#extendedSearch h2{font-size:16px;margin:20px 0 10px}#extendedSearch .search-result{width:100%;text-align:left;color:var(--text);overflow-wrap:anywhere}
#adminWorkspaceBody .document-row{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;color:var(--text);background:var(--surface)}
.admin-contact-tools input,.admin-contact-tools textarea,#placesPanel input,#placesPanel textarea{height:auto;min-height:52px;line-height:1.5}
.contact-admin-row{flex-wrap:wrap}.contact-admin-row>span:not(.order-buttons){min-width:0;overflow-wrap:anywhere;flex:1 1 140px}
.admin-contact-tools button,#placesPanel button{height:auto;min-height:48px;white-space:normal;overflow-wrap:anywhere}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav button{min-width:0}
@media(max-width:420px){.archive-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-dialog-actions .primary{grid-column:1/-1;order:-1}}
@media(max-width:420px){.note-modal-card{padding:16px!important}.note-modal-card .chat-popup-actions{flex-wrap:wrap}.note-modal-card .chat-popup-actions button{flex:1 1 120px}}
#contactsPanel .search-shell{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 12px;margin:16px 0;overflow:hidden}#contactsPanel .contact-search-icon{flex:0 0 28px;font-size:24px;color:var(--blue)}#contactsPanel .contact-search{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;margin:0;padding:14px 8px;opacity:1}#contactsPanel .company-group{border:1px solid var(--border);border-radius:14px;background:var(--surface);margin:0 0 10px;overflow:hidden}#contactsPanel .company-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;background:var(--surface);color:var(--text);padding:16px;font-size:16px;min-height:64px;box-sizing:border-box}#contactsPanel .company-group summary::-webkit-details-marker{display:none}#contactsPanel .company-group summary span{font-size:12px;color:var(--muted);white-space:nowrap}#contactsPanel .company-group[open] summary{border-bottom:1px solid var(--border)}#contactsPanel .company-body{padding:12px}#contactsPanel .contact-card{box-shadow:none;border:1px solid var(--border);border-radius:12px;padding:14px}#contactsPanel .contact-card p{overflow-wrap:anywhere}