#app .dashboard-sidebar{flex-wrap:nowrap!important;align-items:stretch!important;align-content:normal!important}#app .dashboard-sidebar>*{flex-shrink:0!important}#app .dashboard-sidebar .sidebar-user{margin-top:auto!important}#app .dashboard-sidebar button[data-view]{width:100%!important;min-height:43px!important}
html[data-theme=dark] #reports :is(input,select){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;color-scheme:dark}html[data-theme=dark] #conversations .secondary{background:#253a35!important;color:#d8eae2!important}#conversationList>div:not([onclick]):before{display:none}
#app #campaigns,#app #templates,#app #conversations,#app #messages,#app #users,#app #reports{margin-left:230px!important;width:calc(100% - 230px)!important;max-width:none!important;padding:24px!important;min-width:0;box-sizing:border-box}
#app > .wrap #campaigns,#app > .wrap #templates,#app > .wrap #conversations,#app > .wrap #messages,#app > .wrap #users,#app > .wrap #reports{margin-left:0!important;width:100%!important;padding:0!important}
.view>.card{min-width:0}.table-wrap{max-width:100%;overflow:auto}#users .card{min-width:0}#users input{max-width:100%}
#templates>.row{grid-template-columns:1fr!important}#templatesList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}#templatesList>.card{margin:0!important;display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow-wrap:anywhere}.template-content{width:100%}.template-content p{white-space:pre-wrap;font-size:13px;line-height:1.6}.template-thumb{width:100%;height:140px;object-fit:contain;border-radius:10px;background:var(--bg)}.template-buttons{display:flex;gap:8px;flex-wrap:wrap}.template-buttons a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--brand);font-size:13px}.badge.utility{background:#dbeafe!important;color:#1d4ed8!important}.badge.marketing{background:#dcfce7!important;color:#166534!important}
#createMetaTemplateModal>div{max-height:90dvh;overflow:auto;width:640px!important;background:var(--card)!important;color:var(--text)}.template-editor-fields{padding:16px;border:1px solid var(--line);border-radius:12px}.template-button-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.template-button-row input{min-width:120px;flex:1}.template-button-row select{max-width:170px}
input,textarea,select{color:var(--text)}#createMetaTemplateModal input,#createMetaTemplateModal select,#createMetaTemplateModal textarea,#newMessageDialog input,#newMessageDialog select{background:var(--card);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px}button:disabled{opacity:.5;cursor:not-allowed}.report-filters{display:flex;gap:16px;flex-wrap:wrap}.report-filters .field:first-child{flex:1}#reportStats{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}progress{width:100%;height:12px;accent-color:var(--brand)}
#conversations>.card{padding:18px!important}#conversations>.card>div[style*="display:grid"]{grid-template-columns:minmax(250px,32%) minmax(0,1fr)!important;height:calc(100dvh - 235px);min-height:450px!important;border-color:var(--line)!important}#conversations>.card>div[style*="display:grid"]>div{min-height:0;min-width:0;background:var(--card)!important;border-color:var(--line)!important}#conversations>.card>div[style*="display:grid"]>div:first-child{display:flex;flex-direction:column}#conversationList{overflow:auto;flex:1}#conversationList>div{border-color:var(--line)!important;position:relative;padding-left:52px!important}#conversationList>div:before{content:'●';position:absolute;left:18px;top:18px;font-size:22px;color:var(--muted)}#conversationList>div.selected{background:color-mix(in srgb,var(--brand) 12%,var(--card))}#conversationList>div.unread:after{content:'●';position:absolute;right:12px;top:14px;color:var(--brand)}#conversationList>div:hover{background:var(--bg)}#conversationMessages{background-color:#efeae2!important;background-image:radial-gradient(#89988c20 1px,transparent 1px)!important;background-size:18px 18px;overscroll-behavior:contain}#conversationHeader{background:var(--card);border-color:var(--line)!important}.chat-bubble{border:0!important;border-radius:10px!important;overflow-wrap:anywhere;color:#17251d}.chat-bubble.incoming{background:#fff!important}.chat-bubble.outgoing{background:#d9fdd3!important}#conversationText,#conversationSearch{padding:12px;border:1px solid var(--line);border-radius:22px;background:var(--card);min-width:0}#conversationText:disabled{background:var(--bg)}#conversations .toolbar{margin-bottom:0}#conversations .toolbar button{display:flex;align-items:center;gap:8px}#conversations .toolbar .notice{margin:0}.tabs button[data-unread]:not([data-unread=""]):after{content:attr(data-unread);background:var(--brand);color:white;border-radius:30px;padding:2px 7px;margin-left:auto}
#newMessageDialog{border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--text);width:min(780px,95vw);max-height:92dvh;padding:22px}#newMessageDialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.dialog-close{float:right}.single-compose{clear:both}#singleTemplateList{max-height:260px!important;overflow:auto}html[data-theme=dark] .chat-bubble.incoming{background:#202c33!important;color:#e9edef}html[data-theme=dark] .chat-bubble.outgoing{background:#005c4b!important;color:#e9edef}html[data-theme=dark] #conversationMessages{background-color:#0b141a!important}html[data-theme=dark] :is(#campaigns,#templates,#users,#messages,#newMessageDialog) :is(input,select,textarea,label[style*="background:#fff"],div[style*="background:#fff"],div[style*="background: #fff"]){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important}html[data-theme=dark] :is(#campaigns,#templates,#users,#messages,#newMessageDialog) .secondary{background:#253a35!important;color:#d8eae2!important}html[data-theme=dark] .badge.utility{background:#163658!important;color:#94c7ff!important}html[data-theme=dark] .badge.marketing{background:#163e2b!important;color:#83e8af!important}html[data-theme=dark] #newMessageDialog label{background:var(--card)!important;color:var(--text)!important}
@media(max-width:900px){#conversations>.card>div[style*="display:grid"]{grid-template-columns:220px minmax(0,1fr)!important}#reportStats{grid-template-columns:repeat(2,minmax(0,1fr))}#users>div>div[style*="grid-template-columns"]{grid-template-columns:1fr!important}}
@media(max-width:650px){#app .dashboard-sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:210px}#app>.wrap{padding:14px!important}#app #campaigns,#app #templates,#app #conversations,#app #messages,#app #users,#app #reports{margin:0!important;width:100%!important;padding:12px!important}#conversations>.card>div[style*="display:grid"]{grid-template-columns:1fr!important;height:auto}#conversationList{max-height:180px}#conversationMessages{min-height:300px;max-height:50dvh}.chat-bubble{max-width:90%!important}#campaignMessageLayout{grid-template-columns:1fr!important}}