.services-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 18px}
.service-command-card{min-width:0;text-decoration:none;color:inherit;border:1px solid rgba(231,220,203,.95);background:#fffdf8;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(32,24,12,.05)}
.service-command-card span,.service-command-card small{display:block;color:var(--muted,#746d63);font-size:.84rem;font-weight:850}
.service-command-card strong{display:block;margin:5px 0 2px;font-size:1.24rem;line-height:1.12;overflow-wrap:anywhere}
.service-command-card.danger{border-color:#ffc7bd;background:#fff4f2}
.service-command-card.warn{border-color:#f4d18a;background:#fff8e8}
.service-command-card.ok{border-color:#b9e8ca;background:#f1fbf4}
.service-command-card.primary{background:#111214;border-color:#111214;color:#fff}
.service-command-card.primary span,.service-command-card.primary small{color:rgba(255,255,255,.72)}
.service-command-card:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(32,24,12,.08)}
.service-next-panel{border:1px solid rgba(231,220,203,.95);background:linear-gradient(180deg,#fffdf8,#fff8eb);border-radius:22px;padding:14px;margin:0 0 18px;box-shadow:0 12px 30px rgba(32,24,12,.05)}
.service-next-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.service-next-head span{display:block;color:var(--muted,#746d63);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.service-next-head h2{margin:2px 0 0;font-size:1.2rem;line-height:1.15}
.service-next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.service-next-card{display:grid;gap:9px;min-width:0;text-decoration:none;color:inherit;border:1px solid rgba(215,198,170,.88);background:#fff;border-radius:18px;padding:13px;box-shadow:0 8px 22px rgba(32,24,12,.04)}
.service-next-card div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.service-next-card span,.service-next-card small{display:block;color:var(--muted,#746d63);font-size:.84rem;font-weight:850;line-height:1.25}
.service-next-card strong{font-size:1.18rem;line-height:1;text-align:right;overflow-wrap:anywhere}
.service-next-card.danger{border-color:#ffc7bd;background:#fff4f2}
.service-next-card.warn{border-color:#f4d18a;background:#fff8e8}
.service-next-card.info{border-color:#bddcff;background:#f2f8ff}
.service-next-card.ok{border-color:#b9e8ca;background:#f1fbf4}
.service-next-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(32,24,12,.08)}
.service-status-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) minmax(220px,.8fr);gap:14px;align-items:center;border:1px solid rgba(231,220,203,.95);border-left-width:6px;border-radius:18px;background:#fffdf8;padding:15px;margin:0 0 18px;box-shadow:0 12px 30px rgba(32,24,12,.05)}
.service-status-strip.ok{border-color:#b9e8ca;background:#f1fbf4}
.service-status-strip.warn{border-color:#f4d18a;background:#fff8e8}
.service-status-strip span{display:block;color:var(--muted,#746d63);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.service-status-strip h2{margin:2px 0 4px;font-size:1.18rem;line-height:1.14}
.service-status-strip p{margin:0;color:var(--muted,#746d63);font-weight:820;line-height:1.35}
.service-status-progress{display:grid;gap:6px;min-width:0}
.service-status-progress strong{font-size:1.18rem;line-height:1}
.service-status-progress div{height:10px;border:1px solid rgba(215,198,170,.86);background:#fff;border-radius:999px;overflow:hidden}
.service-status-progress i{display:block;height:100%;border-radius:999px;background:#111214}
.service-status-progress small{color:var(--muted,#746d63);font-size:.8rem;font-weight:850}
.service-status-pills{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.service-status-pills span{border:1px solid rgba(215,198,170,.88);background:#fff;border-radius:999px;padding:7px 9px;font-size:.74rem;letter-spacing:0}
.service-status-pills span.ok{border-color:#b9e8ca;background:#f1fbf4;color:#246238}
.service-status-pills span.warn{border-color:#f4d18a;background:#fff8e8;color:#7a5414}
.service-insight-panel{border:1px solid rgba(221,230,238,.96);background:#fbfcfe;border-radius:22px;padding:14px;margin:0 0 18px;box-shadow:0 12px 30px rgba(18,54,92,.05)}
.service-insight-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.service-insight-head span{display:block;color:#526170;font-size:.78rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.service-insight-head h2{margin:2px 0 0;font-size:1.18rem;line-height:1.12}
.service-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-insight-card{min-width:0;border:1px solid rgba(207,216,224,.95);background:#fff;border-radius:16px;padding:12px;box-shadow:0 8px 22px rgba(18,54,92,.04)}
.service-insight-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
.service-insight-title span{color:#66707c;font-size:.82rem;font-weight:900;text-transform:uppercase}
.service-insight-title strong{font-size:1.04rem;line-height:1.05;text-align:right}
.service-insight-list{display:grid;gap:7px}
.service-insight-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;color:inherit;border:1px solid rgba(231,220,203,.88);background:#fffdf8;border-radius:12px;padding:10px}
.service-insight-row.warn{background:#fff8e8;border-color:#f4d18a}
.service-insight-row:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(18,54,92,.07)}
.service-insight-row span{min-width:0}
.service-insight-row strong,.service-insight-row small{display:block;min-width:0;overflow-wrap:anywhere;line-height:1.22}
.service-insight-row small{margin-top:3px;color:var(--muted,#746d63);font-size:.82rem;font-weight:820}
.service-insight-row b{font-size:.92rem;text-align:right;white-space:nowrap}
.service-insight-empty{color:var(--muted,#746d63);border:1px dashed rgba(154,166,178,.75);border-radius:12px;padding:12px;font-weight:850;background:rgba(255,255,255,.42)}
body[data-page="services"] .services-table{border:1px solid rgba(214,224,233,.94);background:#fff;border-radius:8px;overflow:auto;box-shadow:none}
body[data-page="services"] .services-table table{border-collapse:collapse;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums;min-width:980px;width:100%}
body[data-page="services"] .services-table thead th{position:sticky;top:0;z-index:2;border:0;border-bottom:1px solid rgba(205,216,226,.96);background:#f7f9fc;color:#4f5b66;font-size:11px;letter-spacing:.03em;line-height:1.15;padding:7px 9px;text-transform:uppercase;white-space:nowrap}
body[data-page="services"] .services-table tbody tr{border-bottom:1px solid rgba(225,232,238,.92)}
body[data-page="services"] .services-table tbody tr:nth-child(even){background:#fcfdff}
body[data-page="services"] .services-table tbody td{background:transparent;border:0;border-bottom:1px solid rgba(225,232,238,.92);border-radius:0;line-height:1.22;padding:7px 9px;vertical-align:middle}
body[data-page="services"] .services-table tbody tr:hover,
body[data-page="services"] .services-table tbody tr:hover td{background:#f8fbff}
body[data-page="services"] .services-table tbody tr.has-issue,
body[data-page="services"] .services-table tbody tr.has-issue td{background:#fff9ea}
body[data-page="services"] .services-table td:nth-child(4),
body[data-page="services"] .services-table td:nth-child(5),
body[data-page="services"] .services-table td:nth-child(6){text-align:right;white-space:nowrap}
body[data-page="services"] .services-table td small{display:block;margin-top:2px;color:var(--muted,#746d63);font-size:.76rem;font-weight:750;line-height:1.15}
body[data-page="services"] .services-table .row-actions{min-width:90px}
body[data-page="services"] .services-table .row-actions .btn{min-width:0;min-height:30px;border-radius:9px;padding:6px 8px;font-size:12px;background:#fff;border-color:rgba(205,216,226,.96)}
@media(max-width:900px){
  .services-command-grid{grid-template-columns:1fr 1fr}
  .service-status-strip,.service-insight-grid{grid-template-columns:1fr}
  .service-status-pills{justify-content:flex-start}
}
@media(max-width:560px){
  .services-command-grid,.service-next-grid{display:flex;grid-template-columns:none;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .services-command-grid::-webkit-scrollbar,.service-next-grid::-webkit-scrollbar{display:none}
  .service-command-card,.service-next-card{flex:0 0 min(78vw,285px);scroll-snap-align:start}
  .service-next-head,.service-insight-head{align-items:stretch;flex-direction:column}
  .service-next-head .btn,.service-insight-head .btn{width:100%}
  .service-insight-row{grid-template-columns:1fr}
  .service-insight-row b{text-align:left;white-space:normal}
}
