.tk-app { min-width: 0; }
.tk-app svg,.tk-public svg { width: 19px; height: 19px; flex-shrink: 0; }
.tk-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.tk-eyebrow { display: block; margin-bottom: 13px; color: #8b9ab3; letter-spacing: 2px; font-size: 10px; font-weight: 700; }
.tk-heading h1 { font-size: 32px; letter-spacing: -1px; margin: 0 0 12px; color: #1c2843; }
.tk-heading p { margin: 0; font-size: 12px; color: #7c8ca6; }
.tk-heading-actions,.tk-settings-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tk-toolbar { display: flex; align-items: end; gap: 15px; padding: 20px 22px; border-bottom: 1px solid #edf0f7; }
.tk-toolbar .field { margin-bottom: 0; min-width: 170px; }
.tk-toolbar .tk-search { flex: 1; }
.tk-toolbar > .btn { flex-shrink: 0; margin-bottom: 2px; }
.tk-summary { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px 22px; font-size: 11px; color: #7384a0; border-bottom: 1px solid #edf0f7; }
.tk-summary > span { display: flex; align-items: center; gap: 6px; }
.tk-summary > span:first-child { margin-right: auto; }
.tk-summary > span svg { color: #5b75df; }
.tk-split { display: grid; grid-template-columns: minmax(250px,31%) minmax(0,1fr); min-height: 460px; }
.tk-list { border-right: 1px solid #edf0f7; min-width: 0; }
.tk-list-row { width: 100%; display: block; text-align: left; padding: 17px 20px; border: 0; border-bottom: 1px solid #edf0f7; background: transparent; font: inherit; cursor: pointer; color: #536784; }
.tk-list-row:hover { background: #f7f9ff; }
.tk-list-row.is-selected { background: #eff3ff; box-shadow: inset 3px 0 #3b5ce6; }
.tk-list-row-title { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 9px; }
.tk-list-row > strong { display: block; font-size: 13px; line-height: 1.6; color: #293c5a; overflow-wrap: anywhere; }
.tk-list-row small { display: block; font-size: 10px; line-height: 1.6; color: #8796ad; margin-top: 8px; overflow-wrap: anywhere; }
.tk-list-row-facts { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 11px; overflow-wrap: anywhere; }
.tk-number { font-size: 11px; font-weight: 600; color: #8393af; }
.tk-status { display: inline-flex; align-items: center; white-space: normal; min-width: 0; overflow-wrap: anywhere; font-size: 10px; line-height: 1.5; font-weight: 600; padding: 4px 7px; border-radius: 5px; background: #edf1fc; color: #5a72bb; }
.tk-status-in_progress { background: #edf1ff; color: #3c5adc; }
.tk-status-waiting { background: #fff7e8; color: #9c6c27; }
.tk-status-resolved { background: #eaf8f2; color: #3e8b6c; }
.tk-status-closed { background: #f0f2f6; color: #7d8b9e; }
.tk-priority { font-size: 10px; color: #7d8b9e; }
.tk-priority-high { color: #ac6c24; }
.tk-priority-urgent { color: #bb3e3e; font-weight: 700; }
.tk-detail { min-width: 0; padding: 25px 27px; scroll-margin-top: 150px; }
.tk-detail-heading { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.tk-detail-heading h2 { margin: 7px 0 0; font-size: 21px; line-height: 1.5; color: #283c5a; overflow-wrap: anywhere; }
.tk-ticket-facts { display: flex; gap: 8px 13px; align-items: center; flex-wrap: wrap; margin: 12px 0 22px; font-size: 11px; line-height: 1.6; color: #8192ad; }
.tk-description { padding: 18px; background: #f8faff; border-radius: 7px; margin-bottom: 18px; }
.tk-app h3 { font-size: 13px; margin: 0 0 12px; color: #405675; }
.tk-text { font-size: 12px; line-height: 1.85; color: #58708f; white-space: pre-wrap; overflow-wrap: anywhere; }
.tk-metadata { padding: 15px 0; border-bottom: 1px solid #edf0f7; }
.tk-metadata .form-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.tk-app .field { min-width: 0; }
.tk-app .field input,.tk-app .field select,.tk-app .field textarea { width: 100%; min-width: 0; }
.tk-metadata .field { margin-bottom: 0; }
.tk-metadata .field > span { font-size: 10px; }
.tk-metadata .field select { font-size: 11px; }
.tk-metadata-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
.tk-own-actions { margin-bottom: 15px; }
.tk-attachments { padding: 24px 0; border-bottom: 1px solid #edf0f7; }
.tk-section-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.tk-section-title h3 { margin-bottom: 0; }
.tk-section-title > small { font-size: 10px; color: #8998ae; }
.tk-file-list { display: grid; gap: 8px; margin: 0 0 17px; padding: 0; list-style: none; }
.tk-file-list > li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #e7ecf6; border-radius: 6px; min-width: 0; }
.tk-file-list > li > svg { color: #6e86c9; }
.tk-file-list > li > div { flex: 1; min-width: 0; }
.tk-file-list a { font-size: 12px; overflow-wrap: anywhere; }
.tk-file-list small { display: block; font-size: 10px; color: #8a9ab1; line-height: 1.7; }
.tk-file-list p { font-size: 11px; margin: 5px 0 0; color: #7487a2; overflow-wrap: anywhere; }
.tk-conversation { padding-top: 25px; }
.tk-message { padding: 15px 17px; border: 1px solid #e9edf5; border-radius: 7px; margin-bottom: 12px; }
.tk-message header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.tk-message header strong { font-size: 11px; color: #425b7c; }
.tk-message time { font-size: 10px; margin-left: auto; color: #8b9ab1; }
.tk-message.is-internal { background: #fffbf1; border-color: #eee3c4; }
.tk-internal-label { font-size: 9px; padding: 3px 6px; border-radius: 3px; background: #f6ebcd; color: #8f6b25; }
.tk-reply { margin-top: 24px; }
.tk-app textarea { resize: vertical; }
.tk-reply-actions { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.tk-check { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #647c9d; line-height: 1.7; }
.tk-check input { width: 16px; height: 16px; flex: 0 0 16px; }
.tk-muted { font-size: 11px; line-height: 1.7; color: #8798b1; }
.tk-error,.tk-inline-error { color: #a53d3d; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.tk-error { padding: 12px 18px; background: #fff7f6; border: 1px solid #f0dcd8; border-radius: 6px; margin: 12px; }
.tk-inline-error:empty { display: none; }
.tk-loading { padding: 20px; color: #7c8eaa; font-size: 12px; }
.tk-empty { text-align: center; padding: 60px 20px; color: #8496b2; font-size: 12px; }
.tk-empty > svg { width: 37px; height: 37px; margin-bottom: 14px; color: #8aa0d5; }
.tk-empty h2 { font-size: 17px; color: #556e90; }
.tk-empty p { line-height: 1.9; }
.tk-pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 15px 9px; font-size: 10px; color: #8191aa; flex-wrap: wrap; }
.tk-dialog-backdrop { position: fixed; inset: 0; z-index: 300; background: #182a4e55; padding: 25px; overflow-y: auto; display: flex; align-items: start; justify-content: center; }
.tk-dialog { width: min(720px,100%); margin: 30px 0; padding: 25px; max-height: none; }
.tk-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.tk-dialog h2 { font-size: 19px; color: #314a6d; margin: 0; }
.tk-dialog .field { margin-bottom: 17px; }
.tk-dialog .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.tk-dialog p { font-size: 12px; color: #7187a4; line-height: 1.8; }
.tk-dialog footer { display: flex; justify-content: end; align-items: center; gap: 9px; margin-top: 22px; }
.tk-dialog .tk-check { margin: 20px 0; }
.tk-portal-link { margin-top: 20px; }
.tk-portal-link input { font-size: 11px; background: #f7f9ff; }
.tk-staged-files { margin-top: 12px; }
.tk-staged-files > div { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #627b9e; border-bottom: 1px solid #edf1f8; padding: 4px 8px; }
.tk-staged-files > div > span { flex: 1; overflow-wrap: anywhere; }
.tk-staged-files small { color: #8899b3; }
.tk-public { width: min(470px,100%); margin: 0 auto; }
.tk-portal-card { width: 100%; }
.tk-portal-card h1 { font-size: 24px; margin-bottom: 11px; }
.tk-portal-card > p { margin-bottom: 24px; font-size: 13px; color: #7a8eab; }
.tk-portal-symbol { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto 20px; border-radius: 14px; color: #4564db; background: #eef2ff; }
.tk-portal-symbol svg { width: 27px; height: 27px; }
.tk-portal-card .field { margin-bottom: 18px; }
.tk-portal-card .field > span { text-align: left; display: block; }
.tk-portal-info { font-size: 12px; line-height: 1.8; text-align: left; color: #7c91ae; margin: 18px 0; }
.tk-full { width: 100%; justify-content: center; }
.tk-code-info { display: flex; align-items: start; gap: 10px; padding: 13px 15px; background: #f5f8ff; border-radius: 7px; margin-bottom: 20px; color: #6c82a3; }
.tk-code-info svg { margin-top: 3px; }
.tk-code-info p { font-size: 12px; line-height: 1.8; text-align: left; margin: 0; overflow-wrap: anywhere; }
.tk-portal-card input[name="code"] { letter-spacing: 5px; text-align: center; font-size: 22px; }
.tk-portal-card .tk-login-link { display: block; margin-top: 24px; font-size: 12px; }
.tk-portal-options { display: grid; gap: 10px; margin: 20px 0; }
.tk-portal-options p { font-size: 12px; color: #7c91ae; margin: 0 0 5px; }
@media(max-width:1200px) { .tk-metadata .form-grid { grid-template-columns: minmax(0,1fr); } .tk-toolbar { flex-wrap: wrap; } .tk-toolbar .tk-search { flex-basis: 100%; } }
@media(max-width:900px) { .tk-split { grid-template-columns: minmax(0,1fr); } .tk-list { border-right: 0; border-bottom: 1px solid #edf0f7; max-height: 360px; overflow-y: auto; } .tk-detail { padding: 22px; } .tk-metadata .form-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .tk-app .btn,.tk-public .btn { min-height: 44px; } }
@media(max-width:600px) { .tk-heading { align-items: start; flex-direction: column; margin-bottom: 22px; } .tk-heading h1 { font-size: 28px; } .tk-heading-actions { width: 100%; } .tk-heading-actions .btn { flex: 1; justify-content: center; } .tk-toolbar { padding: 16px; gap: 12px; } .tk-toolbar .field { flex: 1; min-width: 0; } .tk-summary { padding: 12px 16px; gap: 8px; } .tk-summary > span:first-child { flex-basis: 100%; } .tk-detail { padding: 19px 16px; } .tk-detail-heading { flex-direction: column; gap: 10px; } .tk-detail-heading h2 { font-size: 19px; } .tk-metadata .form-grid,.tk-dialog .form-grid { grid-template-columns: minmax(0,1fr); } .tk-metadata-actions,.tk-reply-actions { flex-direction: column; align-items: stretch; } .tk-metadata-actions .btn,.tk-reply-actions .btn { justify-content: center; } .tk-file-list > li { padding: 10px 8px; gap: 7px; } .tk-dialog-backdrop { padding: 12px; } .tk-dialog { margin: 12px 0; padding: 20px 16px; } .tk-dialog footer .btn { flex: 1; justify-content: center; } .tk-app input,.tk-app select,.tk-app textarea,.tk-public input { font-size: 16px; min-height: 44px; } .tk-metadata .field select { font-size: 16px; } .tk-dialog footer { flex-wrap: wrap; } .tk-dialog footer .btn { white-space: normal; } .tk-public { min-width: 0; } .tk-portal-card { padding: 28px 20px; } }

.tk-assignees { min-width:0; border:1px solid #e5eaf4; border-radius:7px; padding:9px 11px; margin:0; }
.tk-assignees legend { font-size:10px; color:#7185a3; padding:0 4px; }
.tk-assignees > div { display:flex; flex-wrap:wrap; gap:8px 15px; max-height:150px; overflow-y:auto; }
.tk-assignees label { display:flex; align-items:center; gap:6px; font-size:11px; color:#526b8d; cursor:pointer; }
.tk-app .tk-assignees input { width:16px; min-height:16px; height:16px; }
.tk-metadata .tk-assignees { grid-column:1 / -1; }
.tk-own-actions { display:flex; gap:8px; flex-wrap:wrap; }

.tk-email-participants { padding:18px 0; border-bottom:1px solid #edf0f7; }
.tk-email-participants ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.tk-email-participants li { display:flex; flex-direction:column; gap:3px; padding:8px 11px; background:#f4f7fe; border-radius:6px; font-size:11px; overflow-wrap:anywhere; }
.tk-email-participants li span,.tk-email-participants li small { color:#7386a2; }
.tk-email-participants details { margin-top:12px; font-size:11px; color:#7386a2; }
.tk-email-participants summary { cursor:pointer; margin-bottom:8px; }
.tk-participant-editor { display:grid; gap:8px; margin:14px 0; max-height:340px; overflow:auto; }
.tk-participant-editor > div { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(0,1fr); align-items:center; gap:10px; padding:9px; border:1px solid #e8edf7; border-radius:6px; font-size:11px; overflow-wrap:anywhere; }
.tk-participant-editor .tk-check { margin:0; }
.tk-participant-new { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:10px; align-items:end; }
.tk-dialog .tk-participant-new .field { margin:0; }
.tk-external-label { color:#587a8f; font-size:10px; background:#edf7f8; padding:3px 6px; border-radius:4px; }
.tk-contact-summary { padding:14px 0; border-bottom:1px solid #edf0f7; }
.tk-contact-summary h3,.tk-contact-editor h3 { margin:0 0 10px; font-size:13px; }
.tk-contact-summary ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.tk-contact-summary li { display:flex; flex-direction:column; gap:3px; background:#f4f7fe; padding:8px 11px; border-radius:6px; font-size:11px; overflow-wrap:anywhere; }
.tk-contact-editor { margin:16px 0; padding:14px; border:1px solid #e5eaf4; border-radius:7px; }
.tk-contact-list { margin:0 0 10px; padding:0; list-style:none; max-height:240px; overflow:auto; }
.tk-contact-list li { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 0; border-bottom:1px solid #edf0f7; }
.tk-contact-list li > span { display:flex; flex-direction:column; gap:3px; overflow-wrap:anywhere; min-width:0; }
.tk-contact-list li small { color:#7386a2; }
.tk-contact-list li > div,.tk-contact-draft > div { display:flex; gap:6px; flex-shrink:0; }
.tk-contact-draft { padding:12px; margin:12px 0 0; border:1px solid #cbd8fb; border-radius:7px; }
.tk-contact-draft legend { font-size:12px; font-weight:600; color:#415f9c; }
.tk-contact-draft .field { margin-bottom:10px; }
.tk-detail-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.tk-conversation { padding-top:0; }
.tk-timeline { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:15px 0 8px; }
.tk-chat-day { text-align:center; font-size:10px; font-weight:600; color:#7a8ca5; padding:6px 12px; margin:4px auto; border-radius:20px; background:#f0f3f9; }
.tk-chat-event { width:fit-content; max-width:90%; min-width:180px; padding:14px 16px; border:1px solid #e1e7f1; border-radius:12px; margin:0; background:#fff; overflow-wrap:anywhere; }
.tk-chat-event.is-own { margin-left:auto; border-bottom-right-radius:3px; border-color:#d8e2ff; background:#eef3ff; }
.tk-chat-event.is-other { margin-right:auto; border-bottom-left-radius:3px; }
.tk-chat-event header { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin-bottom:8px; }
.tk-chat-event header strong { color:#38516f; font-size:11px; }
.tk-chat-event time { font-size:10px; color:#788da8; margin-left:auto; }
.tk-event-label { display:inline-block; padding:2px 6px; border-radius:4px; color:#617999; background:#eff3f9; font-size:9px; }
.tk-chat-event.is-internal { background:#fff9e9; border:2px solid #e6c875; }
.tk-internal-label { display:inline-block; max-width:100%; padding:5px 7px; margin:0 0 8px; font-size:10px; font-weight:600; line-height:1.7; background:#f5e5af; color:#725012; white-space:normal; }
.tk-chat-event .tk-description { padding:0; margin:0; background:transparent; }
.tk-chat-files { list-style:none; margin:10px 0 0; padding:0; display:grid; gap:8px; }
.tk-chat-files > li { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid #dce4f1; background:#ffffffb8; border-radius:7px; min-width:0; }
.tk-chat-files > li > div { flex:1; min-width:0; }
.tk-chat-files a { font-size:12px; overflow-wrap:anywhere; }
.tk-chat-files small { display:block; font-size:10px; line-height:1.7; color:#7b8faa; }
.tk-chat-files p { font-size:11px; line-height:1.7; margin:5px 0 0; }
.tk-file-private-label { color:#8a6219!important; font-weight:600; }
.tk-reply { margin:22px 0 0; padding:18px; border:1px solid #dfe6f3; border-radius:10px; background:#f8faff; }
.tk-reply.is-internal { border:2px solid #e6c875; background:#fffbef; }
.tk-reply > .tk-section-title { align-items:flex-start; }
.tk-reply .field { margin-bottom:12px; }
.tk-reply .tk-attachments { padding:0 0 15px; border:0; }
.tk-upload-privacy { display:block; margin-top:8px; color:#7487a0; font-size:11px; line-height:1.7; }
.tk-reply-files { list-style:none; padding:0; margin:0 0 12px; display:grid; gap:8px; }
.tk-reply-files > li { display:flex; align-items:flex-start; gap:8px; border:1px solid #e1e7f1; background:#fff; padding:10px; border-radius:6px; min-width:0; }
.tk-reply-files > li > div { flex:1; min-width:0; }
.tk-reply-files strong { display:block; font-size:12px; overflow-wrap:anywhere; }
.tk-reply-files small { display:block; font-size:10px; line-height:1.8; color:#7c8fa9; }
.tk-reply-files label { display:block; margin-top:7px; font-size:10px; color:#7487a0; }
.tk-reply-files input { margin-top:4px; padding:6px 8px; width:100%; }
.tk-ticket-settings { margin-top:25px; padding-top:20px; border-top:1px solid #e6ebf4; }
.tk-ticket-settings > summary { font-size:12px; font-weight:600; cursor:pointer; color:#5d7494; margin-bottom:8px; }
.tk-readonly-notice { margin:18px 0; padding:14px; background:#f6f8fc; border-radius:7px; }
@media(max-width:600px) { .tk-chat-event { max-width:95%; min-width:0; padding:12px; }.tk-chat-event header { align-items:flex-start; }.tk-chat-event time { margin-left:0; flex-basis:100%; }.tk-chat-files > li { flex-wrap:wrap; }.tk-chat-files > li > div { flex-basis:calc(100% - 35px); }.tk-chat-files .btn { min-height:36px; padding:6px 8px; }.tk-reply { padding:13px; }.tk-reply .wr-upload-prompt { flex-wrap:wrap; }.tk-detail-heading-actions { justify-content:flex-start; }.tk-reply-files > li { flex-wrap:wrap; }.tk-reply-files > li > div { flex-basis:100%; } }
@media(max-width:600px) { .tk-participant-editor > div,.tk-participant-new { grid-template-columns:minmax(0,1fr); } }

/* Public responsibility is separate from assignment and private notes. */
.tk-workflow{display:grid;grid-template-columns:minmax(135px,180px) minmax(0,1fr);gap:14px;margin:17px 0 20px;padding:15px;border:1px solid #dae4f6;border-radius:9px;background:#f7f9ff;align-items:start}.tk-workflow-customer{background:#fffaf0;border-color:#eddfb8}.tk-workflow-closed{background:#f2faf7;border-color:#d5e8df}.tk-workflow-current{display:flex;flex-direction:column;gap:4px;min-width:0}.tk-workflow-current small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7890b0}.tk-workflow-current strong{font-size:14px;color:#24446e;overflow-wrap:anywhere}.tk-workflow-current>span{font-size:10px;line-height:1.5;color:#6d819e}.tk-workflow form{min-width:0}.tk-workflow-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.tk-workflow-controls .field{flex:1 1 190px;min-width:0;margin:0}.tk-workflow-controls select{width:100%;min-width:0;font-size:11px}.tk-workflow-controls>.btn{flex:none;min-height:34px}.tk-workflow .tk-inline-error:empty{display:none}.tk-workflow-private-hint,.tk-new-workflow-hint{font-size:11px;line-height:1.7;color:#7a682d;background:#fff7dc;padding:9px 11px;border-radius:5px;margin:0 0 12px}.tk-new-workflow-hint{color:#60789e;background:#f2f6ff}.tk-status-event{align-self:center;display:flex;flex-direction:column;gap:4px;max-width:100%;margin:7px auto;padding:7px 12px;border:1px solid #e2e8f3;border-radius:15px;background:#f8faff;color:#6a7d9a;text-align:center;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.tk-status-event time{font-size:9px;color:#8a9bb5}.tk-toolbar>[data-ticket-next-filter]{min-width:0}.tk-reply [data-ticket-reply-next]{max-width:100%}@media(max-width:700px){.tk-workflow{grid-template-columns:minmax(0,1fr)}.tk-workflow-current{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:5px 10px}.tk-workflow-current>span{flex-basis:100%}.tk-toolbar{flex-wrap:wrap}.tk-toolbar>.field{min-width:0;flex:1 1 160px}.tk-workflow-controls .field{flex-basis:100%}}@media(max-width:400px){.tk-workflow{padding:11px}.tk-workflow-controls>.btn{flex:1 1 100px;white-space:normal}}

/* Ticket removal is an explicit compact confirmation, preserving unsent drafts on cancel. */
.tk-delete-confirmation{margin:18px 0;padding:16px;border:1px solid #eababa;border-radius:8px;background:#fff7f6;color:#744c50;overflow-wrap:anywhere}.tk-delete-confirmation h3{color:#983c44;margin:0 0 8px}.tk-delete-confirmation>strong{display:block;font-size:13px}.tk-delete-confirmation>p{font-size:12px;line-height:1.75;margin:10px 0}.tk-delete-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:13px}@media(max-width:600px){.tk-delete-confirmation{padding:13px}.tk-delete-actions>.btn{flex:1 1 120px;justify-content:center;white-space:normal}}