/* Eshraq Administration V098 — CSP-safe authoritative UI contract */
:root{--esh-green:#0b6b5e;--esh-green-dark:#07564c;--esh-gold:#d6aa42;--esh-gold-soft:#f3cf72;--esh-ink:#17312c;--esh-muted:#6f7d78;--esh-border:#ddd3c2;--esh-surface:#fff;--esh-surface-soft:#fffdf9;--esh-beige:#faf8f2;--esh-chat:#efeae2;--esh-chat-out:#d9fdd3;--esh-chat-in:#fff}

dialog{box-sizing:border-box!important;direction:rtl!important;text-align:right!important;color:var(--esh-ink)!important;font-family:inherit!important}
dialog.profile-dialog,dialog.action-dialog,dialog.conversation-center-dialog,dialog.eshraq-conversation-dialog,dialog[class*="dialog"]{width:min(1040px,calc(100vw - 72px))!important;max-width:1040px!important;min-width:0!important;max-height:90vh!important;margin:auto!important;padding:0!important;border:1px solid var(--esh-border)!important;border-radius:24px!important;background:var(--esh-surface)!important;overflow:hidden!important;box-shadow:0 30px 90px rgba(14,45,39,.28)!important}
dialog::backdrop{background:rgba(20,36,32,.56)!important;backdrop-filter:blur(3px)!important}
dialog>.dialog-head,dialog .dialog-head,dialog>.conv-dialog-head,dialog .conv-dialog-head{box-sizing:border-box!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:20px 26px!important;margin:0!important;border-bottom:1px solid #ece5da!important;background:var(--esh-surface-soft)!important}
dialog .dialog-head>div,dialog .conv-dialog-head>div{flex:1 1 auto!important;min-width:0!important}
dialog .dialog-head h1,dialog .dialog-head h2,dialog .dialog-head h3,dialog .conv-dialog-head h2{margin:0!important;font-size:22px!important;line-height:1.5!important;color:var(--esh-ink)!important;overflow-wrap:anywhere!important}
dialog .dialog-subtitle{margin:4px 0 0!important;color:var(--esh-muted)!important;font-size:13px!important}
dialog .eyebrow{margin:0 0 4px!important;color:#a16f12!important;font-size:11px!important;font-weight:800!important}
dialog .icon-btn,dialog [data-close],dialog .conv-dialog-close{box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;padding:0!important;margin:0!important;border:2px solid var(--esh-green)!important;border-radius:12px!important;background:#fff!important;color:var(--esh-green)!important;font-size:24px!important;font-weight:900!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 2px 8px rgba(11,107,94,.09)!important}
dialog .icon-btn:hover,dialog [data-close]:hover,dialog .conv-dialog-close:hover{background:var(--esh-green)!important;color:var(--esh-gold-soft)!important;border-color:var(--esh-green)!important}
dialog>.dialog-body,dialog .dialog-body{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:26px 28px 30px!important;margin:0!important;max-height:calc(90vh - 84px)!important;overflow:auto!important;background:#fff!important}
dialog .form-grid{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important;margin:0!important;padding:0!important}
dialog .form-grid>label,dialog .form-grid>.field,dialog .stack>label{display:grid!important;gap:8px!important;min-width:0!important;margin:0!important;font-size:14px!important;font-weight:800!important;color:#29473f!important;line-height:1.55!important}
dialog .form-grid .full{grid-column:1/-1!important}
dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),dialog select,dialog textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:11px 13px!important;border:1px solid #d7d0c5!important;border-radius:12px!important;background:#fff!important;color:var(--esh-ink)!important;font:inherit!important;font-size:14px!important;line-height:1.65!important;outline:none!important;text-align:right!important;direction:rtl!important}
dialog textarea{min-height:118px!important;resize:vertical!important}
dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:#5d9b88!important;box-shadow:0 0 0 3px rgba(93,155,136,.14)!important}
dialog .row-actions,dialog .actions,dialog .dialog-actions,dialog .form-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:12px!important}
dialog .btn,dialog button[type="submit"]{min-height:46px!important;border-radius:12px!important;font-weight:800!important}

/* Structured record profiles — replaces raw JSON dumps */
.record-profile-dialog .dialog-body{padding:24px 26px 28px!important}
.record-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.record-field{min-width:0;border:1px solid #e7dfd3;border-radius:14px;background:#fffdf9;padding:12px 13px;display:grid;gap:5px}
.record-field span{font-size:11px;color:var(--esh-muted);font-weight:700}.record-field strong{font-size:14px;line-height:1.65;color:var(--esh-ink);overflow-wrap:anywhere}.record-field.wide{grid-column:1/-1}
.record-section{margin-top:22px}.record-section h3{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #ece5da;color:var(--esh-green-dark);font-size:16px}.record-table-wrap{overflow:auto;border:1px solid #e7dfd3;border-radius:14px}.record-table{width:100%;min-width:760px;border-collapse:collapse}.record-table th,.record-table td{padding:11px 12px;border-bottom:1px solid #eee7dc;text-align:right;vertical-align:top;white-space:nowrap;font-size:12px}.record-table th{background:#faf8f2;color:#48655e}.record-notes{display:grid;gap:10px}.record-note{border:1px solid #e7dfd3;border-radius:14px;background:#fffdf9;padding:12px 14px}.record-note span{display:block;color:var(--esh-muted);font-size:11px;font-weight:800;margin-bottom:6px}.record-note p{margin:0;white-space:pre-wrap;line-height:1.85}.record-restricted{padding:14px;border:1px solid #ead8ad;border-radius:14px;background:#fff8e8;color:#6e5725}

/* Conversation center table */
.conversation-tabs-v098{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.conversation-tabs-v098 .active{background:var(--esh-green)!important;color:#fff!important}.conversation-thread-table{overflow:auto;border-radius:18px;padding:0!important}.conversation-thread-table table{width:100%;min-width:1320px;border-collapse:collapse}.conversation-thread-table th,.conversation-thread-table td{padding:12px 13px;border-bottom:1px solid #ece8df;text-align:right;vertical-align:middle;white-space:nowrap}.conversation-thread-table th{background:#fbfaf6;color:#34554d;font-size:12px}.conversation-thread-table td{font-size:13px}.conv98-info{padding:14px 16px;line-height:1.8;margin-bottom:14px}.channel-account-v098{display:grid;gap:2px;min-width:145px}.channel-account-v098 small{color:#7b8580;font-size:10px}.channel-account-v098 span{font-weight:700;color:var(--esh-ink)}.conversation-thread-table td:nth-child(3),.conversation-thread-table td:nth-child(5){direction:ltr;unicode-bidi:plaintext;text-align:right}

/* Conversation modal — WhatsApp-like and fully interactive */
dialog.conversation-center-dialog{width:min(1120px,calc(100vw - 64px))!important;max-width:1120px!important;height:min(84vh,820px)!important;max-height:84vh!important}
dialog.conversation-center-dialog .conv-dialog-shell{box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
dialog.conversation-center-dialog .conv-dialog-shell>*{box-sizing:border-box!important;width:100%!important;min-width:0!important}
dialog.conversation-center-dialog .conv-person-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:16px 22px!important;margin:0!important;background:var(--esh-beige)!important;border-bottom:1px solid #ece5da!important}
dialog.conversation-center-dialog .conv-person-grid .item{min-width:0!important;padding:10px 12px!important;border:1px solid #e8e0d4!important;border-radius:12px!important;background:#fff!important}
dialog.conversation-center-dialog .conv-person-grid .label{font-size:11px!important;color:var(--esh-muted)!important;margin-bottom:4px!important;font-weight:700!important}
dialog.conversation-center-dialog .conv-person-grid .value{font-size:14px!important;font-weight:800!important;overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.55!important;text-align:right!important;direction:rtl!important}
dialog.conversation-center-dialog .conv-direction-note{padding:9px 22px!important;margin:0!important;background:#fffaf0!important;border-bottom:1px solid #eee4cf!important;color:#5f5644!important;font-size:12px!important;line-height:1.7!important;text-align:right!important}
dialog.conversation-center-dialog .conv-messages{min-height:0!important;padding:18px 22px!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:9px!important;background-color:var(--esh-chat)!important;background-image:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22))!important;scroll-behavior:smooth!important}
dialog.conversation-center-dialog .conv-msg{box-sizing:border-box!important;max-width:72%!important;min-width:140px!important;padding:10px 12px 7px!important;border-radius:10px!important;overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.7!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 1px 1px rgba(0,0,0,.04)!important;direction:rtl!important;text-align:right!important}
dialog.conversation-center-dialog .conv-msg.inbound{align-self:flex-start!important;margin-right:0!important;margin-left:auto!important;background:var(--esh-chat-in)!important}
dialog.conversation-center-dialog .conv-msg.outbound{align-self:flex-end!important;margin-left:0!important;margin-right:auto!important;background:var(--esh-chat-out)!important}
dialog.conversation-center-dialog .conv-msg-body{font-size:14px!important;color:var(--esh-ink)!important;text-align:right!important;direction:rtl!important}
dialog.conversation-center-dialog .conv-msg-meta{display:flex!important;gap:7px!important;flex-wrap:wrap!important;justify-content:flex-start!important;margin-top:4px!important;color:#74817d!important;font-size:9px!important;direction:rtl!important}
dialog.conversation-center-dialog .conv-composer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"label label" "input send" "hint hint"!important;gap:8px 10px!important;padding:14px 18px 16px!important;margin:0!important;border-top:1px solid #ddd8cf!important;background:#f7f5f0!important;position:relative!important;z-index:2!important}
dialog.conversation-center-dialog .conv-composer label{grid-area:label!important;font-weight:800!important;color:#29473f!important;font-size:12px!important}dialog.conversation-center-dialog .conv-composer textarea{grid-area:input!important;min-height:54px!important;max-height:120px!important;resize:vertical!important;background:#fff!important;border-radius:18px!important;padding:12px 14px!important;text-align:right!important;direction:rtl!important}dialog.conversation-center-dialog .conv-composer button{grid-area:send!important;align-self:end!important;min-width:110px!important;height:54px!important;background:var(--esh-green)!important;color:#fff!important;border-radius:16px!important}dialog.conversation-center-dialog .conv-composer .hint{grid-area:hint!important;font-size:10px!important;color:#76827e!important;line-height:1.5!important}

#adminBackBtnV098{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:0 16px!important;border:1px solid var(--esh-gold)!important;border-radius:12px!important;background:var(--esh-green)!important;color:var(--esh-gold-soft)!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important}#adminBackBtnV098:hover{background:var(--esh-gold-soft)!important;color:var(--esh-green)!important}#adminBackBtnV098.hidden{display:none!important}
.avatar-v098-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.avatar-v098-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.avatar-v098-toolbar input{min-width:260px}.avatar-v098-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.avatar-v098-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center}.avatar-v098-img{width:128px;height:128px;border-radius:18px;overflow:hidden;background:#f4f1ea;display:grid;place-items:center}.avatar-v098-img img{width:100%;height:100%;object-fit:cover}.avatar-v098-card h3{margin:0 0 6px}.avatar-v098-card p{margin:3px 0}.avatar-v098-card .row-actions{margin-top:10px}

@media(max-width:900px){dialog.profile-dialog,dialog.action-dialog,dialog.conversation-center-dialog,dialog.eshraq-conversation-dialog,dialog[class*="dialog"]{width:calc(100vw - 24px)!important;max-width:none!important;border-radius:20px!important}.record-profile-grid{grid-template-columns:1fr 1fr}dialog .dialog-head,dialog .conv-dialog-head{padding:17px 18px!important}dialog .dialog-body,dialog.profile-dialog>form,dialog.action-dialog>form{padding:20px!important}dialog .form-grid{grid-template-columns:1fr!important}dialog .form-grid .full{grid-column:auto!important}dialog.conversation-center-dialog{height:88vh!important;max-height:88vh!important}dialog.conversation-center-dialog .conv-person-grid{grid-template-columns:1fr 1fr!important;padding:14px 16px!important}dialog.conversation-center-dialog .conv-direction-note,dialog.conversation-center-dialog .conv-messages{padding-left:16px!important;padding-right:16px!important}dialog.conversation-center-dialog .conv-msg{max-width:86%!important}.avatar-v098-toolbar{align-items:stretch;flex-direction:column}.avatar-v098-toolbar input{min-width:0;width:100%}.avatar-v098-grid{grid-template-columns:1fr}.avatar-v098-card{grid-template-columns:92px 1fr}.avatar-v098-img{width:92px;height:92px}}
@media(max-width:560px){dialog.profile-dialog,dialog.action-dialog,dialog.conversation-center-dialog,dialog.eshraq-conversation-dialog,dialog[class*="dialog"]{width:calc(100vw - 12px)!important;border-radius:16px!important}.record-profile-grid{grid-template-columns:1fr}dialog.conversation-center-dialog .conv-person-grid{grid-template-columns:1fr!important}dialog.conversation-center-dialog .conv-composer{grid-template-columns:1fr!important;grid-template-areas:"label" "input" "send" "hint"!important}dialog.conversation-center-dialog .conv-composer button{width:100%!important}}
