:root{--ag-primary:#0f172a;--ag-secondary:#1d4ed8;--ag-accent:#f97316;--ag-muted:#64748b;--ag-shadow:0 18px 45px rgba(15,23,42,.08)}
body{background:radial-gradient(circle at top right, rgba(249,115,22,.10), transparent 26%),radial-gradient(circle at top left, rgba(29,78,216,.10), transparent 28%),#f8fafc !important}
.topbar,.hero-panel,.hero,.filter-card,.filters-panel,.service-card,.card,.chat-popup,.modal-box,.service-details-card{box-shadow:var(--ag-shadow)}
.chat-presence{display:inline-flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--ag-muted);margin-left:.6rem}.chat-presence__dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.chat-presence.online .chat-presence__dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15)}
.chat-msg,.chat-message{max-width:min(82%,680px);word-break:break-word}.chat-popup,.chat-modal,.chat-panel{max-width:min(96vw,460px)}
@media (max-width:980px){.page,.main-content,.services-grid,.cards-grid,.filter-grid,.filters-grid{width:100%!important}.hero-panel,.filters-panel,.filter-card,.services-card,.service-card,.card,.main-content{margin-inline:12px!important}.filters-grid,.filter-grid{grid-template-columns:1fr!important}.service-header,.service-top,.card-header,.section-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.actions,.service-actions,.card-actions,.btn-group{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.actions>*,.service-actions>*,.card-actions>*,.btn-group>*{width:100%}}
@media (max-width:720px){body{overflow-x:hidden;overflow-x:clip}.topbar .container,.topbar-content,.hero-panel,.filters-panel,.filter-card,.main-content,.service-card,.card{border-radius:18px!important}.chat-popup{position:fixed!important;inset:auto 10px 10px 10px!important;width:auto!important;max-width:none!important;height:min(72vh,560px)!important}#chatContainer,#chatMessagesContainer,.chat-popup__messages{max-height:none!important;height:calc(72vh - 130px)!important}.chat-popup__input-area,.chat-input-row,.chat-footer{display:grid!important;grid-template-columns:1fr auto;gap:8px}.modal-box,.modal-content{width:min(96vw,680px)!important;max-height:88vh!important;overflow:auto!important}table{display:block;overflow:auto;white-space:nowrap}}