.subscription-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  margin-top: 18px;
  padding: 24px;
}
.subscription-card h2 { margin-top: 6px; }
.subscription-card p { margin: 4px 0 16px; }
.subscription-row { display: flex; gap: 10px; }
.subscription-row input {
  min-width: 0;
  flex: 1;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--pale);
  padding: 11px 13px;
  color: var(--ink);
  font: 13px ui-monospace, SFMono-Regular, Consolas, monospace;
}
.subscription-row button {
  padding: 10px 16px;
  color: #fff;
  background: var(--blue);
  border-color: var(--blue);
  font-weight: 700;
}
@media (max-width: 720px) {
  .subscription-row { flex-direction: column; }
  .subscription-row button { width: 100%; }
}
.employee-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; }
.employee-hero h1 { margin-bottom:10px; }
.employee-hero p { margin:0; }
.platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.platform-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; min-width:0; box-shadow:0 6px 22px rgba(30,55,85,.045); }
.platform-title { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.platform-title span { color:var(--muted); font-size:12px; font-weight:700; }
.platform-title h2 { margin:2px 0 0; }
.platform-title p { margin:0; font-size:13px; }
.guide-link { color:var(--blue); text-decoration:none; font-weight:700; white-space:nowrap; }
.mode-tip { display:grid; grid-template-columns:auto repeat(3,minmax(0,1fr)); align-items:center; gap:10px 18px; background:#eef5ff; border-radius:10px; padding:14px 16px; margin:14px 0; font-size:12px; }
.mode-tip b { color:var(--blue); white-space:nowrap; }
.mode-tip span { text-align:center; white-space:nowrap; }
.platform-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0; }
.platform-actions a { display:flex; justify-content:center; align-items:center; min-height:42px; padding:9px 12px; border-radius:9px; text-decoration:none; font-weight:700; text-align:center; }
.download-btn { background:var(--blue); color:#fff; }
.software-btn,.install-btn { background:#edf4ff; color:var(--blue); }
.subscription-label { display:block; font-size:13px; font-weight:800; margin-bottom:4px; }
.subscription-reminder { display:block; color:var(--muted); margin-bottom:7px; }
.manual-grid-five { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:1100px){.platform-card:first-child,.platform-card:nth-child(2){grid-column:span 1}.platform-card:nth-child(n+3){grid-column:span 1}}
@media (max-width:800px){
  .employee-hero{align-items:flex-start;flex-direction:column}.platform-grid{grid-template-columns:1fr}.platform-card{padding:18px}.manual-grid-five{grid-template-columns:1fr}.mode-tip{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-tip b,.mode-tip span{text-align:left}
}
@media (max-width:520px){
  .platform-actions{grid-template-columns:1fr}.mode-tip{grid-template-columns:1fr}.platform-title{align-items:flex-start}.employee-hero h1{font-size:32px}
}
.device-count{display:flex;align-items:baseline;gap:6px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;white-space:nowrap}.device-count strong{font-size:28px;color:var(--blue)}.device-count span{color:var(--muted)}
.device-create-card{display:flex;align-items:end;justify-content:space-between;gap:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:28px}.device-create-card h2{margin:3px 0}.device-create-card p{margin:0}.device-create-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1fr) auto;align-items:end;gap:12px;flex:1;max-width:760px}.device-create-form label{display:grid;gap:5px}.device-create-form label span{font-size:12px;font-weight:800;color:var(--muted)}.device-create-form input,.device-create-form select{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;color:var(--ink);font:inherit}.device-create-form button{height:42px;padding:0 18px;background:var(--blue);border-color:var(--blue);color:#fff;font-weight:800}.device-create-form button:disabled{background:#a8b9d5;border-color:#a8b9d5;cursor:not-allowed}
.my-devices-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.my-devices-heading h2{margin:3px 0}.my-devices-heading a{color:var(--blue);text-decoration:none;font-weight:700}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.device-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0;box-shadow:0 6px 22px rgba(30,55,85,.045)}.device-card.revoked{background:#f8fafb;box-shadow:none}.device-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.device-card-head h2{margin:4px 0 0}.device-card-head p{margin:0}.platform-badge{display:inline-flex;padding:3px 8px;border-radius:6px;background:#edf4ff;color:var(--blue);font-size:11px;font-weight:800}.device-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.device-status.active{background:#eaf7f1;color:var(--green)}.device-status.inactive{background:#f3ecec;color:var(--red)}.device-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.device-meta div{padding:10px 12px;background:var(--pale);border-radius:9px;min-width:0}.device-meta span,.device-meta b{display:block}.device-meta span{font-size:11px;color:var(--muted)}.device-meta b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-danger{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.device-danger span{font-size:11px;color:var(--muted)}.device-danger form{margin:0}.device-danger button{color:var(--red);white-space:nowrap}.revoked-note{padding:14px;background:#f1f3f4;border-radius:9px;color:var(--muted);margin-top:16px}.empty-devices{grid-column:1/-1;text-align:center;padding:54px 24px;border:1px dashed #cbd4da;border-radius:18px;background:#fff}.empty-devices h2{margin:0}.empty-devices p{margin-bottom:0}
@media(max-width:900px){.device-create-card{align-items:stretch;flex-direction:column}.device-create-form{max-width:none}.device-grid{grid-template-columns:1fr}}
@media(max-width:720px){.device-create-form{grid-template-columns:1fr}.device-count{align-self:flex-start}.my-devices-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.device-meta{grid-template-columns:1fr}.device-danger{align-items:flex-start;flex-direction:column}.device-danger button{width:100%}}