/* Copyright (c) RISC OS Technologies 2026. All rights reserved.
 * CDDL-1.0.
 * Account screens use the same clear surfaces as the public site.
 */

body.ro1-hub #privacy_notice {
  margin: 24px 0;
  padding: 16px 18px;
  border: 1px solid #a7cfc9;
  border-left: 4px solid #178397;
  border-radius: 10px;
  background: #ecf5f3;
}
body.ro1-hub #privacy_notice #privacy_notice_text {
  color: #20343c;
}
body.ro1-hub #privacy_notice #privacy_notice_icon {
  margin-right: 16px;
  width: 35px; height: 35px;
  border: 1px solid #e4a34b;
  border-radius: 50%;
  background: #fff8e8;
  color: #915300;
  font: 700 24px/35px Arial, sans-serif;
}
body.ro1-hub #privacy_notice a { color: #086d7d; }

body.ro1-hub #template_body_content form table.horizontal.bordered {
  width: 100%;
  max-width: 600px;
  margin: 28px auto 8px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 12px;
  background: transparent;
}
body.ro1-hub #template_body_content form table.horizontal.bordered th,
body.ro1-hub #template_body_content form table.horizontal.bordered td {
  border: 0;
  background: transparent;
  padding: 4px 10px;
  text-align: left;
  vertical-align: middle;
}
body.ro1-hub #template_body_content form table.horizontal.bordered th,
body.ro1-hub #template_body_content form table.horizontal.bordered td:first-child {
  color: #20343c;
  font-weight: 700;
}
body.ro1-hub #template_body_content form table.horizontal.bordered input[type="text"],
body.ro1-hub #template_body_content form table.horizontal.bordered input[type="email"],
body.ro1-hub #template_body_content form table.horizontal.bordered input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 11px 13px;
  border: 1px solid #bfcfcb;
  border-radius: 9px;
  background: #fff;
  color: #20343c;
}
body.ro1-hub #template_body_content form input[type="submit"] {
  display: block;
  margin: 16px auto 28px;
  padding: 12px 28px;
}
body.ro1-hub #template_body_content .action_link {
  padding: 12px 16px;
  border: 1px solid #dce2de;
  border-radius: 12px;
  background: #fffefa;
}
body.ro1-hub #template_body_content .action_link img { max-width: 64px; height: auto; }

@media (max-width: 640px) {
  body.ro1-hub #template_body_content form table.horizontal.bordered tr,
  body.ro1-hub #template_body_content form table.horizontal.bordered th,
  body.ro1-hub #template_body_content form table.horizontal.bordered td {
    display: block;
    width: auto;
    padding: 2px 0;
  }
  body.ro1-hub #template_body_content form table.horizontal.bordered tr {
    margin-bottom: 14px;
  }
}

@media (prefers-color-scheme: dark) {
  body.ro1-hub #privacy_notice { background: var(--ro1-ice-wash); border-color: var(--ro1-line); border-left-color: var(--ro1-ice); }
  body.ro1-hub #privacy_notice #privacy_notice_text,
  body.ro1-hub #template_body_content form table.horizontal.bordered th,
  body.ro1-hub #template_body_content form table.horizontal.bordered td:first-child { color: var(--ro1-text); }
  body.ro1-hub #privacy_notice a { color: var(--ro1-link); }
  body.ro1-hub #privacy_notice #privacy_notice_icon { background: #49391f; border-color: #c99145; color: #f1c782; }
  body.ro1-hub #template_body_content form table.horizontal.bordered input[type="text"],
  body.ro1-hub #template_body_content form table.horizontal.bordered input[type="email"],
  body.ro1-hub #template_body_content form table.horizontal.bordered input[type="password"] {
    background: #15232c; border-color: var(--ro1-line); color: var(--ro1-text);
  }
  body.ro1-hub #template_body_content .action_link { background: var(--ro1-surface-solid); border-color: var(--ro1-line); }
}