.file-reader{width:min(1100px,calc(100vw - 40px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--border,#dce3ec);border-radius:12px;background:var(--surface,#fff);color:var(--text,#23344d)}.file-reader>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.file-reader h2{font-size:20px;margin:0;overflow-wrap:anywhere}.reader-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.reader-body{max-height:65dvh;overflow:auto;padding:20px;background:#f7f9fc;line-height:1.7;overflow-wrap:anywhere}.reader-body>img{display:block;max-width:none;width:100%;height:auto;object-fit:contain}.reader-body iframe{width:100%;height:60dvh;border:0}.reader-body pre{white-space:pre-wrap}.reader-body>section{background:#fff;padding:24px;margin-bottom:16px}.reader-body table{border-collapse:collapse;min-width:100%}.reader-body td{border:1px solid #dfe5ee;padding:8px;white-space:pre-wrap;min-width:90px}.reader-table-scroll{overflow:auto}.reader-comment-list{max-height:220px;overflow:auto}.reader-comments form{display:grid;gap:12px}.reader-status{color:#52637d;font-size:13px}.im-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.im-emoji-grid button{font-size:24px;min-height:44px}.im-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.im-reactions button{font-size:12px;padding:4px 8px;min-height:28px;border-radius:12px;background:#edf2f8;color:#364c70}.im-reactions button[aria-pressed=true]{border-color:#315b93;background:#e1ebfb}.im-file-queue{display:flex;gap:6px;flex-wrap:wrap}.im-file-queue>span{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#f1f4f9;border-radius:6px;font-size:12px}.im-file-queue button{padding:2px 6px}.im-sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.im-sticker-grid img{width:64px;height:64px;object-fit:contain}.field-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.field-form{display:grid;gap:16px}.field-form label{display:grid;gap:8px}.field-form fieldset{border:1px solid #dce3ec;padding:16px;border-radius:8px}.field-evidence{padding:16px;background:#f7f9fc;border-radius:8px}.field-cards{display:grid;gap:8px}.field-cards button{text-align:left;width:100%;padding:16px;background:#fff;color:#24364f;display:flex;justify-content:space-between;gap:16px;border:1px solid #e3e8ef}.field-cards small{display:block;margin-top:8px;color:#6b7c91}.field-record{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.field-map-data{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.field-proof{display:flex;gap:12px;flex-wrap:wrap}.field-proof button{min-height:44px}.saved-view-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.saved-view-toolbar label{display:grid;gap:8px}.local-helper{font-size:13px;color:#63748b}@media(max-width:650px){.file-reader{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.reader-body{padding:8px}.reader-body>section{padding:16px}.file-reader button,.field-form button,.field-toolbar button{min-height:44px}.field-record{grid-template-columns:1fr}.im-message-actions{flex-wrap:wrap}.im-compose-actions>div{flex-wrap:wrap}.im-reactions button{min-height:36px}.field-cards button{flex-direction:column;gap:8px}}
#field-create{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}#field-create>.local-helper,#field-create>p,#field-create>label:has(textarea),#field-create>.form-actions{grid-column:1/-1}#field-create>.form-actions{position:sticky;bottom:0;background:var(--surface,#fff);padding:16px 0;margin:0;border-top:1px solid #e1e7ef}.field-form>label,.field-form>fieldset{margin:0}.field-form textarea{min-height:88px;max-height:180px}.field-form fieldset p{margin:8px 0;font-size:13px;line-height:1.5}#field-create>fieldset{min-width:0}#field-create>.form-actions button{min-width:150px}.im-read-receipt{display:block;color:#66758b;font-size:11px;margin-top:6px}.im-drop-active{outline:2px dashed #315b93;outline-offset:-4px}@media(max-width:650px){#field-create{grid-template-columns:1fr}.field-form>fieldset{padding:12px}.field-form>.form-actions{bottom:env(safe-area-inset-bottom)}.im-heading{gap:6px}.im-heading>div{min-width:0}.im-heading strong{overflow-wrap:anywhere}}
.visit-camera{max-width:min(760px,calc(100vw - 24px));padding:20px;border:1px solid #dce3ec;border-radius:12px}.visit-camera header{display:flex;justify-content:space-between;align-items:center;gap:16px}.visit-camera video{width:100%;max-height:60dvh;background:#14243b;border-radius:8px}.visit-camera button{min-height:44px}

.im-message-actions{display:block;opacity:1;margin-top:4px}.im-message-actions>summary{cursor:pointer;list-style:none;color:#62728c;font-size:12px;line-height:28px;min-height:28px}.im-message-actions>summary::after{content:' ⋯'}.im-action-options{display:flex;flex-wrap:wrap;gap:4px;padding-top:4px}@media(max-width:650px){.im-message-actions>summary{min-height:36px;line-height:36px}.im-message-actions button{min-height:44px!important}.im-compose button,.im-compose .im-file-label,.im-heading button{min-height:44px!important}.im-back{min-width:44px!important}.im-compose-actions{flex-wrap:wrap}}