/* Screen styling only: the actual two-page A4 certificate keeps its print rules. */
@media screen {
  body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 100% 0,rgba(21,156,130,.2),transparent 36%),#071116;color:#eef8f4}
  .appbar{background:linear-gradient(100deg,#09171d,#153139);border-bottom:1px solid #35505a}
  .appbar a{background:#1c343d;border-color:#53757d;color:#d7fbe4;transition:background .2s}
  .appbar a:hover{background:#2c5150}
  .toolbar{background:linear-gradient(140deg,#19343c,#10262e);border:1px solid #38545d;border-radius:15px;padding:17px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
  .toolbar h1{color:#f1faf7;letter-spacing:-.025em}.toolbar p{color:#b3c9c6}
  .actions button,.saved-record button{background:#203b43;border-color:#4b6a70;color:#edf8f3;transition:transform .2s,background .2s}
  .actions button:hover,.saved-record button:hover{transform:translateY(-1px);background:#295055}
  .actions #saveForm{background:linear-gradient(110deg,#a0fa64,#08cf9d);border-color:#8bedaa;color:#0b2d23}
  .actions #printForm{background:#1a5260;border-color:#4694a6;color:#e7faff}
  .status{color:#aaf4c4}.status.error{color:#ffada5}
  .records{background:#132e36;border:1px solid #3c5b63;color:#edf8f5;border-radius:13px}
  .records summary{color:#e5f7ee}.saved-record{border-color:#38535a}
  .add-page{background:#163a32;border-color:#69b78a;color:#b4f5cb}
  button:focus-visible,a:focus-visible,.records summary:focus-visible{outline:2px solid #88efb0;outline-offset:3px}
  .sheet{box-shadow:0 22px 50px rgba(0,0,0,.3)}
  @media(max-width:800px){
    .toolbar{padding:14px}
    .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
    .actions button{font-size:.78rem;padding:9px 5px;min-height:43px}
  }
  @media(max-width:430px){
    .appbar{gap:7px;padding:8px}.appbar img{width:52px;height:35px}.appbar strong{font-size:.87rem}
    .appbar a{padding:7px;font-size:.78rem}
    main{padding:0 8px}.toolbar h1{font-size:1.2rem}
  }
  @media(max-width:600px){
    html.ios-standalone .appbar{padding-top:max(calc(10px + env(safe-area-inset-top, 0px)),66px)}
  }
}