/* Fire Safety Checker form styles.
 *
 * The styles delivered with the form, unchanged except that every selector is
 * confined to .mwk-fire-safety-page: the page renders inside website.layout so
 * it carries the Millwoodkane site header and navigation, and scoping stops the
 * form's document-level rules (:root, body, header, main, footer, h1, button,
 * input) from restyling the site around it -- the same approach the
 * Fortnightly Inspection form takes with .mwk-fortnightly-page.
 *
 * The addition at the end styles the Property address picker (a <select>
 * in Odoo instead of a text box) like the form's own text boxes.
 */
.mwk-fire-safety-page{
  --ink:#16202b; --muted:#5a6673; --paper:#eef1f4; --card:#ffffff; --line:#d5dbe1;
  --law:#c8102e; --expected:#0b4ea2; --ours:#00703c; --rec:#6b7684;
  --focus:#f2a900;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .mwk-fire-safety-page{--ink:#e7ecf1;--muted:#9aa6b2;--paper:#10161d;--card:#18212b;--line:#2c3844;--law:#ff5a6e;--expected:#5a9bff;--ours:#3fc27e;--rec:#9aa6b2;}
}
:root[data-theme="dark"] .mwk-fire-safety-page{--ink:#e7ecf1;--muted:#9aa6b2;--paper:#10161d;--card:#18212b;--line:#2c3844;--law:#ff5a6e;--expected:#5a9bff;--ours:#3fc27e;--rec:#9aa6b2;}
.mwk-fire-safety-page *,.mwk-fire-safety-page *::before,.mwk-fire-safety-page *::after{box-sizing:inherit}
.mwk-fire-safety-page{background:var(--paper);color:var(--ink);font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}
.mwk-fire-safety-page header{background:var(--law);color:#fff;padding:20px 20px 18px}
.mwk-fire-safety-page header .wrap{max-width:1180px;margin:0 auto}
.mwk-fire-safety-page h1{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:clamp(28px,5vw,40px);line-height:1.05;margin:0;color:inherit}
.mwk-fire-safety-page header p{margin:6px 0 0;opacity:.92;max-width:62ch}
.mwk-fire-safety-page main{max-width:1180px;margin:0 auto;padding:20px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.mwk-fire-safety-page main{grid-template-columns:1fr}}
.mwk-fire-safety-page .panel{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px}
.mwk-fire-safety-page .q{margin:0 0 18px;border:0;padding:0}
.mwk-fire-safety-page .q:last-child{margin-bottom:0}
.mwk-fire-safety-page .q legend,.mwk-fire-safety-page .q>label.lbl{font-weight:700;font-size:15px;margin-bottom:8px;display:block;padding:0}
.mwk-fire-safety-page .hint{color:var(--muted);font-size:13px;margin:-4px 0 8px}
.mwk-fire-safety-page .opts{display:flex;flex-wrap:wrap;gap:8px}
.mwk-fire-safety-page .opt{position:relative}
.mwk-fire-safety-page .opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mwk-fire-safety-page .opt span{display:block;padding:8px 12px;border:1.5px solid var(--line);border-radius:4px;font-size:14px;font-weight:500;background:var(--card);cursor:pointer;min-height:40px;display:flex;align-items:center}
.mwk-fire-safety-page .opt input:checked+span{border-color:var(--expected);background:var(--expected);color:#fff}
.mwk-fire-safety-page .opt input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.mwk-fire-safety-page .opt.stack{width:100%}
.mwk-fire-safety-page .opt.stack span{width:100%}
.mwk-fire-safety-page input[type=text],.mwk-fire-safety-page input[type=date]{width:100%;padding:9px 10px;border:1.5px solid var(--line);border-radius:4px;font:inherit;background:var(--card);color:var(--ink)}
.mwk-fire-safety-page input[type=text]:focus-visible,.mwk-fire-safety-page input[type=date]:focus-visible,.mwk-fire-safety-page button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.mwk-fire-safety-page .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mwk-fire-safety-page .hidden{display:none}
.mwk-fire-safety-page .results h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:26px;margin:0 0 4px}
.mwk-fire-safety-page .summary{color:var(--muted);margin:0 0 14px}
.mwk-fire-safety-page .key{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin:0 0 16px;color:var(--muted)}
.mwk-fire-safety-page .key i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.mwk-fire-safety-page .group{margin:0 0 18px}
.mwk-fire-safety-page .group h3{font-size:15px;font-weight:700;margin:0 0 8px;padding-bottom:4px;border-bottom:2px solid var(--ink)}
.mwk-fire-safety-page .item{display:grid;grid-template-columns:118px 1fr;border:1px solid var(--line);border-radius:4px;margin-bottom:8px;background:var(--card);overflow:hidden}
.mwk-fire-safety-page .tag{color:#fff;font-weight:700;font-size:12.5px;line-height:1.2;padding:10px 8px;display:flex;align-items:flex-start}
.mwk-fire-safety-page .tag.law{background:var(--law)} .mwk-fire-safety-page .tag.expected{background:var(--expected)} .mwk-fire-safety-page .tag.ours{background:var(--ours)} .mwk-fire-safety-page .tag.rec{background:var(--rec)}
.mwk-fire-safety-page .body{padding:9px 12px}
.mwk-fire-safety-page .body b{display:block;font-size:15px}
.mwk-fire-safety-page .body small{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}
.mwk-fire-safety-page .body .ck{margin-top:6px;font-size:13px;display:flex;gap:6px;align-items:center}
.mwk-fire-safety-page .flag{border-left:4px solid var(--focus);background:color-mix(in srgb,var(--focus) 12%,var(--card));padding:10px 12px;border-radius:0 4px 4px 0;margin:0 0 16px;font-size:14px}
.mwk-fire-safety-page .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.mwk-fire-safety-page button{font:inherit;font-weight:600;padding:10px 16px;border-radius:4px;border:1.5px solid var(--ink);background:var(--ink);color:var(--card);cursor:pointer}
.mwk-fire-safety-page button.ghost{background:transparent;color:var(--ink)}
.mwk-fire-safety-page .empty{color:var(--muted);padding:30px 10px;text-align:center}
.mwk-fire-safety-page footer{max-width:1180px;margin:0 auto;padding:0 20px 30px;color:var(--muted);font-size:13px}
@media (max-width:480px){.mwk-fire-safety-page .item{grid-template-columns:1fr}.mwk-fire-safety-page .tag{padding:6px 10px}}
@media print{
  .mwk-fire-safety-page header{background:none;color:#000;padding:0 0 8px;border-bottom:3px solid #c8102e}
  .mwk-fire-safety-page main{display:block;padding:0}
  .mwk-fire-safety-page .form-panel,.mwk-fire-safety-page .actions,.mwk-fire-safety-page footer .noprint{display:none}
  .mwk-fire-safety-page .panel{border:0;padding:0}
  .mwk-fire-safety-page .item{break-inside:avoid}
  .mwk-fire-safety-page .tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .mwk-fire-safety-page{background:#fff;color:#000}
  /* The website's own header and footer: keep the printout to the checklist,
     as the stand-alone form printed it. */
  body:has(.mwk-fire-safety-page) header#top,
  body:has(.mwk-fire-safety-page) footer#bottom,
  body:has(.mwk-fire-safety-page) .o_footer_copyright{display:none}
}

/* ---------- Added for Odoo: Property address is a picker ---------- */
.mwk-fire-safety-page select#addr{width:100%;padding:9px 10px;border:1.5px solid var(--line);border-radius:4px;font:inherit;background:var(--card);color:var(--ink)}
.mwk-fire-safety-page select#addr:focus-visible{outline:3px solid var(--focus);outline-offset:2px}