/* Welcome coach marks, notification stack and chat creation — October 2026. */
dialog.welcome-tour{position:fixed!important;inset:0!important;transform:none!important;zoom:calc(1 / var(--triq-fit-scale,1));margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;color:#17344e}
dialog.welcome-tour::backdrop{background:transparent}
dialog.welcome-tour:not([open]){display:none!important}
.welcome-tour .tour-spotlight{position:absolute;border:2px solid #7ce3d9;border-radius:12px;box-shadow:0 0 0 100vmax rgba(15,33,64,.78);pointer-events:none}
.welcome-tour.tour-no-target{background:rgba(15,33,64,.78)!important}
.welcome-tour .tour-card{position:absolute;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #d7e4ed;border-radius:18px;background:#fff;box-shadow:0 16px 50px #09223830;text-align:start;font:14px/1.55 system-ui,sans-serif}
.welcome-tour .tour-progress{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #9ce8df;border-radius:24px;background:#e7fbf7;color:#19535c;font-size:12px;font-weight:650}
.welcome-tour h2{margin:16px 0 8px;font-size:18px;line-height:1.35;color:#122c46}
.welcome-tour p{margin:0;color:#526478;font-size:14px;line-height:1.65}
.welcome-tour footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}
.welcome-tour .btn{min-height:40px;padding:8px 14px;border-radius:9px;font-size:14px}
.welcome-tour .tour-error:not(:empty){margin-top:12px;color:#a52b33}
.welcome-tour .tour-pointer{position:absolute;z-index:1;width:14px;height:14px;background:#fff;transform:rotate(45deg);pointer-events:none}
/* A crisp target outline and shaded surround keep the intended control obvious. */
.triq-message-stack,.triq-centered-messages,.triq-live-notifications{top:var(--triq-message-top-gap,max(16px,env(safe-area-inset-top,0px)))!important;bottom:auto!important}
.triq-centered-message,.triq-live-notifications .triq-notification-toast{padding:16px 45px 16px 18px;background:rgba(246,251,255,.86)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-color:rgba(91,125,158,.3);box-shadow:0 12px 35px #163a6029;text-align:start}
.triq-centered-message[data-kind=success]{background:rgba(237,251,243,.87)!important}
.triq-message-title{display:block;margin:0 0 5px;font-size:14px;font-weight:700;color:#163d58}
.triq-centered-message p,.triq-notification-toast p{font-size:13px;line-height:1.55}
.triq-notification-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px}
.triq-notification-footer time{font-size:11px;color:#536a80;white-space:nowrap}
.triq-notification-footer .btn{font-size:12px;min-height:32px;padding:5px 9px;background:#fff9}
body #app .o-chat-workspace:not(.o-ticket-chat){grid-template-columns:minmax(405px,34%) minmax(0,1fr)}
body #app .o-chat-filters{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:3px;padding:4px;background:#f0f4f9;border-radius:10px;overflow:visible!important;max-width:100%;box-sizing:border-box}
body #app .o-chat-filters .btn{flex:1 1 auto;min-width:0;min-height:36px;padding:7px 6px;font-size:12px;line-height:1.25;white-space:nowrap!important;border:0;border-radius:7px;background:transparent;text-align:center;overflow:visible;text-overflow:clip}
body #app .o-chat-filters .btn.selected{background:#0a5ad4;color:#fff;box-shadow:0 2px 6px #084dbb20}
body #app .o-chat-welcome{padding:28px 22px;min-width:0;overflow:auto;justify-content:center}
body #app .o-chat-welcome:has(.chat-create-panel){justify-content:flex-start}
body #app .chat-start-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;margin:12px 0}
body #app .chat-start-actions .btn{white-space:nowrap;min-height:40px}
body #app .chat-create-panel{box-sizing:border-box;width:100%;max-width:620px;padding:20px;border:1px solid #d8e3ef;border-radius:14px;background:#fff;text-align:start;box-shadow:0 8px 24px #0c34500c}
body #app .chat-create-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body #app .chat-create-panel>header h3{margin:0;font-size:17px}
body #app .chat-create-panel>.card{padding:0;border:0;box-shadow:none;margin:14px 0}
body #app .chat-create-panel .fields{display:block}
body #app .chat-create-panel .fields .field{margin-bottom:12px}
body #app .chat-create-panel fieldset{max-height:220px;overflow:auto;border:1px solid #dbe5ee;border-radius:10px;padding:8px 12px;margin:14px 0 8px;min-width:0}
body #app .chat-create-panel .check{display:flex;align-items:center;gap:10px;padding:9px 3px;border-bottom:1px solid #edf2f7;cursor:pointer}
body #app .chat-create-panel .check input{flex:0 0 18px;width:18px;height:18px;margin:0}
body #app .chat-create-panel .check span{min-width:0;overflow-wrap:anywhere}
body #app .chat-create-panel .check small{display:block;color:#65778c;font-size:11px}
body #app .chat-create-panel .notice{font-size:12px;line-height:1.5;padding:10px 12px}
body #app .chat-create-panel .form-footer{display:flex;justify-content:flex-end;padding-top:12px;gap:10px}
body #app .chat-create-panel .form-footer>.help{display:none}
body #app .chat-create-panel .chat-selected-count{font-size:12px;color:#46617a;margin:8px 0}
body #app .chat-department-create{border-top:1px solid #e1e8f1;padding-top:14px;margin-top:18px}
body #app .chat-department-create>summary{cursor:pointer;font-weight:650;font-size:13px}
.triq-translation-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:26px;border:1px solid #d2dfec;border-radius:16px;zoom:calc(1 / var(--triq-fit-scale,1))}
.triq-translation-dialog form{display:grid;gap:22px;margin:0}
.triq-translation-dialog label{display:grid;gap:12px;font-size:14px;line-height:1.5;font-weight:600;color:#243d58}
.triq-translation-dialog select{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #cbd9e7;border-radius:9px;padding:10px 12px;font-size:14px;background:#fff}
.triq-translation-dialog .translation-actions{display:flex;justify-content:flex-end;gap:10px}
.triq-translation-dialog .btn{min-height:40px;padding:9px 18px}
@media(prefers-reduced-transparency:reduce){.triq-centered-message,.triq-live-notifications .triq-notification-toast{background:#f7fbff!important}}