/* IBG MART CRM Phase 8 - conversation composer & single-line branding.
   Additive override only; existing dashboard, OTP and backend remain intact. */
:root{--crm-v8-ink:#182940;--crm-v8-border:#e4eaf2;--crm-v8-blue:#156cdd}
.workspace>.rail{--crm-v6-sidebar:288px}
.crm-v7-brand{gap:10px;min-width:0}
.crm-v7-brand-text{min-width:0;flex:1;max-width:100%}
.crm-v7-brand-text strong{font-size:clamp(9px,.79vw,11px);line-height:1.24;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;letter-spacing:-.04em;display:block}
.crm-v7-brand-text small{white-space:nowrap;font-size:9px;letter-spacing:.12em}
/* The old large tools card is removed from the transcript.
   The attachment/follow-up controls live ONLY in the composer plus menu. */
.crm-v8-compose-row{position:relative;z-index:12;display:flex;align-items:center;gap:11px;min-height:78px;flex:0 0 auto;padding:10px 18px;background:#fff;border-top:1px solid var(--crm-v8-border)}
.crm-v8-plus-wrap{position:relative;flex:0 0 46px;width:46px}
.crm-v8-plus{appearance:none;border:1px solid #dce3ec;background:#fff;border-radius:50%;height:46px;width:46px;display:grid;place-items:center;color:#22354e;cursor:pointer;box-shadow:0 1px 4px #10264314;transition:background .16s,transform .16s}
.crm-v8-plus:hover,.crm-v8-plus[aria-expanded=true]{background:#eaf2ff;color:var(--crm-v8-blue)}
.crm-v8-plus[aria-expanded=true] svg{transform:rotate(45deg)}
.crm-v8-plus svg{transition:transform .16s}
.crm-v8-compose-form.message-compose{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0!important;background:transparent;border:0}
.crm-v8-compose-form.message-compose input{height:47px;min-width:0;flex:1;border-radius:24px;padding:0 18px;font-size:15px;background:#f6f8fb;border:1px solid #e5eaf1}
.crm-v8-compose-form.message-compose input:focus{outline:2px solid #bdd5ff;outline-offset:0}
.crm-v8-compose-form.message-compose button{height:45px;width:45px;min-width:45px;border:0;border-radius:50%;background:linear-gradient(140deg,#257af2,#1061cf);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;font-size:21px}
.crm-v8-popover{position:absolute;bottom:calc(100% + 16px);left:-4px;width:min(360px,calc(100vw - 24px));max-height:min(72dvh,470px);overflow-y:auto;overscroll-behavior:contain;border-radius:22px;border:1px solid #e6ebf3;background:#fff;box-shadow:0 14px 50px #11274437;padding:17px;z-index:99;color:var(--crm-v8-ink);text-align:left}
.crm-v8-popover[hidden],.crm-v8-tool-panel[hidden],.crm-v8-quick-actions[hidden]{display:none!important}
.crm-v8-popover:after{content:"";position:absolute;left:18px;bottom:0}
.crm-v8-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}
.crm-v8-menu-header strong{font-size:14px;font-weight:780;letter-spacing:-.02em}
.crm-v8-menu-close{appearance:none;background:#f2f5fa;border:0;border-radius:50%;width:31px;height:31px;flex:0 0 31px;color:#67778b;font-size:22px;line-height:1;cursor:pointer}
.crm-v8-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.crm-v8-quick{appearance:none;border:0;background:transparent;min-height:100px;padding:9px 2px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:9px;color:#34465b;font-size:11px;font-weight:650;border-radius:14px;line-height:1.35}
.crm-v8-quick:hover,.crm-v8-quick:focus-visible{background:#f4f8fc}
.crm-v8-quick-icon{width:55px;height:55px;border-radius:20px;display:grid;place-items:center;color:white}
.crm-v8-quick-icon svg{width:26px;height:26px}
.crm-v8-blue{background:linear-gradient(145deg,#1e8be9,#1672de)}
.crm-v8-purple{background:linear-gradient(145deg,#9e6bf1,#7852d4)}
.crm-v8-orange{background:linear-gradient(145deg,#ffb85b,#f68a27)}
.crm-v8-tool-panel{padding:15px 0 2px;border-top:1px solid #ecf0f5;margin-top:9px}
.crm-v8-tool-panel label{display:block;font-size:12px;font-weight:720;color:#455c7b;margin:0 0 7px;text-align:left}
.crm-v8-tool-panel input[type=datetime-local],.crm-v8-tool-panel input[type=text],.crm-v8-tool-panel input[type=file]{height:auto;min-height:44px;width:100%;max-width:100%;border:1px solid #dce7f5;background:#f8fafc;border-radius:12px;padding:10px 11px;color:#24364d;font-size:15px;margin:0 0 12px}
.crm-v8-tool-panel input[type=file]{font-size:12px}
.crm-v8-filename{font-size:11px;color:#6c7990;overflow-wrap:anywhere;margin:0 0 12px}
.crm-v8-current-due,.crm-v8-note{font-size:11px;color:#73829b;line-height:1.6;margin:4px 0 10px}
.crm-v8-tool-panel .crm-v8-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.crm-v8-back,.crm-v8-submit{appearance:none;min-height:42px;border-radius:11px;cursor:pointer;padding:9px 15px;font-size:12px;font-weight:700}
.crm-v8-back{background:#f2f5fa;color:#53677f;border:1px solid #e4eaf2}
.crm-v8-submit{background:#1767df;color:#fff;border:0}
.crm-v8-popover button:focus-visible,.crm-v8-plus:focus-visible{outline:3px solid #aac9fc;outline-offset:2px}
.crm-v8-chat-flash{font-size:12px;color:#285e89;background:#eaf5ff;border:1px solid #d5e8fc;border-radius:12px;padding:12px 14px;margin:10px 0 20px}
@media(max-width:1200px){:root{--crm-v6-sidebar:270px}.crm-v7-brand-text strong{font-size:9px}}
@media(max-width:900px) and (min-width:681px){:root{--crm-v6-sidebar:248px}.crm-v7-brand-text strong{font-size:8.8px;letter-spacing:-.055em}.crm-v7-brand img{width:37px;height:37px}.crm-v7-brand{gap:7px}}
@media(max-width:680px){
 .crm-v7-brand-text strong{font-size:10px;letter-spacing:-.04em;white-space:nowrap!important}
 .crm-v8-compose-row{min-height:66px;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
 .crm-v8-plus-wrap{flex-basis:42px;width:42px}
 .crm-v8-plus{width:42px;height:42px}
 .crm-v8-compose-form.message-compose{gap:7px}
 .crm-v8-compose-form.message-compose input{height:43px;font-size:16px;padding:0 13px}
 .crm-v8-compose-form.message-compose button{height:41px;width:41px;min-width:41px}
 .crm-v8-popover{width:min(344px,calc(100vw - 20px));left:-4px;bottom:calc(100% + 12px);border-radius:18px;padding:15px;max-height:min(68dvh,460px)}
 .crm-v8-quick-icon{height:51px;width:51px}
 .crm-v8-quick{min-height:91px}
}
@media(max-width:360px){.crm-v8-compose-row{gap:5px;padding-inline:6px}.crm-v8-plus-wrap{flex-basis:39px;width:39px}.crm-v8-plus{height:39px;width:39px}.crm-v8-popover{left:0;width:calc(100vw - 12px)}.crm-v7-brand-text strong{font-size:9.2px}}
@media(prefers-reduced-motion:reduce){.crm-v8-plus svg{transition:none}}