.side-collapse{margin-right:auto;width:34px;height:34px;border:1px solid var(--color-border-default);border-radius:11px;background:var(--color-background-f8f8fc-90de2b8e);color:var(--color-text-77738b-00840fce);display:grid;place-items:center;flex:none;transition:.2s var(--motion-ease-standard)}
body.side-collapsed .desktop-side{width:78px;padding:12px 9px}
body.side-collapsed .side-brand{padding-inline:5px;justify-content:center}
body.side-collapsed .side-brand-copy,body.side-collapsed .nav button span,body.side-collapsed .nav-lock,body.side-collapsed .side-bottom .btn span{display:none}
body.side-collapsed .side-collapse{position:absolute;left:-15px;top:18px;transform:rotate(180deg);background:var(--color-background-fff-d14f9016);box-shadow:var(--elevation-card)}
body.side-collapsed .nav button{justify-content:center;padding:11px 8px}
body.side-collapsed .nav button i{width:auto}
body.side-collapsed .side-bottom .btn{padding:11px 8px}
body.side-collapsed .main{margin-right:112px}
.desktop-side,.main{transition:width .22s var(--motion-ease-standard),margin-right .22s var(--motion-ease-standard),padding .22s var(--motion-ease-standard)}

.order-row{position:relative;padding-left:12px}.order-status{flex:none;white-space:nowrap;font-weight:800;border:1px solid transparent}.order-status.wait{border-color:var(--color-border-f2d49f-0de29c45)}.order-status.done{border-color:var(--color-border-bfe8d5-a5c13520)}.order-status.cancel{border-color:var(--color-border-f2c6cc-98358b72)}
.message-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;padding:6px;background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-default);border-radius:18px;box-shadow:0 8px 24px var(--color-shadow-rgba-55-48-104-04-2e89eb2b)}
.message-tab{border:0;border-radius:13px;background:transparent;color:var(--color-text-79798a-5cdb3a86);padding:11px 9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;transition:.18s var(--motion-ease-standard)}
.message-tab:hover{background:var(--color-background-f7f6fc-ffc2b347)}.message-tab.active{background:linear-gradient(135deg,var(--color-background-6c5ce7-b3ba3bb8),var(--color-background-5947d8-4cc90df1));color:var(--color-text-fff-d14f9016);box-shadow:0 8px 20px var(--color-shadow-rgba-89-71-216-20-4fa81c27)}
.conversation-row .status{flex:none}
.chat-order-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 12px;text-align:right}
.chat-order-summary>div{background:var(--color-background-f7f7fb-77f33c2a);border:1px solid var(--color-border-ececf3-073bdeff);border-radius:14px;padding:11px 12px;min-width:0}.chat-order-summary small,.chat-order-summary b{display:block}.chat-order-summary small{font-size:calc(9px * var(--ui-font-scale));color:var(--color-text-8a8998-f611d2da);margin-bottom:5px}.chat-order-summary b{font-size:calc(11px * var(--ui-font-scale));overflow:hidden;text-overflow:ellipsis}.chat-order-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:8px}.chat-order-actions .btn{margin:0}
@media(max-width:760px){body.side-collapsed .main{margin-right:0}.message-tabs{gap:5px;padding:5px}.message-tab{font-size:calc(10px * var(--ui-font-scale));padding:10px 5px;gap:5px}.message-tab i{font-size:calc(11px * var(--ui-font-scale))}.order-row{align-items:center}.order-status{font-size:calc(9px * var(--ui-font-scale));padding:5px 7px}.chat-order-summary{grid-template-columns:1fr 1fr}}

.notification-bell{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--color-background-d63c4a-1e23c197);color:var(--color-text-fff-d14f9016);font-size:calc(10px * var(--ui-font-scale));line-height:18px;text-align:center}.notification-row.is-unread{border-color:var(--color-border-rgba-214-60-74-28-0c94ec27);background:var(--color-background-rgba-214-60-74-045-cfe85f5c)}.notification-row.is-unread strong{font-weight:800}

.notification-thumb{width:58px;height:58px;flex:0 0 58px;border-radius:14px;object-fit:cover;background:var(--surface-2,var(--color-background-f3f4f6-000d003e));border:1px solid var(--line,var(--color-border-e5e7eb-47fb0fc0))}
.notification-row.is-unread{border-color:var(--color-border-rgba-245-158-11-45-fb66a3c2);background:var(--color-background-rgba-245-158-11-06-beaabf74)}