:root{--client-navy:#06254d;--client-gold:#e0a23b;--client-bg:#eef3f7;--client-line:#d7e0e8}
.equipment-client-page{margin:0;color:#102b4e;background:var(--client-bg);font-family:Manrope,sans-serif}
.client-equipment-main{width:min(1180px,100% - 40px);min-height:calc(100vh - 150px);margin:0 auto;padding:28px 0 70px}
.client-control-hero{min-height:170px;padding:34px 38px;display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(110deg,#062655ed,#0e4a7de8),url('stm-hero-final.png') center 39%/cover;border-radius:11px;border-bottom:4px solid var(--client-gold);box-shadow:0 15px 30px #061f4520}
.client-control-copy{width:100%}
.client-control-copy>span,.equipment-content header>span{color:var(--client-gold);font-size:9px;font-weight:800;letter-spacing:1.3px}
.client-control-copy h1{max-width:620px;margin:7px 0;font-size:29px;line-height:1.2}
.client-control-copy>p{max-width:600px;margin:0;color:#d4dfeb;font-size:12px;line-height:1.5}
.client-control-image{display:none}
.client-owner{margin:22px 0 0;padding:12px 18px;display:inline-block;color:#fff;background:var(--client-gold);border-radius:8px}
.client-owner small{display:block;color:#fff9;font-size:8px;text-transform:uppercase}
.client-owner strong{display:block;margin-top:2px;font-size:11px}
.equipment-overview{margin:22px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.equipment-overview article{padding:20px;background:#fff;border:1px solid var(--client-line);border-radius:9px;box-shadow:0 5px 16px #061f450d}
.equipment-overview span{display:block;color:#77869a;font-size:9px}
.equipment-overview strong{display:block;margin-top:4px;color:var(--client-navy);font-size:24px}
.equipment-content{margin-top:38px}
.equipment-content header{margin-bottom:25px}
.equipment-content h2{margin:7px 0 5px;color:var(--client-navy);font-size:30px}
.equipment-content header p{margin:0;color:#758397;font-size:11px}
.equipment-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.client-equipment-card{overflow:hidden;background:#fff;border:1px solid var(--client-line);border-radius:9px;box-shadow:0 5px 16px #061f450d}
.equipment-card-top{min-height:68px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(125deg,#082d5c,#0b5a8e)}
.equipment-card-top span{width:38px;height:38px;display:grid;place-items:center;background:#ffffff1f;border-radius:10px}
.equipment-card-top svg{width:24px}
.equipment-card-top small{color:#e2aa49;font-size:8px;font-weight:800;letter-spacing:1px}
.equipment-card-body{padding:18px}
.equipment-card-body h3{margin:0 0 15px;color:var(--client-navy);font-size:17px}
.equipment-data{display:grid;gap:10px}
.equipment-data div{padding-bottom:9px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f4}
.equipment-data div:last-child{border-bottom:0}
.equipment-data span{color:#7a8798;font-size:9px}
.equipment-data strong{max-width:65%;color:#284765;font-size:9px;text-align:right}
.equipment-loading,.equipment-empty{grid-column:1/-1;padding:35px;color:#748296;background:#fff;border:1px solid var(--client-line);border-radius:12px;text-align:center;font-size:11px}
.client-error{position:fixed;right:18px;bottom:18px;padding:13px 17px;color:#922d39;background:#fff0f2;border:1px solid #efc5ca;border-radius:8px}
.client-footer{padding:20px;color:#b8c6d6;background:#031b3f;text-align:center;font-size:9px}
@media(max-width:760px){
  .client-equipment-main{width:calc(100% - 28px)}
  .client-control-hero{min-height:245px;padding:27px;align-items:flex-start}
  .client-control-copy h1{font-size:23px}
  .client-control-copy>p{font-size:11px}
  .equipment-overview{grid-template-columns:1fr 1fr;gap:9px}
  .equipment-overview article{padding:14px}
  .equipment-overview strong{font-size:20px}
  .equipment-content{margin-top:34px}
  .equipment-content h2{font-size:25px}
  .equipment-client-grid{grid-template-columns:1fr}
}
@media(max-width:480px){.equipment-overview{grid-template-columns:1fr}.equipment-overview article{min-height:75px}}