html,body{height:100%;margin:0;background:#000;color:#eee;font:700 13px/1.5 "Microsoft YaHei",sans-serif}*{box-sizing:border-box}#contact-motion-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.admin-page{position:relative;z-index:2;max-width:none;height:100dvh;padding:8px;display:flex;flex-direction:column;gap:8px}.admin-top{margin:0;padding:4px 12px;min-height:38px;background:#000b;border-radius:8px;flex-shrink:0}.admin-top h1{font-size:15px;margin:0}.admin-top p{display:none}.admin-nav{gap:16px}.admin-nav a{color:#c4d2da;font-size:12px}.admin-nav button{font-size:12px;padding:4px 12px}.admin-card{position:relative;display:flex;flex-direction:column;min-height:0;flex:1;margin:0;padding:0;background:#000e;border:1px solid #6a95a9;border-radius:9px;box-shadow:inset 0 0 0 1px #9b7cce60,0 0 9px #54d3ff25;overflow:hidden}.contact-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 14px;border-bottom:1px solid #ffffff26}.contact-list-heading h2{font-size:15px;margin:0;white-space:nowrap}.contact-list-heading small{font-size:12px;color:#aaa}.status-summary{display:flex;gap:8px}.status-summary button{border:1px solid #666;background:#0008;border-radius:5px;color:#bbb;padding:5px 15px;font-size:12px;white-space:nowrap}.status-summary strong{margin-left:7px;color:#fff}.status-summary [aria-pressed=true]{border-color:#83edff;color:#fff;box-shadow:0 0 7px #83edff30}.admin-filters{padding:8px 14px;margin:0;gap:10px;border-bottom:1px solid #ffffff18;align-items:end}.admin-filters label{font-size:11px;color:#aaa;gap:3px}.admin-filters input,.admin-filters select,.admin-filters button{min-height:30px;padding:5px 9px;font-size:12px;background:#080b0dcc;border-color:#ffffff38;color:#ddd}.admin-filters label:has([name=status]){display:none}.admin-list-status{margin:0;padding:5px 14px;min-height:26px;font-size:12px;color:#9bacb4}.admin-list-status:empty{padding:0;min-height:0}.admin-table-wrap{flex:1;min-height:0;overflow:auto}.admin-table{table-layout:fixed;width:100%;min-width:780px;font-size:12px}.admin-table th{background:#0008;color:#999;padding:6px 12px;font-size:11px;font-weight:700}.admin-table th:first-child{width:16%}.admin-table th:nth-child(2){width:31%}.admin-table th:nth-child(3){width:25%}.admin-table th:nth-child(4){width:15%}.admin-table th:nth-child(5){width:8%}.admin-table th:last-child{width:5%}.admin-table td{padding:5px 12px;border-color:#ffffff16;vertical-align:middle;height:32px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table td.preview{max-width:none;white-space:nowrap}.admin-table td small{display:none}.admin-table tbody tr[data-session]:hover{background:#ffffff0a;cursor:pointer}.contact-person{display:flex;align-items:center;gap:8px;min-width:0;color:#fff}.contact-avatar{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#27c8cb,#6962c9);color:white;flex-shrink:0}.contact-method{margin-right:12px;color:#bbb}.contact-method b{color:#8bbfd4;margin-right:4px;font-size:11px}.admin-table .date-group td{height:28px;padding-top:10px;color:#ddd;font-size:11px;background:#0004}.admin-table .row-open{padding:1px 5px;border:0;background:none;color:#a9baff;font-size:20px;min-height:22px}.admin-badge{font-size:10px;padding:2px 5px;background:#0005;color:#c3d8d1;border-color:#ffffff30}.admin-pagination{margin:0;min-height:38px;padding:5px 14px;background:#0007;border-top:1px solid #ffffff20;font-size:11px}.admin-pagination button{padding:3px 8px;background:#0005;border-color:#ffffff30;min-height:26px;font-size:11px}.admin-detail{position:fixed;inset:8px;margin:auto;width:calc(100% - 16px);max-width:none;height:calc(100dvh - 16px);max-height:none;border:1px solid #82bcd0;border-radius:9px;padding:0;background:#080b0df5;color:#eee}.admin-detail[open]{display:flex;flex-direction:column}.admin-detail::backdrop{background:#0004}.admin-detail>header{padding:12px 18px;margin:0;border-bottom:1px solid #ffffff26;gap:12px}.admin-detail h2{font-size:15px}.admin-meta{font-size:11px;color:#9fadb4;overflow-wrap:anywhere}.admin-detail button,.admin-detail select,.admin-detail textarea{background:#0008;color:#eee;border-color:#ffffff35;font-size:12px}.admin-conversation{flex:1;min-height:0;overflow:auto;padding:16px 25px;margin:0}.admin-message{border:0;background:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;align-items:flex-end}.admin-message>strong,.admin-message>time{font-size:11px;color:#a5b3ba}.admin-message>p{max-width:75%;background:#26333ce6;border-radius:9px;padding:12px 16px;white-space:pre-wrap;margin:6px 0 16px;color:#fff}.admin-reply{align-self:flex-start;max-width:75%;background:none;border:0;padding:0;color:#cbd6dc}.admin-reply strong{font-size:11px;color:#a5b3ba}.admin-reply p{background:#1d232be6;border-radius:9px;padding:12px 16px;margin-top:6px;white-space:pre-wrap}.admin-edit-form{margin:0;padding:10px 18px;border-top:1px solid #ffffff26;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:end}.admin-edit-form[hidden]{display:none}.admin-edit-form label{margin:0;font-size:11px;color:#aaa}.admin-edit-form textarea{min-height:42px;height:48px;max-height:140px;padding:5px 9px}.admin-action-row{margin:0}.admin-readonly-note{grid-column:1/-1;margin:0}#floating-contact-agent{position:fixed;left:18px;bottom:50px;width:100px;height:140px;z-index:3;padding:0;background:transparent;border:0;touch-action:none;cursor:grab;user-select:none}#floating-contact-agent img{width:100%;height:100%;object-fit:contain;pointer-events:none}#floating-contact-agent>span:not(.app-hand-cue){position:absolute;bottom:0;left:0;white-space:nowrap;font-size:10px;color:#e1f2f4;text-shadow:0 1px 2px #000;pointer-events:none}#floating-contact-agent.is-dragging{cursor:grabbing}#floating-contact-agent.is-dragging .app-hand-cue{opacity:0}button:focus-visible,a:focus-visible{outline:2px solid #83edff;outline-offset:2px}
@media(max-width:650px){.admin-top{padding:4px 8px}.admin-top h1{font-size:13px}.admin-nav{gap:8px}.admin-nav a{font-size:10px}.contact-list-heading{flex-wrap:wrap;gap:8px;padding:9px}.status-summary{width:100%;gap:5px}.status-summary button{flex:1;padding:5px;font-size:11px}.admin-filters{grid-template-columns:1fr 100px auto auto;padding:8px;gap:6px}.admin-filters label:first-child{grid-column:1/-1}.admin-detail>header{padding:10px}.admin-edit-form{grid-template-columns:100px 1fr;padding:10px}.admin-edit-form .admin-action-row{grid-column:1/-1;justify-content:flex-end}.admin-conversation{padding:12px}.admin-message>p,.admin-reply{max-width:90%}#floating-contact-agent{width:78px;height:105px}.admin-pagination{gap:6px}.admin-count{font-size:10px}}
body:has(.admin-detail[open]) .admin-page,body:has(.admin-detail[open]) #floating-contact-agent{visibility:hidden}.admin-detail{background:rgba(0,0,0,.92)}
html,body{padding:0;overflow:hidden}.admin-page{width:100%;margin:0}.admin-conversation{display:block}.admin-table thead{position:sticky;top:0;z-index:1;background:#050708}@media(max-width:650px){.admin-filters{display:grid}.admin-nav{flex-wrap:nowrap}.admin-top{gap:8px}}
.admin-message-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:4px 10px;max-width:100%;font-size:11px;color:#a5b3ba}.admin-message-location{color:#a9c9d6;overflow-wrap:anywhere}.admin-message-meta time{white-space:nowrap;font-size:inherit;color:inherit}
/* Keep every management module reachable on narrow screens. */
.admin-top .admin-nav{flex-wrap:wrap;justify-content:flex-end}.admin-top .admin-nav a{white-space:nowrap}@media(max-width:650px){.admin-top{align-items:flex-start;flex-direction:column}.admin-top .admin-nav{justify-content:flex-start;gap:8px 12px}.admin-filters{grid-template-columns:minmax(0,1fr) auto auto}.admin-filters label:first-child{grid-column:auto;min-width:0}}
@media(max-width:650px){.admin-filters{grid-template-columns:minmax(0,1fr) auto auto}.admin-filters label:first-child{grid-column:1/-1}}