.chat-shell{color:#3e2d1c;font:15px/1.6 var(--font-ui,"Microsoft JhengHei",sans-serif);background:none;border:0;border-image:url(assets/app-surfaces/GUI_common__img_info_bg_03.png) 15 15 19 15 fill / 15px / 0 stretch;padding:16px;min-width:0}.chat-shell *{box-sizing:border-box}.chat-shell :where(h2,h3){font-family:var(--font-title,"Knights APK","Microsoft JhengHei",sans-serif);color:#4d351e}.chat-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #a48a5d}.chat-toolbar :where(button,select){min-height:44px}.chat-toolbar label{display:flex;align-items:center;gap:7px;font-size:14px}.chat-shell .chat-toolbar select{width:auto;flex:0 1 160px}.chat-shell .chat-toolbar input{width:auto;flex:1 1 140px}.chat-shell :where(button){min-height:44px;padding:9px 16px;border:0;border-radius:0;color:#fff0ca;background:none;border-image:url(assets/app-surfaces/GUI_common__btn_brown.png) 12 14 28 14 fill / 14px / 0 stretch;font:700 14px/1.5 var(--font-ui);text-shadow:0 1px 1px #301a0d;cursor:pointer}.chat-shell :where(button[aria-pressed=true],button[aria-current=page],button[type=submit]){border-image-source:url(assets/app-surfaces/GUI_common__btn_orange.png);color:#fff7dc}.chat-shell button:disabled{opacity:.5;cursor:not-allowed}.chat-shell :where(button,a,input,textarea,select):focus-visible{outline:3px solid #087d96;outline-offset:3px}.chat-shell :where(input,textarea,select){min-height:44px;min-width:0;max-width:100%;padding:9px 12px;border:1px solid #a78b61;border-radius:2px;color:#3c2b19;background:#fff2d0;font:inherit}.chat-conversations{display:flex;flex-wrap:wrap;align-content:start;gap:6px;min-width:0;padding:8px;background:#c8b17e55;border:1px solid #b49761}.chat-conversations :where(button,a){display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;overflow-wrap:anywhere}.chat-conversations button{font-size:13px;padding:8px 12px}.chat-messages{list-style:none;min-width:0;height:clamp(220px,44dvh,480px);min-height:180px;max-height:60dvh;overflow:auto;overscroll-behavior:contain;scrollbar-color:#a78046 #dbc899;scrollbar-gutter:stable;margin:12px 0;padding:10px 14px;background:#f0dfb7;border:1px solid #b09567}.chat-messages :where(li,.chat-message){list-style:none;max-width:100%;padding:11px 4px;border-bottom:1px solid #bda77e;overflow-wrap:anywhere}.chat-messages :where(p){white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:#332719;font-size:15px;line-height:1.6}.chat-messages :where(small,time,.chat-time){color:#6c5b40;font-size:12px}.chat-messages :where(strong,.chat-sender){color:#81390f;font-weight:700}.chat-messages .chat-mine{background:#e5cd9480}.chat-messages .chat-system{color:#745323;background:#d7c49455}.chat-compose{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #ad9469;min-width:0}.chat-compose :where(label){flex:1 1 100%;font-weight:700;font-size:14px}.chat-compose :where(textarea){flex:1 1 260px;width:100%;min-height:76px;resize:vertical;max-height:240px}.chat-compose :where(input){flex:1 1 180px}.chat-compose button{flex:0 0 auto;min-width:84px}.chat-status{flex:1 1 100%;min-height:1.6em;margin:7px 0;color:#7d3d1a;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.chat-shell .chat-compose textarea{min-height:76px}.chat-shell>.chat-notification{margin:6px 0}.chat-shell>.chat-notification:empty,.chat-shell>.chat-conversations:empty{display:none}.chat-unread{display:inline-grid;place-items:center;min-width:20px;min-height:20px;padding:1px 5px;color:#fff5d0;background:#a72411;border:1px solid #d67d34;border-radius:10px;font:700 11px/1.3 var(--font-ui);text-shadow:none;font-variant-numeric:tabular-nums}.chat-notification{padding:12px 16px;color:#fff0cd;background:none;border:0;border-image:url(assets/app-surfaces/UI_Popup__img_popup_nonetitle_bg.png) 20 fill / 16px / 0 stretch;font:14px/1.6 var(--font-ui);overflow-wrap:anywhere}.chat-notification a{color:#ffe096}.chat-notification :where(p){margin:3px 0;color:inherit}.chat-notification button{color:#fff0cd}#appChatNotification{position:fixed;z-index:40;left:auto;right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:min(460px,calc(100vw - 24px));max-height:130px;overflow:auto;pointer-events:auto;text-decoration:none}#appChatPreview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:6px}#appChatUnread{position:absolute;right:26px;top:7px}#appConnection{display:block;margin-top:6px;font-size:11px;color:#d9cca9}@media(max-width:540px){.chat-shell{padding:12px}.chat-toolbar{gap:6px}.chat-toolbar :where(button,select){flex:1 1 auto;font-size:13px}.chat-conversations{max-height:148px;overflow:auto}.chat-conversations button{flex:1 1 130px}.chat-messages{padding:7px 10px;height:38dvh;max-height:420px}.chat-compose textarea{flex-basis:100%}.chat-compose button{margin-left:auto}}@media(max-height:480px)and (min-width:620px){.chat-messages{height:230px;max-height:65dvh}.chat-compose textarea{min-height:58px}.chat-shell{padding:12px}}@media(max-height:480px)and (min-width:620px){.chat-shell{padding:8px 12px}.chat-shell .chat-toolbar{margin:0 0 4px;padding-bottom:4px;gap:6px}.chat-shell .chat-toolbar select{flex-basis:140px}.chat-shell>.chat-notification:not(:empty){font-size:12px;line-height:1.4;margin:3px 0;padding:5px 10px}.chat-shell>.chat-conversations:not(:empty){max-height:52px;overflow:auto;padding:4px;margin:3px 0}.chat-shell .chat-messages{height:clamp(80px,22dvh,108px);min-height:80px;max-height:108px;margin:5px 0;padding:4px 10px}.chat-shell .chat-messages .chat-message{padding:5px 2px}.chat-shell .chat-messages .chat-message p{margin:3px 0;font-size:14px}.chat-shell .chat-messages .chat-message button{min-height:36px;padding:5px 12px;font-size:12px}.chat-shell .chat-compose{margin-top:4px;padding-top:4px;gap:6px;align-items:stretch}.chat-shell .chat-compose textarea{min-height:44px;height:44px;padding:8px 10px;flex-basis:260px;font-size:14px}.chat-shell .chat-compose button{min-height:44px;padding:8px 14px}.chat-shell .chat-status{font-size:12px;line-height:1.4;margin:3px 0;min-height:0}}