.customer-phone-assignment { min-width: 0; color: #244b70; font-size: 12px; }
.native-compose-bar > .customer-phone-assignment { flex: 1 1 150px; max-width: 180px; margin-left: auto; }
.native-customer-composer:not([data-channel="sms"]) .customer-phone-assignment { display: none; }
.customer-phone-line, .customer-phone-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.customer-phone-assignment .customer-phone-line { min-height: 44px; }
.customer-phone-line > span, .customer-phone-line > details { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.customer-phone-assignment details { position: relative; }
.customer-phone-assignment summary { display: flex; align-items: center; gap: 4px; cursor: pointer; padding: 0 6px; min-height: 44px; border: 1px solid #c5d5e5; border-radius: 8px; background: #fff; list-style: none; white-space: nowrap; }
.customer-phone-assignment summary::-webkit-details-marker { display: none; }
.customer-phone-assignment summary strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.customer-phone-assignment summary::after { content: ''; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); flex: 0 0 auto; margin: 0 2px 3px auto; }
.customer-phone-sender-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.customer-phone-editor { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 8; width: min(320px, calc(100vw - 24px)); max-height: min(320px, 40dvh); overflow-y: auto; overscroll-behavior: contain; padding: 12px; border: 1px solid #c5d5e5; border-radius: 12px; background: #fff; color: #244b70; box-shadow: 0 8px 24px #173b4526; }
.customer-phone-assignment p, .customer-phone-assignment small { margin: 5px 0; line-height: 1.4; }
.customer-phone-assignment label, .customer-number-launch > label { display: grid; gap: 4px; margin: 8px 0; }
.customer-phone-assignment select, .customer-number-launch select { min-width: 0; width: 100%; max-width: 100%; padding: 8px; border: 1px solid #cdd8df; border-radius: 6px; background: #fff; color: #183b48; }
.customer-phone-editor > button { min-height: 44px; margin: 4px 8px 4px 0; }
.customer-phone-assignment select { min-height: 44px; }
.customer-phone-editor [data-number-status] { display: block; }
html[data-app-theme="dark"] .customer-phone-assignment { color: #e4f1ff; }
html[data-app-theme="dark"] .customer-phone-assignment :is(summary, .customer-phone-editor, select) { color: #e4f1ff; background: #1c2c3c; border-color: #526878; }
.customer-number-launch { min-width: 0; overflow-wrap: anywhere; }
.customer-number-launch small { display: block; margin: 8px 0; line-height: 1.5; }
.customer-number-launch .customer-phone-actions { margin-top: 12px; }
.native-customer-composer:not([data-channel="sms"]) .customer-text-files, .native-customer-composer:not([data-channel="sms"]) [data-text-attach] { display: none; }
.customer-text-files { font-size: 12px; min-width: 0; }
.customer-text-files [data-text-files] { display: flex; gap: 8px; overflow-x: auto; }
.customer-text-files [data-text-files] > div { display: flex; flex: 0 0 240px; gap: 8px; align-items: center; margin: 4px 0; padding: 6px; border: 1px solid #cdd8df; border-radius: 8px; }
.customer-text-files [data-text-files] span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.customer-text-files img, .customer-text-files video { width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; border-radius: 4px; }
.customer-text-files button { min-height: 36px; }
.customer-preferences-dialog { width: min(520px, calc(100vw - 24px)); max-height: 85dvh; overflow: auto; border: 1px solid #cdd8df; border-radius: 14px; padding: 20px; color: #183b48; background: #fff; }
.customer-preferences-dialog::backdrop { background: #0008; }
.customer-preferences-dialog section { border-top: 1px solid #cdd8df; padding: 12px 0; }
.customer-preferences-dialog summary { cursor: pointer; min-height: 44px; }
.customer-preferences-dialog summary h4 { display: inline; font-size: 16px; }
.customer-preferences-dialog [data-preferences-close] { position: sticky; top: 0; float: right; background: #fff; z-index: 1; }
.customer-preferences-dialog h4, .customer-preferences-dialog p { margin: 6px 0; }
.customer-preferences-dialog label { display: block; margin: 10px 0; }
.customer-preferences-dialog select, .customer-preferences-dialog textarea { display: block; width: 100%; max-width: 100%; padding: 8px; }
.customer-preferences-dialog button { min-height: 44px; padding: 8px 12px; }
@media (max-width: 480px) {
  .customer-number-launch .customer-phone-actions > button { flex: 1; }
}