.service{transition:transform .2s}[dir] .service .card:hover{transform:scale(1.05);border:1px solid #00f;cursor:pointer}[dir] .tip{border:none!important}[dir=ltr] .tip{text-align:left}[dir=rtl] .tip{text-align:right}.noti{position:absolute;top:0;width:auto;font-size:20px;filter:drop-shadow(0 5px 5px #999)}[dir=ltr] .noti{right:0;border-radius:0 5px 0 8px}[dir=rtl] .noti{left:0;border-radius:5px 0 8px 0}.offer-strip{display:flex;align-items:center;gap:16px}[dir] .offer-strip{background:#f0fbf4;border:1px solid #abefc6;border-radius:16px;padding:14px 20px;margin-bottom:1.5rem}.offer-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;color:#f5a30b;font-size:18px}[dir] .offer-icon{border-radius:12px;background:#fef3c7}.offer-text h4{font-size:1.1rem;font-weight:800;color:#067647}[dir] .offer-text h4{margin:0 0 2px}.offer-text p{color:#344054}[dir] .offer-text p{margin:0}.offer-go{flex:none}[dir=ltr] .offer-go{margin-left:auto}[dir=rtl] .offer-go{margin-right:auto}.svc-card{overflow:hidden}[dir] .svc-card{border-radius:16px}.svc-head{display:flex;align-items:center;flex-wrap:wrap;gap:14px}[dir] .svc-head{padding:18px 22px}.svc-head h4{font-size:1.3rem;font-weight:800}[dir] .svc-head h4{margin:0}.svc-head p{font-size:.95rem;color:#667085}[dir] .svc-head p{margin:0}.svc-tabs{display:inline-flex;flex-wrap:wrap;gap:2px}[dir] .svc-tabs{padding:4px;border-radius:12px;background:#eef1f6}[dir=ltr] .svc-tabs{margin-left:auto}[dir=rtl] .svc-tabs{margin-right:auto}.svc-tabs button{height:34px;font-weight:700;color:#667085}[dir] .svc-tabs button{border:0;background:transparent;padding:0 13px;border-radius:9px;cursor:pointer}.svc-tabs button b{font-size:12px;font-weight:800}[dir] .svc-tabs button b{padding:1px 6px;border-radius:6px;background:rgba(15,23,51,.07)}.svc-tabs button.on{color:#0f1733}[dir] .svc-tabs button.on{background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.12)}.svc-tabs button.on b{color:#1e3a8a}[dir] .svc-tabs button.on b{background:#e8eefd}.svc-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 200px 420px;align-items:center;gap:12px}[dir] .svc-row{padding:12px 22px;border-top:1px solid #e6e9ef}[dir] .svc-row:hover:not(.svc-labels){background:#fafbfd}.svc-labels{font-size:.9rem;font-weight:700;color:#667085}[dir] .svc-labels{background:#f6f7fb;border-top:1px solid #d5dae3;border-bottom:1px solid #d5dae3;padding-top:9px;padding-bottom:9px}[dir] .svc-labels+.svc-row{border-top:0}.svc-name{display:flex;align-items:center;gap:12px;min-width:0}.svc-img{width:52px;height:52px;flex:none;display:grid;place-items:center}[dir] .svc-img{border-radius:12px;background:#f6f7fb}.svc-img img{width:40px;height:40px;object-fit:contain}.svc-name-text{min-width:0}.svc-title{display:flex;align-items:center;gap:8px;font-size:1.07rem;font-weight:800;color:#0f1733}.svc-noti{min-width:22px;height:21px;color:#fff;font-size:12px;font-weight:700;line-height:21px}[dir] .svc-noti{padding:0 7px;border-radius:11px;background:#d92d20;text-align:center}.svc-bio{font-size:.92rem;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-pill{display:inline-block;font-size:.9rem;font-weight:700;white-space:nowrap}[dir] .svc-pill{padding:3px 11px;border-radius:999px}.svc-pill.ok{color:#067647}[dir] .svc-pill.ok{background:#dcfae6}.svc-pill.info{color:#026aa2}[dir] .svc-pill.info{background:#e0f2fe}.svc-pill.bad{color:#b42318}[dir] .svc-pill.bad{background:#fee4e2}.svc-pill.mute{color:#667085}[dir] .svc-pill.mute{background:#eef1f6}.svc-date b{display:block;color:#0f1733;font-variant-numeric:tabular-nums}[dir=ltr] .svc-date b{text-align:right}[dir=rtl] .svc-date b{text-align:left}.svc-date small{display:block;font-size:.88rem;color:#667085}.svc-date small.warn{color:#b54708;font-weight:700}.svc-date small.bad{color:#b42318;font-weight:700}.svc-acts{display:grid;grid-template-columns:150px 130px 110px;justify-content:end;gap:8px}.svc-acts .btn{width:100%;white-space:nowrap}.svc-empty{color:#667085}[dir] .svc-empty{padding:26px;text-align:center;border-top:1px solid #e6e9ef}@media (max-width:1199.98px){.svc-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "state date" "acts acts";gap:8px 12px}[dir] .svc-row{padding:14px 16px}.svc-labels{display:none}.svc-name{grid-area:name}.svc-state{grid-area:state}.svc-date{grid-area:date}[dir=ltr] .svc-date{text-align:left}[dir=rtl] .svc-date{text-align:right}[dir=ltr] .svc-date b{text-align:left}[dir=rtl] .svc-date b{text-align:right}.svc-acts{grid-area:acts;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}[dir=ltr] .svc-tabs{margin-left:0}[dir=rtl] .svc-tabs{margin-right:0}.offer-strip{flex-wrap:wrap}[dir=ltr] .offer-go{margin-left:0}[dir=rtl] .offer-go{margin-right:0}}@media (max-width:575.98px){.offer-icon{display:none}.svc-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.svc-tabs button{flex:none}[dir] .svc-tabs button{padding:0 10px}.svc-acts{gap:6px}.svc-acts .btn{font-size:.82rem}[dir=ltr] .svc-acts .btn,[dir=rtl] .svc-acts .btn{padding-left:.3rem;padding-right:.3rem}}