/* MSC client area — inside the shared site header/footer */
.cl-auth-wrap{background:linear-gradient(180deg,#f4f9ff,#fff)}.cl-auth{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cl-auth-side h1{font-size:clamp(30px,3.6vw,46px)}.cl-ticks{list-style:none;padding:0;margin:18px 0}.cl-ticks li{padding:8px 0 8px 28px;position:relative;color:#33475f}
.cl-ticks li:before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:#0b67d1;color:#fff;font-size:11px;display:grid;place-items:center;font-weight:800}
.cl-tabs{display:flex;gap:6px;background:#eef4fb;border-radius:12px;padding:4px;margin-bottom:18px}.cl-tabs a{flex:1;text-align:center;padding:10px;border-radius:9px;font-weight:700;font-size:14px;color:#33475f}.cl-tabs a.on{background:#fff;color:#0b67d1;box-shadow:0 4px 12px #0a386314}
.cl-wrap{background:#f3f7fc;padding:34px 0 60px}.cl-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.cl-side{position:sticky;top:120px;background:linear-gradient(180deg,#061b3a,#0a2d59);border-radius:18px;padding:18px 12px;color:#dcecff;box-shadow:0 20px 50px #06234a26}
.cl-user{display:flex;gap:10px;align-items:center;padding:4px 8px 16px;border-bottom:1px solid #ffffff18;margin-bottom:10px}.cl-user b{display:block;color:#fff;font-size:14px}.cl-user small{color:#8fb9e0;font-size:11px;word-break:break-all}
.cl-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0b67d1,#10c9f3);display:grid;place-items:center;font-weight:800;color:#fff;flex:0 0 auto}
.cl-nav{display:flex;flex-direction:column;gap:2px}.cl-nav button{display:flex;align-items:center;gap:11px;border:0;background:none;color:#a9c4e0;font-weight:700;font-size:13.5px;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}
.cl-nav button:hover,.cl-nav button.on{background:linear-gradient(90deg,#0b67d1,#0e79df);color:#fff}.cl-badge{margin-left:auto;background:#ff6b3d;color:#fff;font-style:normal;font-size:10px;border-radius:999px;padding:2px 7px}
.cl-logout{display:flex;align-items:center;gap:8px;color:#9fbad6;font-size:13px;padding:12px;margin-top:8px;border-top:1px solid #ffffff18}
.cl-main{min-width:0}.cl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.cl-head h1{font-size:30px;margin:2px 0 0}.cl-head small{color:#71819a;font-size:13px}.cl-menu{display:none}
.cl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}
.cl-stat{background:#fff;border:1px solid #dbe7f5;border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s}.cl-stat:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0a386314}
.cl-stat i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px;color:#fff}.cl-stat b{font-size:28px;color:#061b3a;font-family:Poppins,Arial,sans-serif}.cl-stat small{display:block;color:#71819a;font-size:13px}
.cl-panel{background:#fff;border:1px solid #dbe7f5;border-radius:16px;padding:20px;margin-bottom:18px}.cl-panel h2{font-size:19px;margin:0 0 4px}.cl-panel>p{margin:0 0 12px;font-size:13.5px}
.cl-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.cl-fav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cl-fav a,.cl-fav button{display:flex;gap:12px;align-items:center;border:1px solid #e3ecf6;background:#fbfdff;border-radius:12px;padding:14px;font-weight:700;color:#1d3350;cursor:pointer;font-size:14px;text-align:left}
.cl-fav span{width:34px;height:34px;border-radius:50%;background:#0b67d1;color:#fff;display:grid;place-items:center;flex:0 0 auto}
.cl-health div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #eef3f8;font-size:14px}.cl-health div:last-child{border-bottom:0}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:#eef2f6;color:#334155}
.pill.ok{background:#e3f7ee;color:#13795b}.pill.warn{background:#fff4e0;color:#9a5b00}.pill.bad{background:#ffecee;color:#c93b4b}.pill.blue{background:#e8f1ff;color:#0b67d1}
.cl-svc{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.cl-svc-card{background:#fff;border:1px solid #dbe7f5;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.cl-svc-card.active{border-top:4px solid #13a06b}.cl-svc-card.pending{border-top:4px solid #f5a623}.cl-svc-card.suspended,.cl-svc-card.terminated{border-top:4px solid #c93b4b}
.cl-svc-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cl-svc-top h3{margin:0;font-size:18px;word-break:break-all}.cl-svc-top small{color:#71819a}
.cl-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cl-g{text-align:center;font-size:11.5px;color:#637575}
.cl-ring{--p:0;width:64px;height:64px;border-radius:50%;margin:0 auto 6px;background:conic-gradient(#0b67d1 calc(var(--p)*1%),#e6eef7 0);display:grid;place-items:center}.cl-ring b{width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;color:#061b3a}
.cl-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:13px}.cl-kv span{color:#71819a}.cl-kv b{font-weight:600;color:#1d3350;word-break:break-all}
.cl-actions{display:flex;gap:8px;flex-wrap:wrap}.cl-actions .btn{padding:9px 13px;font-size:12.5px}
.cl-table{width:100%;border-collapse:collapse;font-size:13.5px}.cl-table th,.cl-table td{padding:11px 8px;border-bottom:1px solid #eef3f8;text-align:left;vertical-align:middle}.cl-table th{font-size:11px;color:#71819a;text-transform:uppercase;letter-spacing:.05em}
.cl-tw{overflow:auto}.cl-empty{background:#fff;border:1px dashed #cfe0f3;border-radius:16px;padding:34px;text-align:center;color:#637575}.cl-empty a{font-weight:700}
.cl-timer{font-family:Poppins,Arial,sans-serif;font-size:26px;font-weight:700;color:#061b3a;letter-spacing:.02em}.cl-progress{height:10px;border-radius:999px;background:#e6eef7;overflow:hidden}.cl-progress i{display:block;height:100%;background:linear-gradient(90deg,#0b67d1,#10c9f3)}
.cl-steps{display:flex;gap:6px;flex-wrap:wrap}.cl-steps span{font-size:11.5px;padding:5px 10px;border-radius:999px;background:#eef2f6;color:#637575;font-weight:700}.cl-steps span.on{background:#e3f7ee;color:#13795b}
.cl-files a{display:flex;justify-content:space-between;padding:9px 12px;border:1px solid #e3ecf6;border-radius:10px;margin-top:6px;font-size:13px;font-weight:600}
.cl-thread{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:10px;margin:12px 0}.cl-msg{padding:12px 14px;border-radius:12px;background:#f4f9ff;font-size:14px;white-space:pre-wrap}.cl-msg.admin{background:#e8fff4;border:1px solid #bfe9d4}.cl-msg small{display:block;color:#71819a;font-size:11px;margin-bottom:4px}
.cl-form label{display:block;font-size:13px;font-weight:600;color:#33475f;margin-bottom:10px}.cl-form input,.cl-form select,.cl-form textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid #d4e2f1;border-radius:10px;font:inherit;font-size:14px;background:#fbfdff}
.cl-form textarea{min-height:110px}.cl-msgline{font-size:13px;margin-top:8px}.cl-msgline.ok{color:#13795b}.cl-msgline.bad{color:#c93b4b}
.cl-order{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
@media(max-width:1000px){.cl-grid{grid-template-columns:1fr}.cl-side{position:static;display:none}.cl-side.open{display:block}.cl-menu{display:inline-flex}.cl-2,.cl-auth{grid-template-columns:1fr}}
@media(max-width:560px){.cl-fav{grid-template-columns:1fr}.cl-svc{grid-template-columns:1fr}.cl-head h1{font-size:24px}.cl-wrap{padding-top:20px}}
html[dir=rtl] .cl-nav button{text-align:right}html[dir=rtl] .cl-badge{margin-left:0;margin-right:auto}