:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243047;background:#f4f6fb}*{box-sizing:border-box}body{margin:0}header{height:72px;background:#182338;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px}h1{font-size:22px}main{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 72px)}aside,#detail{padding:20px;background:white}aside{border-right:1px solid #dce2ee}.toolbar,.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}select,button,textarea,input{font:inherit}select,button{padding:8px 10px;border:1px solid #ccd4e2;border-radius:8px;background:white}button{cursor:pointer}.ticket{display:block;width:100%;text-align:left;margin-top:10px;background:#f8faff}.ticket span,.ticket small{display:block;margin-top:4px;color:#62708a}.timeline{max-width:850px;margin:22px 0}.timeline article{padding:12px 15px;margin:10px 0;border-radius:12px;max-width:75%;background:#edf3ff}.timeline article.internal{background:#fff3d6;border:1px dashed #d29b2e}.timeline article.outbound{margin-left:auto;background:#dff5e8}.timeline small{color:#6a7488}textarea{display:block;width:100%;max-width:850px;min-height:100px;padding:12px;border:1px solid #ccd4e2;border-radius:10px;margin-bottom:10px}.reply-actions{display:flex;gap:16px;align-items:center;max-width:850px}.reply-actions button{min-height:44px;padding:10px 18px}.send-public{background:#1d6fd8;color:white;border-color:#1d6fd8}.send-internal{background:#fff7df;color:#6b4a00;border-color:#d29b2e}.empty{padding:50px;color:#71809a}.quick-replies{max-width:850px;margin:12px 0 16px;padding:12px 14px;border:1px solid #dce2ee;border-radius:10px;background:#f8faff}.quick-title{font-weight:700;color:#34435c;margin-bottom:8px}.internal-title{margin-top:14px}.quick-grid{display:flex;flex-wrap:wrap;gap:6px}.quick-reply{min-width:34px;padding:5px 9px;border-radius:6px;background:#e8f1ff;color:#1d5ca9;border-color:#b8d0f4}.internal-quick{background:#fff3d6;color:#795600;border-color:#e4bf65}.quick-reply:hover{filter:brightness(.96)}.greeting-button{margin-left:10px;padding:4px 8px;font-size:13px;background:#fff;border-color:#9bb9e8;color:#1d5ca9}.ticket-filters{display:grid;gap:6px;margin:10px 0}.ticket-filters input,.ticket-filters select{width:100%;padding:7px 8px;border:1px solid #ccd4e2;border-radius:8px;background:white}.staff-management{margin:12px 0 18px;padding:12px;border:1px solid #dce2ee;border-radius:10px;background:#f8faff}.staff-form{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin:10px 0}.staff-form input,.staff-form select{min-width:0;padding:7px 8px;border:1px solid #ccd4e2;border-radius:8px}.staff-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #e6ebf3}.staff-row small{color:#62708a}
.member-picker{max-width:1100px;margin:14px 0;padding:14px;border:1px solid #cfd8e8;border-radius:12px;background:#f8faff;display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,.8fr);gap:16px;align-items:end}.member-search-box{position:relative;margin-top:7px}.member-search-box input{width:100%;padding:10px 12px;border:1px solid #bfc9da;border-radius:8px;background:white}.member-search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:300px;overflow:auto;border:1px solid #c9d2e1;border-radius:9px;background:white;box-shadow:0 10px 28px rgba(31,45,70,.14)}.member-result{width:100%;border:0;border-bottom:1px solid #edf0f5;border-radius:0;text-align:left;padding:10px 12px}.member-result:hover{background:#f2f6fd}.member-result span,.member-result small{display:block;color:#66748b;margin-top:2px}.search-state{padding:12px;color:#66748b}.current-member{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px;background:white;border:1px solid #e0e6ef}.current-member small,.current-member span{color:#65738b}.member-panel{max-width:1100px;border:1px solid #d6deea;border-radius:12px;background:#fff;margin:18px 0 28px;overflow:hidden}.member-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#f5f8fd;border-bottom:1px solid #dce3ed}.member-panel-head strong{font-size:17px}.member-panel-head small{margin-left:8px;padding:2px 7px;border-radius:999px;background:#e7edf6;color:#53647f}.member-panel-head span{color:#586882;font-size:14px;text-align:right}.member-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid #e2e8f1}.member-tabs button{white-space:nowrap;padding:7px 10px}.member-tabs button.active{background:#203b65;color:white;border-color:#203b65}.member-tab-content{padding:14px 16px}.member-panel-empty,.no-data{padding:28px;color:#76839a;text-align:center}.kv{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:0;margin:0}.kv>div{padding:10px 0;border-bottom:1px solid #edf0f4}.kv dt{font-size:12px;color:#748198;margin-bottom:3px}.kv dd{margin:0;word-break:break-word}.data-table-wrap{overflow:auto;max-width:100%}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{padding:8px 9px;border-bottom:1px solid #e7ebf2;text-align:left;vertical-align:top;font-size:14px}.data-table th{background:#f7f9fc;color:#506079;position:sticky;top:0}.record-list{display:grid;gap:10px}.record-list article{padding:12px;border:1px solid #dfe5ee;border-radius:10px;background:#fbfcfe}.record-list article>div{display:grid;gap:4px}.record-list small{color:#68778d}.record-list p{margin:3px 0 8px}.record-list button{justify-self:start}.ai-full{white-space:pre-wrap;overflow:auto;max-height:460px;padding:12px;margin:10px 0 0;background:#101826;color:#e9eef8;border-radius:8px}.member-tab-content h4{margin:18px 0 8px}.mobile-view-switch{display:none}
@media(max-width:760px){header{height:auto;min-height:64px;padding:12px 16px}header h1{font-size:18px}main{grid-template-columns:1fr;min-height:calc(100vh - 64px)}aside{border-right:0;border-bottom:1px solid #dce2ee}aside,#detail{padding:14px}.reply-actions{flex-direction:column;align-items:stretch}.reply-actions button{width:100%}.quick-replies{padding:10px}.quick-reply{min-width:38px}.greeting-button{display:block;margin:8px 0 0}.staff-form{grid-template-columns:1fr}.staff-form button{width:100%}.member-picker{grid-template-columns:1fr}.member-panel-head{align-items:flex-start;flex-direction:column}.member-panel-head span{text-align:left}.kv{grid-template-columns:1fr}.mobile-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:0;z-index:25;background:white;padding-bottom:10px}.mobile-mode-member .ticket-workspace{display:none}.member-panel{display:none;margin-top:4px}.mobile-mode-member .member-panel{display:block}.timeline article{max-width:92%}.member-tabs{padding:8px}.member-tab-content{padding:12px}.data-table{min-width:560px}}