/* PEADS component styles — consumed by the pilot via public/static/app.css */
.pd-btn{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);padding:6px 12px;font:600 14px/20px var(--font-sans);border:1px solid transparent;cursor:pointer;min-height:36px}
.pd-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.pd-btn-primary{background:var(--primary);color:var(--on-primary)}.pd-btn-primary:hover{background:var(--primary-hover)}
.pd-btn-success{background:var(--success);color:#fff}.pd-btn-danger{background:var(--danger);color:#fff}
.pd-btn-secondary{background:var(--bg-card);color:var(--ink);border-color:var(--border-strong)}.pd-btn-secondary:hover{background:var(--bg-muted)}
.pd-btn[disabled]{opacity:.5;cursor:not-allowed}
.pd-badge{display:inline-block;border-radius:var(--radius-pill);padding:2px 10px;font:600 12px/16px var(--font-sans);white-space:nowrap}
.pd-badge-neutral{background:var(--bg-muted);color:var(--status-neutral-ink)}
.pd-badge-info{background:var(--status-info-bg);color:var(--status-info-ink)}
.pd-badge-progress{background:var(--status-progress-bg);color:var(--status-progress-ink)}
.pd-badge-warning{background:var(--status-warning-bg);color:var(--status-warning-ink)}
.pd-badge-pending{background:var(--status-pending-bg);color:var(--status-pending-ink)}
.pd-badge-success{background:var(--status-success-bg);color:var(--status-success-ink)}
.pd-badge-done{background:var(--status-done-bg);color:var(--status-done-ink)}
.pd-badge-danger{background:var(--status-danger-bg);color:var(--status-danger-ink)}
.pd-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--space-5)}
.pd-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px var(--space-4);border-bottom:1px solid var(--border);font:600 16px/24px var(--font-sans);color:var(--ink)}
.pd-card-body{padding:var(--space-3) var(--space-4)}
@media (max-width:640px){.pd-card-head,.pd-card-body{padding-left:var(--space-3);padding-right:var(--space-3)}}
.pd-field{display:block;font:400 14px/20px var(--font-sans);color:var(--ink)}
.pd-field > span{color:var(--ink-muted)}
.pd-field input,.pd-field select,.pd-field textarea{margin-top:var(--space-1);width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 8px;font:inherit;background:var(--bg-card);color:var(--ink);min-height:36px}
.pd-field input:focus,.pd-field select:focus,.pd-field textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}
.pd-field .pd-help{display:block;font:400 12px/16px var(--font-sans);color:var(--ink-subtle)}
.pd-field .pd-req{color:var(--danger)}
.pd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-table{min-width:100%;border-collapse:collapse;font:400 14px/20px var(--font-sans);color:var(--ink)}
.pd-table th{text-align:left;padding:var(--space-2) var(--space-4) var(--space-2) 0;border-bottom:1px solid var(--border);font:600 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}
.pd-table td{padding:var(--space-2) var(--space-4) var(--space-2) 0;border-bottom:1px solid var(--border);vertical-align:top}
.pd-table .pd-empty{color:var(--ink-subtle);padding:var(--space-4) 0}
@media (max-width:640px){.pd-table.pd-stack thead{display:none}.pd-table.pd-stack tr{display:block;border-bottom:1px solid var(--border);padding:var(--space-2) 0}.pd-table.pd-stack td{display:flex;gap:var(--space-2);border:0;padding:2px 0}.pd-table.pd-stack td::before{content:attr(data-label);flex:0 0 38%;color:var(--ink-muted);font-size:12px}}
.pd-header{background:var(--brand-navy);color:#fff}
.pd-header-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-4);height:56px;display:flex;align-items:center;gap:var(--space-6)}
.pd-brand{font:700 16px/20px var(--font-sans);color:#fff;text-decoration:none;white-space:nowrap}.pd-brand b{color:var(--brand-sky)}.pd-brand small{font-weight:400;font-size:12px;color:var(--brand-sky);margin-left:var(--space-1)}
.pd-nav{display:flex;gap:var(--space-4);font:400 14px/20px var(--font-sans)}.pd-nav a{color:#fff;text-decoration:none}.pd-nav a:hover,.pd-nav a.active{color:var(--brand-sky)}.pd-nav a.active{font-weight:600}
.pd-user{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);font:400 12px/16px var(--font-sans);color:var(--brand-sky)}
.pd-user a{color:#fff;text-decoration:none}.pd-user .pd-signout{border:1px solid rgba(125,211,252,.5);border-radius:var(--radius-sm);padding:4px 8px}
.pd-menu-btn{display:none;margin-left:auto;background:none;border:1px solid rgba(125,211,252,.5);color:#fff;border-radius:var(--radius-sm);padding:6px 10px;font:inherit}
@media (max-width:768px){.pd-header-inner{gap:var(--space-3)}.pd-nav,.pd-user{display:none}.pd-menu-btn{display:inline-flex}.pd-header.open .pd-nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:56px;background:var(--brand-navy);padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid rgba(125,211,252,.3);z-index:50}.pd-header.open .pd-nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pd-header.open .pd-user{display:flex;flex-direction:column;align-items:flex-start;position:absolute;left:0;right:0;top:calc(56px + var(--nav-h,0px));background:var(--brand-navy);padding:var(--space-3) var(--space-4);z-index:50}}
.pd-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.pd-stat-label{font:400 12px/16px var(--font-sans);color:var(--ink-muted)}.pd-stat-value{font:700 24px/28px var(--font-sans);color:var(--ink)}
.pd-flag{display:inline-block;border-radius:var(--radius-sm);padding:1px 6px;font:600 11px/16px var(--font-sans)}
.pd-flag-error{background:var(--status-danger-bg);color:var(--status-danger-ink)}.pd-flag-warning{background:var(--status-warning-bg);color:var(--status-warning-ink)}.pd-flag-check{background:var(--status-info-bg);color:var(--status-info-ink)}