/* Illustrative HighLevel interface mockups used inside the demos and hero. */
.ghl{--g-side:#fff;--g-side-text:#475467;--g-bg:#f7f8fa;--g-card:#fff;--g-line:#e4e7ec;--g-ink:#101828;--g-muted:#667085;--g-blue:#155eef;--g-blue-soft:#eef4ff;--g-green:#079455;--g-green-soft:#e6f6ee;--g-red:#d92d20;--g-red-soft:#fee4e2;--g-amber:#dc6803;--g-amber-soft:#fef0c7;
 --g:11px;font-size:var(--g);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--g-ink);line-height:1.45;
 display:grid;grid-template-columns:168px 1fr;height:360px;border:1px solid #d0d5dd;border-radius:10px;overflow:hidden;background:var(--g-bg);position:relative;text-align:left;box-shadow:0 18px 40px -22px rgba(30,20,10,.35)}
.ghl *{box-sizing:border-box}
.ghl strong{font-weight:600}
.ghl .icon{width:14px;height:14px;stroke-width:1.8}
.ghl-side{background:var(--g-side);color:var(--g-side-text);border-right:1px solid var(--g-line);padding:10px 8px 8px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.ghl-agency{display:flex;align-items:center;gap:7px;padding:2px 6px 6px;color:var(--g-ink);font-weight:600;font-size:11px;letter-spacing:-.3px}
.ghl-agency img{border-radius:5px}
.ghl-switch{display:flex;align-items:center;gap:7px;border:1px solid var(--g-line);background:#f9fafb;border-radius:7px;padding:6px 8px;font-size:9.5px;font-weight:600;color:var(--g-ink)}
.ghl-switch i{width:18px;height:18px;border-radius:5px;background:#dbe4ff;color:var(--g-blue);font-style:normal;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ghl-switch span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ghl-switch .icon{transform:rotate(90deg);width:11px;color:var(--g-muted)}
.ghl-search{display:flex;align-items:center;gap:6px;color:var(--g-muted);border:1px solid var(--g-line);border-radius:7px;padding:5px 8px;font-size:9.5px;margin-bottom:4px}
.ghl-search span{flex:1}
.ghl-search kbd{font:inherit;font-size:8px;border:1px solid var(--g-line);border-radius:4px;padding:0 4px;color:var(--g-muted)}
.ghl-side nav{display:flex;flex-direction:column;gap:1px;flex:1;min-height:0;overflow:hidden}
.ghl-side nav span,.ghl-side-foot span{display:flex;align-items:center;gap:9px;padding:4.5px 8px;border-radius:6px;font-size:10.5px;white-space:nowrap;font-weight:500}
.ghl-side nav span.on,.ghl-side-foot span.on{background:var(--g-blue-soft);color:var(--g-blue)}
.ghl-side-foot{border-top:1px solid var(--g-line);padding-top:6px;display:flex;flex-direction:column;gap:1px}
.ghl-user i{width:18px;height:18px;border-radius:50%;background:#f2f4f7;color:var(--g-ink);font-style:normal;font-size:7.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--g-line)}
.ghl-main{display:flex;flex-direction:column;min-width:0;container-type:inline-size}
@container (max-width:600px){.g-ghost,.g-bar>.g-btn,.ghl-tools em{display:none}.g-tabs{gap:10px}}
.ghl-side nav{mask-image:linear-gradient(#000 82%,transparent);-webkit-mask-image:linear-gradient(#000 82%,transparent)}
.ghl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px;background:var(--g-card);border-bottom:1px solid var(--g-line);font-size:10.5px}
.ghl-crumb{font-weight:600;color:var(--g-ink)}
.ghl-tools{display:flex;align-items:center;gap:10px;color:var(--g-muted)}
.ghl-tools em{font-style:normal;font-size:9.5px;border:1px solid var(--g-line);border-radius:6px;padding:3px 8px;color:var(--g-ink)}
.ghl-tools i{width:22px;height:22px;border-radius:50%;background:#dbe4ff;color:var(--g-blue);font-style:normal;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.g-ghost{margin-left:auto;border:1px solid var(--g-line);color:var(--g-ink);font-size:9.5px;font-weight:600;padding:4px 9px;border-radius:6px;white-space:nowrap;background:var(--g-card)}
.g-tabs+.g-ghost{margin-left:0}
.g-thread-head>div:first-child{display:flex;flex-direction:column}
.g-thread-tools{display:flex;align-items:center;gap:8px}
.g-thread-tools i{width:18px;height:18px;border-radius:50%;background:#dbe4ff;color:var(--g-blue);font-style:normal;font-size:7.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.g-thread-tools em{font-style:normal;font-size:9px;color:var(--g-muted);white-space:nowrap}
.g-card em{display:flex;align-items:center;gap:5px}
.g-card em i{width:14px;height:14px;border-radius:50%;background:#dbe4ff;color:var(--g-blue);font-style:normal;font-size:7px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ghl-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.ghl-wrap{display:flex;flex-direction:column;gap:6px}
.ghl-tag{font-size:9.5px;color:var(--muted,#8b93a1);text-align:right;padding-right:2px}

/* shared bits */
.g-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--g-line);background:var(--g-card);overflow:hidden;flex-shrink:0}
.g-title small{display:block;font-size:9px;color:var(--g-muted);white-space:nowrap}
.g-title{min-width:90px;flex:0 1 auto;overflow:hidden}
.g-title strong{font-size:12.5px;letter-spacing:-.2px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.g-tabs{display:flex;gap:14px;margin-left:auto;font-size:10px;color:var(--g-muted)}
.g-tabs span{padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
.g-tabs span.on{color:var(--g-blue);border-color:var(--g-blue);font-weight:600}
.g-toggle{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;color:var(--g-muted)}
.g-toggle i{width:26px;height:14px;border-radius:8px;background:#cbd2dc;position:relative;display:inline-block}
.g-toggle i:after{content:'';position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:left .2s}
.g-toggle.on{color:var(--g-green);font-weight:600}
.g-toggle.on i{background:var(--g-green)}
.g-toggle.on i:after{left:14px}
.g-btn{margin-left:auto;background:var(--g-blue);color:#fff;font-size:9.5px;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap}
.g-ghost+.g-toggle{margin-left:0}.g-toggle+.g-btn,.g-pill+.g-btn{margin-left:0}
.g-muted{font-size:9.5px;color:var(--g-muted);white-space:nowrap}
.g-pill{display:inline-flex;align-items:center;font-size:8.5px;font-weight:600;padding:2px 7px;border-radius:10px;background:#eef1f5;color:var(--g-muted);white-space:nowrap;letter-spacing:.2px}
.g-pill.ok{background:var(--g-green-soft);color:var(--g-green)}
.g-pill.run{background:var(--g-blue-soft);color:var(--g-blue)}
.g-pill.bad{background:var(--g-red-soft);color:var(--g-red)}
.g-pill.warn{background:var(--g-amber-soft);color:var(--g-amber)}
.g-pill.mute{background:#eef1f5;color:var(--g-muted)}
.g-pill.run:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--g-blue);margin-right:5px;animation:g-blink 1.2s ease-in-out infinite}
@keyframes g-blink{0%,100%{opacity:.3}50%{opacity:1}}
.g-progress{flex:1;max-width:180px;height:6px;border-radius:4px;background:#e3e8ef;overflow:hidden;margin-left:auto}
.g-progress i{display:block;height:100%;background:var(--g-green)}
.g-avatar{width:34px;height:34px;border-radius:50%;background:var(--g-blue-soft);color:var(--g-blue);font-weight:700;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.g-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.g-tags b{font-weight:500;font-size:8.5px;background:var(--g-blue-soft);color:var(--g-blue);padding:2px 7px;border-radius:4px}
.g-dnd{margin-top:10px;font-size:9.5px;display:grid;gap:5px}
.g-dnd small{font-size:8.5px;color:var(--g-muted);letter-spacing:.5px}
.g-dnd div{display:flex;justify-content:space-between;align-items:center}
.g-dnd i{width:22px;height:12px;border-radius:7px;background:#cbd2dc;position:relative;display:inline-block}
.g-dnd i:after{content:'';position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#fff}
.g-dnd i.on{background:var(--g-red)}
.g-dnd i.on:after{left:12px}

/* automation builder */
.g-canvas{flex:1;overflow:hidden;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:0;background-image:radial-gradient(#d5dbe4 .8px,transparent .8px);background-size:14px 14px}
.g-node{display:flex;align-items:center;gap:10px;width:min(100%,300px);background:var(--g-card);border:1px solid var(--g-line);border-radius:8px;padding:8px 10px;box-shadow:0 1px 3px rgba(20,30,50,.06);position:relative;flex-shrink:0}
.g-node[data-type="trigger"]{border-left:3px solid var(--g-green)}
.g-node[data-type="condition"]{border-left:3px solid var(--g-amber)}
.g-node.active{border-color:var(--g-blue);box-shadow:0 0 0 3px var(--g-blue-soft),0 4px 12px rgba(24,139,246,.18)}
.g-node.error{border-color:var(--g-red);box-shadow:0 0 0 3px var(--g-red-soft)}
.g-node.skipped{opacity:.55}
.g-node.done .g-node-ico{background:var(--g-green-soft);color:var(--g-green)}
.g-node-ico{width:26px;height:26px;border-radius:6px;background:var(--g-blue-soft);color:var(--g-blue);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.g-node[data-type="condition"] .g-node-ico{background:var(--g-amber-soft);color:var(--g-amber)}
.g-node.error .g-node-ico{background:var(--g-red-soft);color:var(--g-red)}
.g-node>div{flex:1;min-width:0}
.g-node small{display:block;font-size:8px;color:var(--g-muted);text-transform:uppercase;letter-spacing:.6px}
.g-node strong{display:block;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-node p{margin:1px 0 0;font-size:9px;color:var(--g-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-plus{width:18px;height:18px;border-radius:50%;border:1px solid #c6cdd8;background:var(--g-card);color:var(--g-muted);font-size:11px;display:flex;align-items:center;justify-content:center;margin:2px 0;position:relative;flex-shrink:0}
.g-plus:before,.g-plus:after{content:'';position:absolute;left:50%;width:1px;height:6px;background:#c6cdd8}
.g-plus:before{top:-7px}.g-plus:after{bottom:-7px}
.g-branches{display:flex;gap:10px;width:min(100%,300px);margin-top:8px;flex-shrink:0}
.g-branch{flex:1;background:var(--g-card);border:1px dashed #c6cdd8;border-radius:7px;padding:6px 8px;font-size:9px;display:flex;flex-direction:column;gap:2px}
.g-branch em{font-style:normal;font-weight:700;font-size:8px;color:var(--g-muted);text-transform:uppercase;letter-spacing:.5px}
.g-branch.active{border-style:solid;border-color:var(--g-blue)}
.g-branch.done{border-style:solid;border-color:var(--g-green)}
.g-branch.skipped{opacity:.5}
.g-branch .g-pill{align-self:flex-start;margin-top:2px}

/* tables */
.g-table{width:100%;border-collapse:collapse;font-size:10px;background:var(--g-card)}
.g-table th{text-align:left;font-weight:600;font-size:8.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--g-muted);padding:8px 14px;border-bottom:1px solid var(--g-line);background:#fafbfc}
.g-table td{padding:9px 14px;border-bottom:1px solid var(--g-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.g-table tr.hot td{background:var(--g-blue-soft)}
.g-table td:first-child{font-family:ui-monospace,Menlo,monospace;font-size:9px;color:var(--g-muted)}
.g-table--logs,.g-table--pay{table-layout:fixed}
.g-table--logs th:nth-child(1){width:80px}.g-table--logs th:nth-child(2){width:104px}.g-table--logs th:last-child{width:98px}
.g-table--pay th:nth-child(1){width:84px}.g-table--pay th:nth-child(2){width:92px}.g-table--pay th:nth-child(4){width:66px}.g-table--pay th:last-child{width:88px}
.g-table td:last-child{overflow:visible}

/* conversations */
.g-conv{display:grid;grid-template-columns:150px 1fr 130px;flex:1;min-height:0}
.g-conv-list{border-right:1px solid var(--g-line);background:var(--g-card);overflow:hidden}
.g-conv-search{display:flex;align-items:center;gap:6px;padding:9px 10px;font-size:9px;color:var(--g-muted);border-bottom:1px solid var(--g-line)}
.g-conv-item{display:flex;gap:8px;padding:9px 10px;border-bottom:1px solid var(--g-line);align-items:center}
.g-conv-item.on{background:var(--g-blue-soft)}
.g-conv-item i{width:24px;height:24px;border-radius:50%;background:#e3e8ef;color:var(--g-muted);font-style:normal;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.g-conv-item.on i{background:var(--g-blue);color:#fff}
.g-conv-item div{min-width:0}
.g-conv-item strong{display:block;font-size:9.5px}
.g-conv-item span{display:block;font-size:8.5px;color:var(--g-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-thread{display:flex;flex-direction:column;min-width:0}
.g-thread-head{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid var(--g-line);background:var(--g-card);font-size:10px}
.g-thread-head span{color:var(--g-muted);font-size:9px}
.g-msgs{flex:1;overflow:hidden;padding:12px 14px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end}
.g-msg{max-width:78%;animation:g-in .35s ease both}
.g-msg p{margin:0;padding:7px 10px;border-radius:10px;font-size:10px;line-height:1.45;background:var(--g-card);border:1px solid var(--g-line);border-bottom-left-radius:3px}
.g-msg small{display:block;font-size:8px;color:var(--g-muted);margin-top:3px}
.g-msg.out,.g-msg.ai{align-self:flex-end;text-align:right}
.g-msg.out p{background:var(--g-blue);color:#fff;border-color:var(--g-blue);border-bottom-left-radius:10px;border-bottom-right-radius:3px;text-align:left}
.g-msg.ai p{background:#eef2ff;border-color:#c7d2fe;color:#312e81;border-bottom-left-radius:10px;border-bottom-right-radius:3px;text-align:left}
.g-msg.sys{align-self:center;max-width:90%}
.g-msg.sys p{background:transparent;border:0;color:var(--g-muted);font-size:8.5px;text-align:center;padding:0}
@keyframes g-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.g-compose{display:flex;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--g-line);background:var(--g-card);font-size:9px;color:var(--g-muted);overflow:hidden}
.g-compose span{white-space:nowrap}
.g-compose span.on{color:var(--g-blue);font-weight:600}
.g-compose i{font-style:normal;flex:1;min-width:0;text-align:left;border:1px solid var(--g-line);border-radius:6px;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-conv-side{border-left:1px solid var(--g-line);background:var(--g-card);padding:14px 12px;display:flex;flex-direction:column;gap:3px;font-size:9.5px;overflow:hidden}
.g-conv-side strong{margin-top:8px;font-size:10.5px}
.g-conv-side>span{color:var(--g-muted);font-size:9px}

/* calendar */
.g-cal{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--g-card)}
.g-cal-head{display:grid;grid-template-columns:44px repeat(5,1fr);border-bottom:1px solid var(--g-line);font-size:9px;font-weight:600;color:var(--g-muted)}
.g-cal-head span{padding:7px 6px;text-align:center;border-left:1px solid var(--g-line)}
.g-cal-head span:first-child{border:0}
.g-cal-grid{flex:1;display:grid;grid-template-columns:44px repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-auto-flow:row;background-image:linear-gradient(var(--g-line) 1px,transparent 1px),linear-gradient(90deg,var(--g-line) 1px,transparent 1px);background-size:100% 20%,20% 100%;background-position:0 0,44px 0;min-height:0}
.g-hour{grid-column:1;font-size:8px;color:var(--g-muted);padding:3px 5px;border-right:1px solid var(--g-line);background:var(--g-card)}
.g-event{margin:2px 3px;border-radius:5px;padding:4px 6px;font-size:8.5px;line-height:1.3;background:var(--g-blue-soft);border-left:3px solid var(--g-blue);overflow:hidden;min-height:0}
.g-event strong{display:block;font-size:9px}
.g-event span{color:var(--g-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.g-event.pending{background:var(--g-amber-soft);border-color:var(--g-amber);animation:g-blink 1.4s ease-in-out infinite}
.g-event.ok{background:var(--g-green-soft);border-color:var(--g-green);box-shadow:0 0 0 2px var(--g-green-soft)}
.g-event.busy{background:#eef1f5;border-color:#9aa4b2}
.g-event.bad{background:var(--g-red-soft);border-color:var(--g-red);margin-left:12px;z-index:1}
.g-event.alt{background:transparent;border:1px dashed var(--g-green);color:var(--g-green)}
.g-event.alt strong{color:var(--g-green)}
.g-event.past{opacity:.6}

/* opportunities */
.g-board{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;padding:12px 14px;overflow:hidden;min-height:0}
.g-stage{background:#eceff3;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.g-stage header{display:flex;flex-direction:column;padding:0 2px 6px}
.g-stage header strong{font-size:10px}
.g-stage header span{font-size:8.5px;color:var(--g-muted)}
.g-card{background:var(--g-card);border:1px solid var(--g-line);border-radius:6px;padding:7px 8px;font-size:9px;display:flex;flex-direction:column;gap:1px;box-shadow:0 1px 2px rgba(20,30,50,.05)}
.g-card strong{font-size:10px}
.g-card span,.g-card em{color:var(--g-muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-card em{font-size:8.5px;margin-top:3px}
.g-card.hot{border-color:var(--g-blue);box-shadow:0 0 0 3px var(--g-blue-soft),0 6px 14px rgba(24,139,246,.2);animation:g-drop .5s ease both}
@keyframes g-drop{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}

/* contact record */
.g-contact{flex:1;display:grid;grid-template-columns:190px 1fr;min-height:0}
.g-profile{background:var(--g-card);border-right:1px solid var(--g-line);padding:14px;display:flex;flex-direction:column;gap:2px;font-size:9.5px;overflow:hidden}
.g-profile>strong{margin-top:8px;font-size:11px}
.g-profile>span{color:var(--g-muted);font-size:9px}
.g-profile dl{margin:10px 0 0;display:grid;gap:6px}
.g-profile dt{font-size:8px;color:var(--g-muted);text-transform:uppercase;letter-spacing:.5px}
.g-profile dd{margin:0;font-size:9.5px}
.g-activity{padding:0;display:flex;flex-direction:column;overflow:hidden}
.g-activity .g-tabs{margin:0;padding:8px 14px;border-bottom:1px solid var(--g-line);background:var(--g-card)}
.g-act{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--g-line);font-size:9.5px;align-items:flex-start}
.g-act i{width:24px;height:24px;border-radius:50%;background:var(--g-card);border:1px solid var(--g-line);color:var(--g-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.g-act.hot{background:var(--g-blue-soft)}
.g-act.hot i{background:var(--g-blue);color:#fff;border-color:var(--g-blue)}
.g-act strong{display:block;font-size:10px}
.g-act span{font-size:8.5px;color:var(--g-muted)}

/* tasks + launchpad */
.g-tasks{flex:1;overflow:hidden;background:var(--g-card)}
.g-task{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--g-line);font-size:10px}
.g-task i{width:14px;height:14px;border-radius:4px;border:1.5px solid #c6cdd8;flex-shrink:0;position:relative}
.g-task.done i{background:var(--g-green);border-color:var(--g-green)}
.g-task.done i:after{content:'';position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.g-task.done strong{text-decoration:line-through;color:var(--g-muted)}
.g-task div{flex:1;min-width:0}
.g-task strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-task span{font-size:8.5px;color:var(--g-muted)}
.g-task.hot{background:var(--g-blue-soft)}
.g-task.hot i{border-color:var(--g-blue)}

/* settings */
.g-settings{flex:1;display:grid;grid-template-columns:130px 1fr;min-height:0}
.g-settings nav{background:var(--g-card);border-right:1px solid var(--g-line);padding:10px 8px;display:flex;flex-direction:column;gap:2px;font-size:9.5px;color:var(--g-muted)}
.g-settings nav span{padding:5px 8px;border-radius:5px}
.g-settings nav span.on{background:var(--g-blue-soft);color:var(--g-blue);font-weight:600}
.g-settings>div{padding:14px 18px;overflow:hidden}
.g-rows{margin-top:12px;background:var(--g-card);border:1px solid var(--g-line);border-radius:8px;overflow:hidden}
.g-row{display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--g-line);font-size:9.5px}
.g-row:last-child{border-bottom:0}
.g-row span{color:var(--g-muted)}
.g-row strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-row.hot{background:var(--g-blue-soft)}

/* placement in the site */
.ghl-stage{margin:18px 0 6px}
.demo-output .output-card{margin-top:16px}
.hero-screen{position:relative}
.hero-screen .ghl{height:430px;box-shadow:0 30px 60px -30px rgba(30,20,10,.4)}
.hero-art-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;font-size:12px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.g-msg,.g-card.hot,.g-event.pending,.g-pill.run:before{animation:none!important}}

/* responsive */
@media(max-width:900px){.ghl{grid-template-columns:44px 1fr;height:330px}.ghl-side nav span b,.ghl-side-foot span b,.ghl-agency b,.ghl-switch,.ghl-search{display:none}.ghl-side{padding:8px 6px}.ghl-side nav span,.ghl-side-foot span{justify-content:center;padding:6px}.ghl-agency{justify-content:center;padding:2px 0 8px}.g-conv{grid-template-columns:1fr 120px}.g-conv-list{display:none}.g-contact{grid-template-columns:160px 1fr}.g-ghost,.ghl-tools em{display:none}}
@media(max-width:640px){.ghl{height:300px;--g:10px;border-radius:8px}.g-conv{grid-template-columns:1fr}.g-conv-side{display:none}.g-contact{grid-template-columns:1fr}.g-activity{display:none}.g-settings{grid-template-columns:1fr}.g-settings nav{display:none}.g-tabs{display:none}.g-bar{padding:8px 12px}.g-board{grid-auto-columns:minmax(120px,1fr);padding:10px}.g-stage:nth-child(n+3){display:none}.g-cal-head,.g-cal-grid{grid-template-columns:36px repeat(5,1fr)}.g-cal-grid{background-position:0 0,36px 0}.g-table td:nth-child(2),.g-table th:nth-child(2){display:none}.g-node{width:100%}.g-canvas{padding:12px}.g-bar .g-btn{display:none}.g-thread-tools em{display:none}.hero-screen .ghl{height:390px}.ghl-tag{font-size:8.5px;text-align:left}.hero-art-foot{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.hero-art-foot .button{justify-content:center}}