.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.visible {
    visibility: visible
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.left-0\.5 {
    left: 0.125rem
}
.top-0\.5 {
    top: 0.125rem
}
.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem
}
.mb-2 {
    margin-bottom: 0.5rem
}
.ml-3 {
    margin-left: 0.75rem
}
.mt-0\.5 {
    margin-top: 0.125rem
}
.mt-1 {
    margin-top: 0.25rem
}
.mt-2 {
    margin-top: 0.5rem
}
.mt-3 {
    margin-top: 0.75rem
}
.mt-4 {
    margin-top: 1rem
}
.block {
    display: block
}
.flex {
    display: flex
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.h-4 {
    height: 1rem
}
.h-5 {
    height: 1.25rem
}
.w-10 {
    width: 2.5rem
}
.w-4 {
    width: 1rem
}
.w-full {
    width: 100%
}
.max-w-2xl {
    max-width: 42rem
}
.max-w-3xl {
    max-width: 48rem
}
.translate-x-5 {
    --tw-translate-x: 1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}
.animate-spin {
    animation: spin 1s linear infinite
}
.cursor-pointer {
    cursor: pointer
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.items-center {
    align-items: center
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.gap-1 {
    gap: 0.25rem
}
.gap-1\.5 {
    gap: 0.375rem
}
.gap-2 {
    gap: 0.5rem
}
.gap-3 {
    gap: 0.75rem
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.rounded {
    border-radius: var(--app-radius, 0.25rem)
}
.rounded-full {
    border-radius: 9999px
}
.rounded-lg {
    border-radius: var(--app-radius-card, 0.5rem)
}
.rounded-md {
    border-radius: var(--app-radius-control, 0.375rem)
}
.rounded-sm {
    border-radius: var(--app-radius-sm, 0.125rem)
}
.border {
    border-width: 1px
}
.border-t {
    border-top-width: 1px
}
.border-amber-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--app-border-amber-200, 253 230 138) / var(--tw-border-opacity, 1))
}
.border-klei-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--app-border-klei-100, 244 228 210) / var(--tw-border-opacity, 1))
}
.border-steen-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--app-border-steen-200, 229 232 229) / var(--tw-border-opacity, 1))
}
.bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-amber-50, 255 251 235) / var(--tw-bg-opacity, 1))
}
.bg-inkt-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-inkt-700, 33 62 99) / var(--tw-bg-opacity, 1))
}
.bg-klei-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-klei-50, 250 241 229) / var(--tw-bg-opacity, 1))
}
.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-primary-600, 43 78 124) / var(--tw-bg-opacity, 1))
}
.bg-steen-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-steen-300, 200 204 200) / var(--tw-bg-opacity, 1))
}
.bg-steen-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-steen-50, 250 250 247) / var(--tw-bg-opacity, 1))
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-white, 255 255 255) / var(--tw-bg-opacity, 1))
}
.p-2 {
    padding: 0.5rem
}
.p-2\.5 {
    padding: 0.625rem
}
.p-3 {
    padding: 0.75rem
}
.p-5 {
    padding: 1.25rem
}
.p-8 {
    padding: 2rem
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.pt-4 {
    padding-top: 1rem
}
.text-center {
    text-align: center
}
.font-mono {
    font-family: var(--app-font-mono, "JetBrains Mono", "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace)
}
.font-serif {
    font-family: var(--app-font-heading, "Source Serif 4", "Source Serif Pro", Newsreader, Georgia, "Times New Roman", serif)
}
.text-\[11px\] {
    font-size: 11px
}
.text-h5 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.005em
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.font-medium {
    font-weight: 500
}
.font-semibold {
    font-weight: 600
}
.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-green-700, 21 128 61) / var(--tw-text-opacity, 1))
}
.text-klei-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-klei-700, 148 79 38) / var(--tw-text-opacity, 1))
}
.text-mosgroen-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-mosgroen-700, 58 91 68) / var(--tw-text-opacity, 1))
}
.text-perkament-50 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-perkament-50, 248 244 237) / var(--tw-text-opacity, 1))
}
.text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-primary-500, 62 93 135) / var(--tw-text-opacity, 1))
}
.text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-primary-600, 43 78 124) / var(--tw-text-opacity, 1))
}
.text-steen-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-steen-400, 144 152 160) / var(--tw-text-opacity, 1))
}
.text-steen-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-steen-500, 107 114 128) / var(--tw-text-opacity, 1))
}
.text-steen-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-steen-700, 53 60 70) / var(--tw-text-opacity, 1))
}
.text-steen-800 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-steen-800, 35 42 51) / var(--tw-text-opacity, 1))
}
.text-steen-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-steen-900, 20 24 31) / var(--tw-text-opacity, 1))
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-white, 255 255 255) / var(--tw-text-opacity, 1))
}
.text-wijnrood-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--app-text-wijnrood-700, 109 37 48) / var(--tw-text-opacity, 1))
}
.shadow {
    --tw-shadow: var(--app-shadow-DEFAULT, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1));
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.hover\:bg-inkt-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-inkt-800, 26 48 77) / var(--tw-bg-opacity, 1))
}
.disabled\:opacity-50:disabled {
    opacity: 0.5
}
@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
.bird-phone-root{--phone-ink:#192d40;--phone-muted:#6d7c8a;--phone-border:#e2e8ed;--phone-green:#2f705c;color:var(--phone-ink);font:14px/1.5 Inter,system-ui,sans-serif}
.bird-phone-root *{box-sizing:border-box}
.bird-phone-root button,.bird-phone-root input,.bird-phone-root select{font:inherit;letter-spacing:normal;text-transform:none}
.bird-phone-root button{cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.bird-phone-root button:disabled{cursor:not-allowed;opacity:.42}
.bird-phone-root button:focus-visible,.bird-phone-root input:focus-visible,.bird-phone-root select:focus-visible{outline:3px solid #8fb7d7;outline-offset:2px}
.phone-workspace-backdrop{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:#172c405c;backdrop-filter:blur(5px)}
.bird-phone-root .phone-workspace[data-app-dialog]{display:flex;flex-direction:column;width:min(920px,100%);height:min(760px,calc(100dvh - 40px));max-width:920px;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;background:#fff;border:1px solid #cbd6df;border-radius:18px;box-shadow:0 18px 65px #14293b29;color:var(--phone-ink);outline:none}
.phone-workspace-header{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:19px 22px;background:#fff;border-bottom:1px solid var(--phone-border)}
.phone-header-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e9f1f5;color:#244e6d}
.phone-workspace-header h2{font:700 20px/1.3 Inter,system-ui,sans-serif;margin:0;letter-spacing:-.4px;color:var(--phone-ink)}
.phone-workspace-header p{margin:3px 0 0;font-size:12px;color:var(--phone-muted)}
.phone-header-button{display:grid;place-items:center;width:32px;height:34px;padding:0;color:#65788b;background:transparent;border:0;border-radius:8px}
.phone-header-button:hover{background:#edf2f5}
.phone-availability{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:600;color:#8c7350;background:#faf5ed;padding:5px 9px;border-radius:20px;white-space:nowrap}
.phone-availability.is-ready{color:#35735c;background:#eaf4ee}
.phone-availability i,.phone-status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}
.phone-workspace-body{display:grid;grid-template-columns:210px minmax(0,1fr);flex:1;min-height:0}
.phone-sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 14px 18px;background:#f5f7f8;border-right:1px solid var(--phone-border);min-width:0}
.phone-sidebar nav{display:flex;flex-direction:column;gap:5px}
.phone-sidebar nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#65778a;text-align:left;border-radius:10px;padding:13px 15px;font-weight:500;min-width:0}
.phone-sidebar nav button:hover{background:#ebf0f3}
.phone-sidebar nav button[aria-current=page]{background:#fff;color:#204c6d;border-color:#dce5eb;box-shadow:0 2px 4px #1f3b4d06;font-weight:650}
.phone-sidebar nav i{width:5px;height:5px;border-radius:50%;background:#3f7b69;margin-left:auto}
.phone-line-card{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--phone-border);padding:22px 12px 0;font-size:12px;overflow-wrap:anywhere}
.phone-line-card strong{font-size:12px;font-weight:600}
.phone-line-card>span:not(.phone-eyebrow){font-variant-numeric:tabular-nums;color:#47647b;white-space:nowrap}
.phone-line-card small{display:flex;align-items:center;gap:5px;color:#4a816b;font-size:10px}
.phone-sidebar-note{margin-top:auto;display:flex;gap:8px;padding:0 10px;color:#8997a3;font-size:10px}
.phone-sidebar-note p{margin:0}
.phone-sidebar-note svg{flex-shrink:0;margin-top:2px}
.phone-workspace-content{min-width:0;overflow-y:auto;overscroll-behavior:contain;background:#fff}
.phone-workspace-content [hidden]{display:none!important}
.phone-workspace-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid var(--phone-border);font-size:10px;color:#80909d;flex-shrink:0;min-height:45px}
.phone-workspace-footer>span{display:flex;align-items:center;gap:6px}
.phone-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.3px;margin:0;color:#8493a1}
.phone-dial{max-width:400px;margin:0 auto;padding:27px 24px 16px;text-align:center}
.phone-avatar{display:grid;place-items:center;margin:0 auto 14px;width:62px;height:62px;background:#eef3f7;color:#6b8ba3;border:1px solid #e5edf2;border-radius:50%}
.phone-avatar.is-live{background:#e8f5ee;border-color:#b7dac9;color:#337e60}
.phone-dial h3{font:650 21px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.5px;color:var(--phone-ink);margin:8px 0;overflow-wrap:anywhere}
.phone-number-label input{width:100%;text-align:center;font:500 25px/1.3 Inter,system-ui,sans-serif;color:var(--phone-ink);letter-spacing:.4px;padding:12px 4px 8px;border:0;border-bottom:1px solid var(--phone-border);background:#fff;border-radius:0;box-shadow:none}
.phone-number-label input::placeholder{font-size:21px;color:#b6bfc8}
.phone-number-label input:disabled{color:var(--phone-ink);opacity:1;background:#fff}
.phone-call-status{display:flex;align-items:center;justify-content:center;gap:7px;color:#8b9aa7;font-size:11px;margin:12px 0 14px}
.phone-call-status.is-live{color:#34775b}
.phone-call-status strong{font-variant-numeric:tabular-nums;margin-left:5px}
.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:300px;margin:0 auto}
.phone-keypad button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:53px;padding:5px;border:1px solid #e5ebef;border-radius:11px;color:#304d64;background:#fafbfc;box-shadow:none}
.phone-keypad button:hover{background:#edf3f6;border-color:#a8c1d4}
.phone-keypad span{font-size:22px;line-height:1.25;font-weight:500}
.phone-keypad small{font-size:8px;letter-spacing:2px;color:#94a3af;min-height:12px}
.phone-call-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin:18px auto 12px}
.bird-phone-root .phone-call-button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:155px;min-height:48px;border:0;border-radius:25px;background:var(--phone-green);color:#fff;font-weight:650;padding:12px 22px;box-shadow:none}
.bird-phone-root .phone-call-button:hover{background:#255b49}
.bird-phone-root .phone-call-button.is-end{background:#ab344c}
.bird-phone-root .phone-call-button.is-end:hover{background:#8f263d}
.phone-round-button{display:grid;place-items:center;width:40px;height:40px;background:#f7f9fa;border:1px solid var(--phone-border);border-radius:50%;color:#7990a2;padding:0}
.phone-round-button.is-muted{background:#fff0eb;color:#ac5d3c;border-color:#efd2c3}
.phone-hint{color:#8c99a5;font-size:11px;line-height:1.65;margin:13px 0 0}
.phone-text-link{display:inline-flex;gap:5px;align-items:center;background:none;border:0;color:#3f6e8d;font-size:11px;padding:2px}
.phone-error{font-size:12px;line-height:1.6;background:#fff3f2;border:1px solid #f0d7d4;color:#a04246;padding:10px 12px;border-radius:9px;margin:10px 0}
.phone-warning{font-size:12px;background:#fff7e8;color:#85652e;padding:12px 18px;display:flex;justify-content:space-between;gap:10px}
.phone-warning button{border:0;background:transparent;text-decoration:underline;white-space:nowrap}
.phone-list-panel{padding:27px 28px;min-width:0}
.phone-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}
.phone-section-title h3{font:650 22px/1.4 Inter,system-ui,sans-serif;color:var(--phone-ink);margin:4px 0 0;letter-spacing:-.5px}
.phone-icon-button{display:grid;place-items:center;width:33px;height:33px;background:transparent;border:1px solid transparent;color:#8a9baa;border-radius:8px;padding:0;flex-shrink:0}
.phone-icon-button:hover,.phone-icon-button.is-selected{background:#edf3f7;border-color:#d7e4ed;color:#386783}
.phone-icon-button.is-favourite{color:#b3872a;background:#fdf8e9}.phone-icon-button.is-favourite svg{fill:#e8cc75}
.phone-search{display:flex;gap:10px;align-items:center;border:1px solid #dce5eb;border-radius:10px;background:#fafcfd;padding:11px 13px;color:#91a1ae}
.phone-search input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--phone-ink);font-size:12px;outline:none;box-shadow:none}
.phone-list-caption{font-size:10px;color:#8c9ba8;line-height:1.7;margin:12px 0 18px}
.phone-contact{border:1px solid var(--phone-border);border-radius:11px;padding:13px 14px;margin:10px 0;overflow:hidden}
.phone-contact-heading{display:flex;align-items:center;gap:10px;min-width:0}
.phone-contact-heading>div{flex:1;min-width:0}.phone-contact-heading h4{font:600 13px/1.4 Inter,system-ui,sans-serif;margin:0;overflow-wrap:anywhere;color:var(--phone-ink)}
.phone-contact-heading p{margin:3px 0;font-size:10px;color:#91a0ad}
.phone-person-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;background:#eef3f6;color:#7391a5}
.phone-contact-number{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin:10px 0 0;padding:9px 10px;border:1px solid #edf1f4;border-radius:8px;color:#41647b;background:#f9fbfc;font-size:13px}
.phone-contact-number:hover{background:#edf5f4;border-color:#b9d6cc}.phone-contact-number small{display:block;color:#99a5b0;font-size:9px}
.phone-contact-no-number{margin:10px 0 0;font-size:11px;color:#a2adb6}
.phone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;min-height:200px;padding:24px 15px;color:#a3b1bd;font-size:12px}
.phone-empty strong{font-weight:500;color:#627c91}.phone-empty p{margin:0;max-width:290px;line-height:1.7}
.phone-filter-row{display:flex;gap:5px;background:#f1f5f7;padding:4px;border-radius:9px}
.phone-filter-row button{flex:1;border:0;border-radius:7px;background:transparent;color:#879baa;font-size:11px;padding:7px 5px;white-space:nowrap}
.phone-filter-row button[aria-pressed=true]{color:#315d7b;background:#fff;box-shadow:0 1px 3px #1d3e4d10}
.phone-history-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f4;font-size:12px}
.phone-history-row>div{flex:1;min-width:0}.phone-history-row strong{font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.phone-history-row p,.phone-history-row small{font-size:10px;margin:3px 0;color:#94a2ad}
.phone-person-icon.is-answered{color:#568c74;background:#edf6f0}.phone-person-icon.is-unanswered{color:#b78063;background:#faf1eb}
.phone-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;border:1px solid #dce5eb;border-radius:8px;background:#fff;color:#57778f;font-size:11px;padding:7px 12px;white-space:nowrap}
.phone-secondary:hover{background:#f1f6f8}.phone-wide{width:100%}
.phone-audio-card{padding:18px 19px;border:1px solid var(--phone-border);border-radius:12px;margin:14px 0;background:#fbfcfd}
.phone-audio-card h4{display:flex;align-items:center;gap:9px;font:600 14px/1.5 Inter,system-ui,sans-serif;color:#41647d;margin:0 0 16px}
.phone-audio-card label{display:block;font-size:11px;color:#899aa7;margin:12px 0}
.phone-audio-card select{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid #dce5eb;border-radius:8px;background:#fff;color:#4b667c;font-size:12px;margin-top:7px;text-overflow:ellipsis}
.phone-audio-card .phone-hint{font-size:10px}.phone-volume strong{float:right;color:#48718e}.phone-volume input{width:100%;margin:13px 0 0;accent-color:#4a7d91}
.phone-meter{height:8px;background:#e1eae8;border-radius:20px;margin:15px 0;overflow:hidden}.phone-meter span{display:block;height:100%;background:#4e9d7c;transition:width 80ms}
.phone-success{display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#4d846d;margin:12px 0 0}.phone-success svg{flex-shrink:0;margin-top:2px}
.phone-mini{position:fixed;z-index:500;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #c6d9d4;border-radius:15px;box-shadow:0 5px 28px #1b3a4a1c;max-width:calc(100vw - 24px);color:var(--phone-ink)}
.phone-mini-main{display:flex;align-items:center;gap:11px;min-width:0;background:none;border:0;text-align:left;padding:0;color:var(--phone-ink)}
.phone-mini-main>span:nth-child(2){min-width:0}.phone-mini-main strong{display:block;font-size:12px;font-weight:600;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-mini-main small{display:block;font-size:10px;color:#7b9690}
.phone-mini-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf3f6;color:#668598}.phone-mini-icon.is-live{background:#e2f1e9;color:#397a5d}
.phone-mini-end{display:grid;place-items:center;border:0;background:#aa354c;color:white;width:37px;height:37px;border-radius:50%;padding:0}
.phone-danger{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid #edd3d6;border-radius:8px;padding:8px 11px;background:#fff1f3;color:#a0394b;font-size:11px;white-space:nowrap}
.phone-close-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 20px;background:#fff6ed;color:#8e6745;font-size:12px;border-bottom:1px solid #f1e3d4}.phone-close-confirm>span{flex:1}
.phone-line-state{display:flex;gap:8px;align-items:center;color:#6f8798;font-size:11px;line-height:1.6}
.phone-company-picker{padding:12px 22px;background:#f2f7f8;border-bottom:1px solid var(--phone-border);flex-shrink:0}
.phone-company-picker label{display:flex;align-items:center;gap:9px;font-size:11px;color:#41647b;flex-wrap:wrap}.phone-company-picker select{flex:1;min-width:170px;max-width:100%;border:1px solid #c7d9df;border-radius:8px;background:white;padding:8px;color:#204b64;font-size:12px;font-weight:600}.phone-company-picker small{display:block;font-size:10px;color:#738795;margin-top:6px}.phone-company-picker p{font-size:11px;margin:6px 0;color:#916533}
.phone-line-chooser{background:white;border:1px solid #cbd6df;border-radius:16px;padding:24px;width:min(540px,100%);max-height:calc(100dvh - 40px);overflow:auto;color:var(--phone-ink)}.phone-line-chooser header{display:flex;align-items:center;gap:10px}.phone-line-chooser h2{font-size:18px;margin:0;flex:1}.phone-line-chooser header button{border:0;background:none;color:#718592;padding:4px}.phone-line-chooser>p{font-size:12px;line-height:1.7;color:#778a99}.phone-line-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;margin:12px 0;border:1px solid #d8e4e8;border-radius:10px;background:#f7fafb;color:#355b73}.phone-line-option strong{display:block;font-size:14px}.phone-line-option small{display:block;font-size:12px;margin-top:3px;color:#7992a3}
@media(min-width:651px){.phone-company-picker~.phone-workspace-body .phone-dial{padding-top:18px}.phone-company-picker~.phone-workspace-body .phone-avatar{width:46px;height:46px;margin-bottom:10px}.phone-company-picker~.phone-workspace-body .phone-keypad{gap:7px}.phone-company-picker~.phone-workspace-body .phone-keypad button{min-height:44px}.phone-company-picker~.phone-workspace-body .phone-call-controls{margin-top:13px;margin-bottom:8px}}
@media(max-width:650px){.phone-workspace-backdrop{padding:10px}.bird-phone-root .phone-workspace[data-app-dialog]{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.phone-workspace-header{gap:9px;padding:14px}.phone-header-icon{width:34px;height:36px}.phone-workspace-header h2{font-size:17px}.phone-workspace-header p{font-size:10px;max-width:180px}.phone-availability{font-size:0;padding:6px}.phone-workspace-body{display:flex;flex-direction:column}.phone-sidebar{padding:8px 10px;gap:0;border-right:0;border-bottom:1px solid var(--phone-border);flex-shrink:0}.phone-sidebar nav{flex-direction:row;gap:4px}.phone-sidebar nav button{flex:1;flex-direction:column;justify-content:center;gap:4px;padding:9px 4px;border-radius:8px;font-size:10px}.phone-sidebar nav i{display:none}.phone-line-card,.phone-sidebar-note{display:none}.phone-workspace-content{flex:1}.phone-workspace-footer{padding:10px 13px;font-size:9px}.phone-workspace-footer>span:last-child{display:none}.phone-list-panel{padding:22px 18px}.phone-dial{padding:22px 20px 12px}.phone-avatar{width:47px;height:47px;margin-bottom:10px}.phone-keypad button{min-height:50px}.phone-dial h3{font-size:19px}.phone-mini{right:12px;bottom:12px}.phone-close-confirm{padding:10px}.phone-close-confirm>span{flex-basis:100%}}
@media(max-height:730px){.phone-dial{padding-top:14px}.phone-avatar{width:42px;height:42px;margin-bottom:7px}.phone-keypad{gap:6px}.phone-keypad button{min-height:43px}.phone-dial h3{font-size:18px}.phone-hint{margin-top:7px}.phone-call-controls{margin:12px 0 6px}}