.pcr-app { --warm:#fffaf0; --paper:#f6edda; --line:#d5c5aa; --ink:#263b42; --muted:#66777b; --coral:#c96f5c; --coral-deep:#9f4d42; --teal:#3f7d7a; --navy:#31516b; color:var(--ink); }
.pcr-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-bottom:1.25rem; }
.pcr-summary div { padding:.9rem; border:1px solid var(--line); border-radius:14px; background:var(--paper); text-align:center; }
.pcr-summary strong { display:block; color:var(--coral); font:700 1.55rem Georgia,serif; }
.pcr-summary span { color:var(--muted); font-size:.8rem; }
.pcr-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); gap:1.25rem; align-items:start; }
.pcr-form-panel,.pcr-directory,.pcr-login-note { border:1px solid var(--line); border-radius:18px; padding:1.25rem; background:var(--warm); }
.pcr-directory { background:linear-gradient(160deg,rgba(63,125,122,.12),rgba(49,81,107,.08)),var(--warm); position:sticky; top:2rem; }
.pcr-heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:1rem; }
.pcr-heading span { color:var(--coral); font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.pcr-heading h2 { margin:.15rem 0 0; font-family:Georgia,serif; font-size:1.6rem; }
.pcr-app fieldset { margin:0 0 1.15rem; padding:0; border:0; }
.pcr-app legend { width:100%; margin-bottom:.8rem; padding-bottom:.55rem; border-bottom:1px solid var(--line); font-weight:800; }
.pcr-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; }
.pcr-app label { display:grid; gap:.35rem; font-size:.9rem; font-weight:650; }
.pcr-app input,.pcr-app select,.pcr-app textarea { width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:10px; padding:.72rem .8rem; background:white; color:var(--ink); font:inherit; }
.pcr-app input:focus,.pcr-app select:focus,.pcr-app textarea:focus { outline:3px solid rgba(63,125,122,.2); border-color:var(--teal); }
.pcr-wide { grid-column:1/-1; }
.pcr-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
.pcr-check-grid label,.pcr-stacked-checks label { display:flex; align-items:flex-start; gap:.5rem; font-weight:500; }
.pcr-check-grid input,.pcr-stacked-checks input { width:auto; margin-top:.25rem; }
.pcr-stacked-checks { display:grid; gap:.7rem; }
.pcr-top-gap { margin-top:1rem; }
.pcr-actions,.pcr-toolbar { display:flex; gap:.7rem; flex-wrap:wrap; }
.pcr-toolbar { margin-bottom:1rem; }
.pcr-toolbar input { flex:1 1 220px; }.pcr-toolbar select{flex:0 1 150px;}
.pcr-button,.pcr-secondary { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:.7rem 1rem; text-decoration:none; font-weight:800; cursor:pointer; }
.pcr-button { border:1px solid var(--coral); background:var(--coral); color:white; }.pcr-button:hover{background:var(--coral-deep);color:white;}
.pcr-secondary { border:1px solid var(--navy); background:transparent; color:var(--navy); }
.pcr-text-button { border:0; background:transparent; color:var(--coral-deep); font-weight:800; cursor:pointer; }
.pcr-message { min-height:1.4em; color:var(--teal); font-weight:700; }
.pcr-records { display:grid; gap:.8rem; }.pcr-card{padding:1rem;border:1px solid rgba(49,81,107,.22);border-radius:14px;background:rgba(255,250,240,.88)}
.pcr-card-top{display:flex;justify-content:space-between;gap:.7rem;align-items:start}.pcr-card h3{margin:0;font-family:Georgia,serif;font-size:1.15rem}.pcr-card p{margin:.25rem 0;color:var(--muted);font-size:.87rem}.pcr-card .pcr-types{margin-top:.65rem;color:var(--ink)}
.pcr-badge{border:1px solid var(--teal);border-radius:999px;padding:.2rem .5rem;color:var(--teal);font-size:.7rem;font-weight:800}.pcr-card-actions{display:flex;gap:.7rem;margin-top:.7rem;padding-top:.55rem;border-top:1px solid var(--line)}
.pcr-card-actions button{border:0;background:transparent;padding:0;color:var(--navy);font-weight:800;cursor:pointer}.pcr-card-actions .delete{color:#a4433e}.pcr-empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.pcr-empty div{font-size:2rem;color:var(--coral)}.pcr-empty h3{margin:.4rem 0 0;color:var(--ink)}
.pcr-privacy-note{margin-top:1rem;padding:1rem;border-radius:12px;background:rgba(63,125,122,.08);color:var(--muted);font-size:.88rem}.pcr-hidden{display:none!important}
@media(max-width:900px){.pcr-grid{grid-template-columns:1fr}.pcr-directory{position:static}}@media(max-width:600px){.pcr-form-grid,.pcr-check-grid{grid-template-columns:1fr}.pcr-wide{grid-column:auto}.pcr-summary{grid-template-columns:repeat(3,1fr)}.pcr-heading{align-items:flex-start;flex-direction:column}}