@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url('/vendor/fonts/cairo-400.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:500;font-display:swap;src:url('/vendor/fonts/cairo-500.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url('/vendor/fonts/cairo-600.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url('/vendor/fonts/cairo-700.ttf') format('truetype')}
:root{--bs-primary:#00866a;--bs-primary-rgb:0,134,106;--lte-sidebar-width:254px;--bs-body-font-family:Cairo,"Segoe UI",sans-serif;--bs-body-color:#15263e;--bs-border-color:#e6e9ec;--bs-body-bg:#f4f7fa}
body{font-size:14px;line-height:1.7}a{text-decoration:none;color:#00866a}a:hover{color:#006c56}button,input{font:inherit}.btn{border-radius:6px;font-size:13px;font-weight:600;padding:.55rem 1rem;line-height:1.7}.btn-primary{--bs-btn-bg:#00866a;--bs-btn-border-color:#00866a;--bs-btn-hover-bg:#00765e;--bs-btn-hover-border-color:#00765e;--bs-btn-active-bg:#00604e;--bs-btn-active-border-color:#00604e;--bs-btn-disabled-bg:#00866a;--bs-btn-disabled-border-color:#00866a}.btn-light{--bs-btn-bg:#f4f7fa;--bs-btn-border-color:#e9ecef}.btn-outline-secondary{--bs-btn-color:#52616a;--bs-btn-border-color:#d8dfe3}.btn-sm{padding:.3rem .65rem;font-size:12px}.form-control{min-height:43px;font-size:13px;background:#fff;border-color:#dbe1e5;border-radius:6px}.form-control:focus{border-color:#00a884;box-shadow:0 0 0 3px #00866a15}.form-label{font-weight:600;font-size:13px;margin-bottom:9px}.form-hint{font-size:12px;color:#7e8992;margin:10px 0 22px}.text-muted{color:#7a8790!important}.app-header{border-bottom:1px solid #e5e9ed;min-height:68px;padding:0 12px}.header-caption{color:#7b8790;font-size:13px;margin-inline-start:12px}.header-account{display:flex;align-items:center;gap:13px;font-family:Cairo,"Segoe UI",sans-serif;font-size:13px;color:#56636b}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e4f8f1;color:#00765e;font-family:Cairo,"Segoe UI",sans-serif;font-weight:600;flex-shrink:0}.app-sidebar{background:#0c192f!important;color:#aebbc4;box-shadow:none!important}.sidebar-brand{height:85px;border-bottom:1px solid #ffffff0c;padding:0 22px;justify-content:flex-start}.brand-link{display:flex;gap:13px;align-items:center;justify-content:flex-start!important;padding:0!important;color:#fff!important}.brand-mark{width:37px;height:37px;border-radius:10px;background:#00be96;color:#fff;display:grid;place-items:center;font-size:23px}.brand-text{font-family:Cairo,"Segoe UI",sans-serif;font-size:24px;font-weight:600;letter-spacing:-.6px}.brand-sub{display:block;font-size:8px;letter-spacing:1.65px;color:#8da29f;font-weight:400;margin-top:-3px}.sidebar-wrapper{padding:24px 14px;display:flex;flex-direction:column;min-height:calc(100vh - 85px)}.workspace-label{font-size:11px;color:#7b8f9d;padding:0 16px 16px}.sidebar-menu .nav-link{margin-bottom:6px;padding:11px 14px;border-radius:6px;color:#b4c2cc;font-size:13px;gap:11px}.sidebar-menu .nav-link p{margin:0}.sidebar-menu .nav-link .nav-icon{font-size:17px;margin:0;width:22px}.sidebar-menu .nav-link.active{background:#ffffff0d!important;color:#fff!important;box-shadow:inset -3px 0 #00c69a}.sidebar-menu .nav-link:hover{background:#ffffff08;color:#fff}.sidebar-menu .nav-header{font-size:11px;color:#7b8f9d;margin:25px 0 9px;padding:0 16px}.sidebar-note{display:flex;gap:11px;align-items:center;border-top:1px solid #ffffff10;margin: auto 10px 0;padding-top:23px;color:#acbbbF;font-size:12px}.sidebar-note>i{font-size:21px;color:#62a990}.sidebar-note span{display:block;color:#718692;font-size:10px;margin-top:3px}.app-main{padding-bottom:32px}.app-content-header{padding:30px 28px 20px}.app-content{padding:0 28px}.app-content-header>.container-fluid,.app-content>.container-fluid{padding:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:10px;color:#8a959e;margin-bottom:10px}.page-heading h1{font-size:25px;font-weight:600;letter-spacing:-.4px;margin:0 0 8px}.page-heading p{font-size:12px;color:#7e8a93;margin:0}.app-footer{font-size:11px;background:#fff;border-top:1px solid #e6e9ec;display:flex;justify-content:space-between;padding:16px 30px;color:#55616a}.card{border:1px solid #e3e8ec;box-shadow:none;border-radius:8px;margin-bottom:0;overflow:hidden;background:#fff}.card-header{border-bottom:1px solid #edf0f2;background:#fff;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.card-title{font-size:14px;font-weight:600;float:none;margin:0}.card-subtitle{font-size:11px;color:#8b969e;margin:5px 0 0}.card-body{padding:24px}.text-link{font-size:11px;font-weight:600}.text-link i{margin-inline-start:5px}.metric-card{background:#fff;border:1px solid #e3e8ec;border-radius:8px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-card span{font-size:12px;color:#7c8891}.metric-card strong{display:block;font-family:Cairo,"Segoe UI",sans-serif;font-size:31px;line-height:1.3;font-weight:600;margin-top:10px;color:#2d3a42}.metric-icon{height:42px;width:42px;border-radius:10px;background:#f2f4f6;color:#677b88;display:grid;place-items:center;font-size:20px}.metric-icon.success{background:#edf7f1;color:#00765e}.metric-icon.warning{background:#fcf6e9;color:#b48d3b}.portal-table{margin:0;white-space:nowrap;--bs-table-bg:#fff}.portal-table thead th{background:#fafbfc;font-size:11px;color:#8c98a1;font-weight:400;padding:13px 22px;border-color:#edf0f2}.portal-table tbody td{padding:18px 22px;border-color:#edf0f2;vertical-align:middle;font-size:12px}.portal-table tbody tr:last-child td{border-bottom:0}.portal-table tbody tr:hover td{background:#fcfdfd}.instance-name{font-family:Cairo,"Segoe UI",sans-serif;font-size:13px;font-weight:600;color:#34444c;display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.time-cell{font-family:Cairo,"Segoe UI",sans-serif;color:#8a959c;font-size:11px!important}.status-badge{font-size:10px;padding:5px 10px;border-radius:5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#eff2f5;color:#72818b}.status-badge:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}.status-badge.success{background:#e4f8f1;color:#00765e}.status-badge.warning{background:#fff7e5;color:#ac8131}.status-badge.danger{background:#fcefee;color:#b95c59}.empty-state{text-align:center;padding:52px 24px 56px}.empty-icon{height:58px;width:58px;border:1px solid #e5ebe7;background:#f3f7f5;color:#719482;border-radius:14px;margin:0 auto 20px;display:grid;place-items:center;font-size:27px}.empty-state h3{font-size:17px;font-weight:600;margin-bottom:10px}.empty-state p{font-size:12px;color:#8b969e;margin-bottom:23px}.help-panel{background:#fff;border:1px solid #e3e8ec;border-radius:8px;padding:24px;display:flex;gap:16px;align-items:flex-start;height:100%}.help-panel>i{font-size:23px;color:#578778;flex-shrink:0}.help-panel h3{font-size:13px;font-weight:600;margin:2px 0 8px;color:#3d4b54}.help-panel p{font-size:11px;color:#8a969e;margin:0;line-height:1.9}.linked-panel>i:last-child{margin-inline-start:auto;font-size:17px;align-self:center}.count-label{display:inline-block;background:#f1f4f6;color:#78858f;font-family:Cairo,"Segoe UI",sans-serif;font-size:11px;padding:2px 7px;border-radius:5px;margin-inline-start:8px;font-weight:400}.search-form{display:flex;align-items:center;gap:8px;position:relative}.search-form>i{position:absolute;inset-inline-start:12px;color:#9aa4ab;font-size:12px}.search-form input{padding-inline-start:34px;min-height:37px;max-width:230px;font-size:11px}.search-form button{font-size:11px;padding:7px 13px}.user-cell{display:flex;gap:13px;align-items:center}.user-email{display:block;font-family:Cairo,"Segoe UI",sans-serif;font-size:13px;font-weight:600}.user-cell small{font-size:10px;color:#9ba4aa}.quota-number{display:inline-flex;min-width:32px;justify-content:center;border:1px solid #e6ebee;border-radius:5px;padding:2px 8px;font-family:Cairo,"Segoe UI",sans-serif}.quota-info{display:flex;justify-content:space-between;background:#f7f9fa;border:1px solid #edf0f2;border-radius:6px;padding:13px;font-size:11px;color:#7d8a93}.quota-info strong{color:#4f615d;font-size:12px}.detail-list{display:grid;grid-template-columns:1fr 1.5fr;gap:21px 12px;margin:0;font-size:12px}.detail-list dt{font-weight:400;color:#8b969e}.detail-list dd{margin:0;text-align:end;word-break:break-word;font-family:Cairo,"Segoe UI",sans-serif}.pairing-body{text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pairing-body h3{font-size:17px;margin:23px 0 10px;font-weight:600}.pairing-body p{font-size:12px}.pairing-placeholder{width:120px;height:120px;display:grid;place-items:center;border:1px dashed #cfddd6;background:#f6faf7;border-radius:16px;color:#70a18a;font-size:48px}.qr-frame{padding:18px;background:#fff;border:1px solid #e5e9ed;border-radius:12px;max-width:100%}.qr-frame img,.qr-frame canvas{max-width:100%;height:auto!important;image-rendering:pixelated}.qr-frame img{margin:auto}.pairing-help{margin-top:20px;height:auto;background:#f1f5f3;border-color:#e2eae5}.pairing-help ol{font-size:12px;color:#76877e;padding-inline-start:20px;margin:0;line-height:2.2}.api-example{background:#f6f8f9;border:1px solid #e6ecef;border-radius:6px;padding:18px;margin:24px 0}.api-example span{display:block;font-family:Cairo,"Segoe UI",sans-serif;font-size:10px;color:#96a0a8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.api-example code{color:#446357;font-size:13px}.key-warning{display:flex;gap:10px;font-size:12px;color:#8a7950;margin:22px 0}.validation-summary-valid,.field-validation-valid{display:none}.validation-box:not(.validation-summary-valid){background:#fdf0ef;color:#ad5551;border:1px solid #f2dcd9;padding:12px;border-radius:6px;margin-bottom:20px;font-size:12px}.validation-box ul{margin:0;padding-inline-start:18px}.input-validation-error{border-color:#d48b84}.alert{font-size:12px;border-radius:6px}.alert-success{background:#edf7f1;border-color:#d7e9df;color:#397b5e}
.auth-page{min-height:100vh;background:#f3f5f6;display:grid;place-items:center;padding:35px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;width:min(980px,100%);min-height:600px;border:1px solid #e0e6e7;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 15px 50px #233c3310}.auth-intro{background:#233b34;padding:45px 48px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{font-family:Cairo,"Segoe UI",sans-serif;font-size:27px;letter-spacing:-.5px;color:#fff;display:flex;align-items:center;gap:12px;width:max-content}.auth-brand:hover{color:#fff}.auth-brand i{color:#7fb59d;font-size:30px}.auth-kicker{font-size:11px;color:#9ebdaf}.auth-intro h1{font-size:35px;line-height:1.7;font-weight:600;letter-spacing:-.8px;margin:14px 0}.auth-intro p{font-size:12px;line-height:2.1;color:#a4beb2;margin-bottom:28px}.auth-feature{font-size:11px;color:#c4d4ca;margin:12px 0;display:flex;gap:13px;align-items:center}.auth-feature i{color:#7fb59d;font-size:17px}.auth-footnote{font-family:Cairo,"Segoe UI",sans-serif;font-size:10px;color:#729084;letter-spacing:.4px}.auth-form-pane{padding:70px 48px;align-self:center}.section-kicker{font-size:10px;color:#79958a}.auth-form-heading h2{font-size:25px;font-weight:600;margin:13px 0 12px}.auth-form-heading p{font-size:12px;color:#8b969e;margin-bottom:33px}.auth-form-pane .form-control{min-height:46px}.password-field{position:relative}.password-field input{padding-left:43px}.password-toggle{position:absolute;left:7px;top:4px;height:38px;width:34px;color:#91a098;background:transparent;border:0}.auth-submit{min-height:46px}.auth-alternative{text-align:center;border-top:1px solid #edf0f2;margin-top:30px;padding-top:24px;font-size:12px}.auth-alternative a{color:#73827c}*:focus-visible{outline:2px solid #00a884;outline-offset:3px}[hidden]{display:none!important}
@media(min-width:992px){.sidebar-collapse .sidebar-note{display:none}.sidebar-collapse .workspace-label{visibility:hidden}}
@media(max-width:1199px){.metric-card{padding:17px}.metric-card span{font-size:11px}}
@media(max-width:767px){.app-content-header{padding:24px 18px 18px}.app-content{padding:0 18px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:22px}.page-heading .btn{font-size:11px}.card-header{padding:17px}.card-body{padding:20px}.metric-card{padding:17px 14px}.metric-card strong{font-size:27px}.metric-icon{width:34px;height:34px;font-size:17px}.portal-table thead th,.portal-table tbody td{padding-inline:17px}.search-form{width:100%}.search-form input{max-width:none}.auth-page{padding:18px}.auth-shell{grid-template-columns:1fr;min-height:0;max-width:470px}.auth-intro{padding:24px 30px}.auth-intro>div,.auth-footnote{display:none}.auth-form-pane{padding:34px 30px}.instance-name{max-width:185px}.detail-list{grid-template-columns:1fr 1.3fr}.header-account{gap:8px}}

.webhook-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.webhook-option{display:flex;gap:12px;border:1px solid #e3e8ec;border-radius:6px;padding:16px;cursor:pointer;align-items:flex-start;background:#fff}.webhook-option:has(input:checked){border-color:#7cae9b;background:#f7fbf8}.webhook-option input{flex-shrink:0;margin-top:5px}.webhook-option strong{font-size:13px;font-weight:600;display:block}.webhook-option code{font-size:11px;color:#628176;display:block;margin:3px 0;direction:ltr;text-align:start;overflow-wrap:anywhere}.webhook-option small{display:block;font-size:11px;line-height:1.9;color:#8b969e}.form-check-input:checked{background-color:#00866a;border-color:#00866a}@media(max-width:767px){.webhook-event-grid{grid-template-columns:1fr}}

.instance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.instance-actions form{margin:0}.delete-equation{padding:18px;background:#f7f9fa;border:1px solid #e6e9ec;border-radius:6px;margin:12px 0;font:600 24px Cairo,"Segoe UI",sans-serif;text-align:center}.btn-outline-danger{--bs-btn-color:#b75d58;--bs-btn-border-color:#e5c6c3}.instance-actions .btn{white-space:nowrap}

/* Instance list: aligned columns and one compact action group. */
.instances-table{table-layout:fixed;min-width:820px}.instances-table .instance-column{width:25%}.instances-table .phone-column{width:20%}.instances-table .status-column{width:17%}.instances-table .actions-column{width:38%}
.instances-table thead th{padding:13px 18px}.instances-table tbody td{padding:20px 18px}.instances-table .session-cell{display:flex;align-items:center;gap:12px;min-width:0}.session-icon{width:36px;height:40px;border:1px solid #e7eeeb;border-radius:8px;background:#f4f8f6;color:#6b9282;display:grid;place-items:center;font-size:19px;flex-shrink:0}.session-identity{min-width:0}.instances-table .instance-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.6}.session-identity small{display:block;font:11px Cairo,"Segoe UI",sans-serif;color:#8b969e;margin-top:5px}.instances-table .session-phone{font-family:Cairo,"Segoe UI",sans-serif;font-size:13px;text-align:right;white-space:nowrap}.session-action-error{display:block;max-width:180px;white-space:normal;font-size:10px;color:#b75d58;margin-top:5px}.session-action-error:empty{display:none}.session-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.session-row-actions form{margin:0}.session-row-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;font-size:11px;line-height:1.6;white-space:nowrap;min-height:32px}.session-row-actions .btn i{font-size:12px}.instances-table .actions-column{text-align:left}
#delete-instance-modal .modal-dialog{max-width:340px;margin-inline:auto}#delete-instance-modal .modal-content{border:0;border-radius:10px;box-shadow:0 16px 48px #172c3526}#delete-instance-modal .modal-header{padding:17px 20px;border-color:#edf0f2}#delete-instance-modal .modal-title{font-size:15px;font-weight:600}#delete-instance-modal .modal-body{padding:19px 22px 24px}.delete-popup-name{font-size:12px;color:#839089;text-align:center;margin:0 0 12px;overflow-wrap:anywhere}.delete-popup-equation{font:600 29px Cairo,"Segoe UI",sans-serif;letter-spacing:2px;text-align:center;padding:18px 12px;margin-bottom:20px;border:1px solid #e6ebee;border-radius:7px;background:#f7f9fa;color:#35444c}#delete-popup-answer{text-align:center;font-family:Cairo,"Segoe UI",sans-serif;font-size:17px;min-height:46px}#delete-popup-submit{min-height:43px;background:#bd514d;border-color:#bd514d}#delete-popup-submit:hover{background:#a9413e;border-color:#a9413e}
@media(min-width:1200px) and (max-width:1550px){#instances-live>.row>.col-xl-8{width:100%}#instances-live>.row>.col-xl-4{width:100%;max-width:460px}.instances-table{min-width:820px}}
@media(max-width:575px){#delete-instance-modal .modal-dialog{margin-inline:20px;max-width:calc(100% - 40px)}.instances-table{min-width:820px}}

.instances-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.create-instance-popup{border:0;border-radius:10px}.create-instance-popup .modal-header{padding:18px 24px;border-color:#edf0f2}.create-instance-popup .modal-title{font-size:16px;font-weight:600}.create-instance-popup .modal-body{padding:24px}.create-instance-popup .form-hint{line-height:1.9}#create-instance-modal .modal-dialog{max-width:460px}@media(max-width:575px){.instances-list-toolbar{align-items:flex-start}.instances-list-toolbar .btn{white-space:nowrap}.instances-list-toolbar p{font-size:10px}.create-instance-popup .modal-body{padding:20px}}

.create-instance-popup .validated-control{position:relative}.create-instance-popup .validated-control:has(.input-validation-error)::after{content:"×";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c34f4b;font:700 22px/1 Cairo,"Segoe UI",sans-serif;pointer-events:none}.create-instance-popup .validated-control-ltr:has(.input-validation-error)::after{left:auto;right:12px}.create-instance-popup .validated-control .input-validation-error{padding-left:38px;border-color:#c34f4b;background-color:#fffafa;background-image:none}.create-instance-popup .validated-control-ltr .input-validation-error{padding-left:12px;padding-right:38px}.create-instance-popup .input-validation-error:focus{border-color:#c34f4b;box-shadow:0 0 0 3px #c34f4b15}.create-instance-popup .field-error.field-validation-error{display:block;color:#bd4845;font-size:11px;line-height:1.8;margin-top:7px}.create-instance-popup .field-error.field-validation-valid{display:none}.create-instance-popup .quota-invalid{border-color:#c34f4b;background:#fff5f4}

/* Session cards and dedicated session navigation */
.instance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;padding:24px;background:#f7f9fa}
.instance-tile{background:#fff;border:1px solid #dfe7e9;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:22px;min-width:0;transition:border-color .15s,box-shadow .15s}
.instance-tile:hover{border-color:#a6c9be;box-shadow:0 5px 18px #20352e08}
.instance-tile-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.instance-tile-heading .instance-name{font-size:17px;overflow-wrap:anywhere}
.instance-settings{position:relative;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;color:#647880;font-size:21px}.instance-settings:hover{background:#edf6f2;color:#00866a}
.settings-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);background:#203039;color:#fff;padding:5px 9px;font-size:12px;border-radius:5px}.instance-settings:hover .settings-tooltip,.instance-settings:focus-visible .settings-tooltip{display:block}
.instance-identifier{background:#f1f6f4;border:1px solid #e4ece8;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.instance-identifier code{color:#477466;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.instance-identifier a{color:#477466}
.instance-tile-account{display:flex;align-items:center;gap:12px}.instance-account-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e4f8f1;color:#00866a;font-size:25px}.instance-tile-account strong{display:block;font-size:16px;margin-top:3px}
.instance-tile-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #edf0f2;padding:16px 0;gap:8px}.instance-tile-stats>div{display:flex;align-items:center;flex-direction:column;gap:5px}.instance-tile-stats i{color:#78928a;font-size:19px}.instance-tile-stats strong{font-size:19px;font-variant-numeric:tabular-nums}.instance-tile-stats span{font-size:11px;color:#819099}
.instance-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.instance-tile .session-action-error:empty{display:none}
.instance-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:12px}.instance-summary{background:white;border:1px solid #dfe7e9;border-radius:10px;padding:25px 28px}.instance-summary>span{display:block;font-weight:600}.instance-summary i{color:#00866a;margin-inline-end:8px}.instance-summary strong{display:block;font-size:30px;margin-top:18px;font-variant-numeric:tabular-nums}
.session-back-link{display:flex;align-items:center;gap:10px;color:#a9bebd;padding:12px 14px;margin-bottom:16px;font-size:13px}.session-back-link:hover{color:white}.sidebar-session-name{font-weight:600;font-size:17px;color:#fff;margin:0 14px 26px;overflow-wrap:anywhere}.sidebar-session-name small{display:block;color:#90aaa7;font-size:12px;font-weight:400;margin-top:8px}
@media(max-width:575px){.instance-summary-grid{gap:9px}.instance-summary{padding:18px 10px}.instance-summary>span{font-size:11px}.instance-summary strong{font-size:24px}.instance-grid{padding:16px;gap:16px}}

.webhook-events-disclosure{border:1px solid #dfe7e9;border-radius:9px;margin:22px 0;background:#fff}
.webhook-events-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;list-style:none;font-weight:600;color:#30464c}
.webhook-events-disclosure summary::-webkit-details-marker{display:none}
.webhook-events-disclosure summary small{display:block;font-size:12px;font-weight:400;color:#819099;margin-top:6px}
.webhook-events-disclosure summary>span>i{color:#00866a;margin-inline-end:9px}
.events-disclosure-action{display:flex;align-items:center;gap:10px;font-size:12px;color:#00866a}.events-disclosure-action i{transition:transform .2s}
.webhook-events-disclosure[open] .events-disclosure-action i{transform:rotate(180deg)}
.webhook-events-disclosure .events-open-label{display:none}.webhook-events-disclosure[open] .events-open-label{display:inline}.webhook-events-disclosure[open] .events-closed-label{display:none}
.webhook-events-disclosure .webhook-event-grid{padding:18px 20px 0;border-top:1px solid #edf0f2}.webhook-events-disclosure>p{padding-inline:20px}
.webhook-option .form-switch{padding:0;margin:3px 0 0;min-height:24px;flex-shrink:0}.webhook-option .form-switch .form-check-input{float:none;margin:0;width:2.35em;height:1.3em;cursor:pointer}.webhook-option .form-check-input:checked{background-color:#00866a;border-color:#00866a}
.webhook-events-disclosure summary:focus-visible{outline:2px solid #00866a;outline-offset:3px;border-radius:8px}

.instance-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:8px;box-shadow:none;font-size:13px;font-weight:600}
.instance-actions .btn i{margin:0!important;font-size:16px}
.session-logout-button{--bs-btn-color:#fff;--bs-btn-bg:#b17b24;--bs-btn-border-color:#b17b24;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#96671d;--bs-btn-hover-border-color:#96671d;--bs-btn-active-color:#fff;--bs-btn-active-bg:#825919;--bs-btn-active-border-color:#825919;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#b17b24;--bs-btn-disabled-border-color:#b17b24}
.session-delete-button{--bs-btn-color:#fff;--bs-btn-bg:#bd534f;--bs-btn-border-color:#bd534f;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#a44440;--bs-btn-hover-border-color:#a44440;--bs-btn-active-color:#fff;--bs-btn-active-bg:#903b38;--bs-btn-active-border-color:#903b38}
.session-back-button{--bs-btn-color:#fff;--bs-btn-bg:#00866a;--bs-btn-border-color:#00866a;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#00765e;--bs-btn-hover-border-color:#00765e;--bs-btn-active-color:#fff;--bs-btn-active-bg:#00604e;--bs-btn-active-border-color:#00604e}

.session-owner-profile{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #edf0f2}.session-owner-picture{width:76px;height:76px;flex-shrink:0;position:relative;border-radius:50%;background:#e4f8f1;color:#00866a;display:grid;place-items:center;overflow:hidden}.session-owner-picture i{font-size:36px}.session-owner-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.session-owner-profile strong{display:block;overflow-wrap:anywhere}.session-owner-profile span{display:block;color:#819099;font-size:12px;margin-top:7px}

.session-account-name{display:flex;align-items:center;gap:7px}.session-account-name #session-account-verified{color:#2196ed;font-size:20px;flex-shrink:0}.session-account-identity{min-width:0}

.directory-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.directory-search{position:relative;min-width:260px}.directory-search>i{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:#8d9ba4}.directory-search .form-control{padding-inline-start:38px}.directory-status{font-size:12px;color:#829099;padding:14px 24px;margin:0;border-bottom:1px solid #edf0f2}.directory-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px;border-top:1px solid #edf0f2}.directory-table td{vertical-align:middle}.directory-table .directory-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-width:220px;max-width:450px}.directory-phone{font-variant-numeric:tabular-nums;white-space:nowrap}.directory-table th{white-space:nowrap}@media(max-width:575px){.directory-tools,.directory-search{width:100%;min-width:0}.directory-tools .btn{width:100%}}

.directory-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:48px 24px;text-align:center;color:#30464c}.directory-loading[hidden]{display:none}.directory-loading .spinner-border{color:#00866a;width:34px;height:34px;border-width:3px}.directory-loading strong{font-size:17px}.directory-loading p{font-size:13px;color:#819099;margin:0;max-width:460px}.directory-loading progress{width:min(100%,280px);height:6px;accent-color:#00866a;border-radius:6px}.directory-loading [hidden]{display:none}

.directory-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;direction:ltr}.directory-page-numbers .btn{min-width:36px;height:36px;padding:5px 10px}.directory-page-gap{padding:0 4px;color:#819099}.directory-pagination{flex-wrap:wrap}

.directory-table th,.directory-table td{text-align:right}.directory-table .directory-phone{text-align:right;direction:rtl}.directory-phone bdi{display:inline-block;direction:ltr;unicode-bidi:isolate}.directory-table:not(:has(.directory-preview)){table-layout:fixed}.directory-table:not(:has(.directory-preview)) th{width:50%}

.account-menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#52636b;padding:8px;border-radius:8px;max-width:300px}.account-menu-toggle:hover,.account-menu-toggle[aria-expanded="true"]{background:#f1f6f4}.account-menu-toggle:focus-visible{outline:2px solid #00866a;outline-offset:2px}.account-menu-toggle .avatar{border-radius:50%;flex-shrink:0}.account-menu-toggle>.bi{font-size:11px}.account-display-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{width:260px;max-width:calc(100vw - 32px);border:1px solid #e6ece9;border-radius:10px;box-shadow:0 10px 35px #20352e18;padding:8px;text-align:start}.account-menu-heading{padding:8px 12px}.account-menu-heading strong,.account-menu-heading small{display:block;overflow-wrap:anywhere}.account-menu-heading small{font-size:12px;color:#819099;margin-top:5px;text-align:start}.account-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;border-radius:6px;padding:10px 12px;font-size:13px;text-align:start}.account-dropdown .dropdown-item:hover,.account-dropdown .dropdown-item:focus{background:#edf6f2;color:#00866a}.account-dropdown form{margin:0}.profile-page{max-width:680px}.profile-form-actions{display:flex;gap:12px;flex-wrap:wrap}.profile-page .input-validation-error{border-color:#bd534f}.profile-page .validation-summary-valid{display:none}@media(max-width:575px){.profile-form-actions>.btn{width:100%}}


/* sendapis identity: original mint artwork, navy surfaces, accessible dark-green actions. */
:root{--sendapis-navy:#0c192f;--sendapis-mint:#00c69a;--sendapis-action:#00866a;--sendapis-soft:#e4f8f1;--bs-link-color:#00866a;--bs-link-color-rgb:0,134,106;--bs-link-hover-color:#006c56;--bs-success:#00866a;--bs-success-rgb:0,134,106;--bs-border-color:#e1e8ef;--bs-body-bg:#f4f7fa}
.app-sidebar{background:var(--sendapis-navy)!important}.sidebar-brand{height:96px;padding:18px 17px;border-bottom:1px solid #ffffff12}.sidebar-brand .brand-link{width:100%;justify-content:center!important;padding:9px 11px!important;border-radius:0;background:transparent;overflow:hidden}.sendapis-logo{display:block;width:100%;max-width:202px;height:auto}.sendapis-mark{display:none}.sidebar-wrapper{min-height:calc(100vh - 96px)}.sidebar-menu .nav-link{border-radius:9px;transition:background .15s,color .15s}.sidebar-menu .nav-link.active{background:#00c69a18!important;color:#fff!important;box-shadow:inset -3px 0 var(--sendapis-mint)}.sidebar-menu .nav-link.active .nav-icon{color:#48dfbc}.sidebar-menu .nav-link:hover{background:#ffffff0c}.sidebar-note>i{color:#48dfbc}.workspace-label,.sidebar-menu .nav-header{color:#8b9cb1}.sidebar-note span{color:#8b9cb1}
.app-header{min-height:74px;box-shadow:0 2px 12px #0c192f04}.header-caption{color:#53657c}.avatar{background:var(--sendapis-soft);color:#00765e;border:1px solid #00c69a25}.account-menu-toggle:hover,.account-menu-toggle[aria-expanded="true"]{background:#effaf6}.account-dropdown{border-color:#e1e8ef;box-shadow:0 12px 36px #0c192f14}.account-dropdown .dropdown-item:hover,.account-dropdown .dropdown-item:focus{background:var(--sendapis-soft);color:#006c56}
.page-heading h1,.card-title,.metric-card strong,.instance-name,.instance-summary strong{color:var(--sendapis-navy)}.page-heading h1{font-weight:600}.eyebrow{color:#687b91}.card,.metric-card,.help-panel,.instance-summary{border-color:#e1e8ef;border-radius:12px;box-shadow:0 3px 14px #0c192f03}.card-header{background:#fff;border-bottom-color:#edf1f5}.metric-card{border-top:3px solid #d8e4ec}.metric-card:has(.success){border-top-color:var(--sendapis-mint)}.metric-icon{background:#edf2f8;color:#425e7d}.metric-icon.success,.empty-icon{background:var(--sendapis-soft);color:#00866a}.metric-icon.warning{background:#fff4dc;color:#946517}.help-panel>i{color:#00866a}.help-panel h3{color:var(--sendapis-navy)}
.btn{border-radius:8px;transition:background-color .15s,border-color .15s,box-shadow .15s}.btn-primary,.session-back-button{--bs-btn-color:#fff;--bs-btn-bg:#00866a;--bs-btn-border-color:#00866a;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#00745d;--bs-btn-hover-border-color:#00745d;--bs-btn-active-color:#fff;--bs-btn-active-bg:#00604e;--bs-btn-active-border-color:#00604e;--bs-btn-disabled-bg:#00866a;--bs-btn-disabled-border-color:#00866a;--bs-btn-focus-shadow-rgb:0,134,106}.btn-outline-secondary{--bs-btn-color:#42566e;--bs-btn-border-color:#cbd7e3;--bs-btn-hover-bg:#edf2f8;--bs-btn-hover-color:#0c192f;--bs-btn-hover-border-color:#a9bacd;--bs-btn-active-bg:#dce7f1;--bs-btn-active-color:#0c192f}.form-control{border-color:#d6e1e9;border-radius:8px;color:#15263e}.form-control:focus,.form-select:focus{border-color:#00a884;box-shadow:0 0 0 3px #00c69a20}.form-check-input:checked{background-color:#00866a;border-color:#00866a}.form-check-input:focus{border-color:#00a884;box-shadow:0 0 0 3px #00c69a20}
.portal-table thead th{background:#f5f8fb;color:#657a91}.portal-table tbody tr:hover td{background:#f6fbf9}.status-badge.success{background:var(--sendapis-soft);color:#006c56}.instance-grid{background:#f4f7fa}.instance-tile{border-color:#dce5ee;border-radius:14px;box-shadow:0 3px 12px #0c192f03}.instance-tile:hover{border-color:#78d9bf;box-shadow:0 6px 20px #0c192f09}.instance-settings:hover{background:var(--sendapis-soft);color:#00765e}.instance-identifier{background:#f0faf6;border-color:#d8eee5}.instance-identifier code,.instance-identifier a{color:#00765e}.session-icon,.instance-account-avatar,.session-owner-picture{background:var(--sendapis-soft);color:#00866a}.webhook-option:has(input:checked){background:#f0fbf6;border-color:#72d2b6}.webhook-option code{color:#00765e}.webhook-events-disclosure{border-radius:10px;border-color:#dce5ee}.api-example{background:#0c192f;color:#b8e6d9}.api-example code{color:#65ebc8}.app-footer{color:#0c192f;border-color:#e1e8ef}.app-footer>span:first-child{font-weight:600}
.auth-page{background:radial-gradient(ellipse at 15% 10%,#dff8ee 0,transparent 44%),#f2f6fa;min-height:100vh}.auth-shell{border:1px solid #e0e8ef;border-radius:20px;box-shadow:0 18px 65px #0c192f0c;overflow:hidden}.auth-intro{background:radial-gradient(ellipse at 0 100%,#064b4c 0,transparent 65%),#0c192f;color:#fff}.auth-brand{display:inline-flex;width:fit-content;background:transparent;border-radius:0;padding:12px 18px;line-height:1}.auth-brand img{display:block;width:252px;max-width:100%;height:auto}.auth-intro h1{color:#fff;line-height:1.65}.auth-intro p{color:#bbcad9}.auth-kicker{color:#55e6c4}.auth-feature{color:#d3e2ec}.auth-feature i{color:#40dcb7}.auth-footnote{color:#a2b8c9}.section-kicker{color:#00866a}.auth-form-heading h2{color:#0c192f}.auth-alternative a{color:#00765e}.auth-form-pane{background:#fff}.auth-submit{box-shadow:0 4px 12px #00866a18}.password-toggle{color:#617c8b}.profile-page .card-header i{color:#00866a}
@media(min-width:992px){.sidebar-collapse:not(.sidebar-open) .sidebar-brand{padding:16px 10px}.sidebar-collapse:not(.sidebar-open) .brand-link{padding:4px!important}.sidebar-collapse:not(.sidebar-open) .sendapis-logo{display:none}.sidebar-collapse:not(.sidebar-open) .sendapis-mark{display:block;width:42px;height:auto}.sidebar-collapse .app-sidebar:hover .sendapis-logo{display:block}.sidebar-collapse .app-sidebar:hover .sendapis-mark{display:none}}
@media(max-width:767px){.auth-shell{border-radius:16px}.auth-intro{padding:24px 28px}.auth-brand{padding:9px 14px}.auth-brand img{width:210px}.auth-form-pane{padding:30px 26px}.app-content-header{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.btn,.sidebar-menu .nav-link,.instance-tile{transition:none}}
/* The account control sits on the left in RTL; open its menu inward. */
.header-account .account-dropdown{inset-inline-start:auto;inset-inline-end:0}

.auth-brand,.sidebar-brand .brand-link{background:transparent!important;box-shadow:none;border:0}

.api-key-menu{width:360px;max-width:calc(100vw - 24px);box-shadow:0 12px 36px #0c192f14}.header-api-key .api-key-menu{inset-inline-start:auto;inset-inline-end:0}

.otp-code{font-size:26px;letter-spacing:.4em;text-align:center;font-family:Consolas,monospace}

.google-signin{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;background:#fff;color:#1f1f1f;border:1px solid #747775;font-weight:600}.google-signin:hover,.google-signin:focus{background:#f2f6fc;border-color:#42566e;color:#1f1f1f}.auth-divider{display:flex;align-items:center;gap:12px;color:#687b91;font-size:12px;margin:0 0 24px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e1e8ef}