.platform-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-4); padding:var(--space-4) var(--space-5); border-bottom:1px solid var(--color-border); background:var(--color-surface); }
.platform-brand { font-size:1.15rem; font-weight:700; text-decoration:none; color:var(--color-text); }
.platform-brand span { color:var(--color-text-muted); font-weight:400; margin-left:var(--space-2); }
.platform-main { width:min(100% - 2rem, 68rem); margin:var(--space-6) auto var(--space-7); }
.platform-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-4); margin-block:var(--space-5); }
.platform-heading h1 { margin-block:var(--space-2); }
.platform-actions { display:flex; flex-wrap:wrap; gap:var(--space-3); align-items:center; }
.platform-actions form { margin:0; }
.platform-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); padding:var(--space-5); box-shadow:var(--shadow-sm); min-width:0; }
.platform-stack { display:grid; gap:var(--space-5); }
.platform-stack h2,.platform-stack h3,.platform-stack p { margin:0; }
.platform-grid { display:grid; gap:var(--space-4); }
.platform-field { display:grid; align-content:start; gap:var(--space-2); min-width:0; }
.platform-field input,.platform-field select { width:100%; min-width:0; }
.platform-list { display:grid; gap:var(--space-3); margin-block:var(--space-5); }
.platform-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-4); color:var(--color-text); text-decoration:none; overflow-wrap:anywhere; }
.platform-row:hover { border-color:var(--color-primary); }
.platform-row p { margin:var(--space-2) 0 0; }
.platform-login { max-width:28rem; margin:10vh auto; }
.platform-login form { margin-top:var(--space-6); }
.platform-feedback { padding:var(--space-3); background:var(--color-primary-soft); border-radius:var(--radius-sm); overflow-wrap:anywhere; }
.platform-feedback[data-error="true"] { background:var(--color-danger-soft); color:var(--color-danger); }
.platform-history { padding-left:var(--space-5); display:grid; gap:var(--space-3); overflow-wrap:anywhere; }
[data-platform-detail] > .platform-card { margin-block:var(--space-5); }
.platform-main [hidden] { display:none !important; }
@media(min-width:42rem) { .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .platform-card { padding:var(--space-6); } }