/* Incident log (/commons/incident-log) and "After a phishing click". Loaded after tools.css and tools2.css on the log,
   after guides.css on the guide. */
.il-first{padding-bottom:0}
.il-first .callout p,.il-click-lead p{margin:0}
.il-first .callout a,.il-click-lead a{color:inherit;font-weight:600}
.il-click-lead{margin-bottom:2rem;padding:1.2rem 1.4rem}
.il-storage{padding:1rem 1.2rem}
.il-storage p{margin:0}

/* Fieldsets default to min-content width, which a datetime input can push past a phone screen */
.il-form fieldset.ip-step{min-width:0}
.il-form .field input[type=datetime-local]{min-width:0;max-width:100%}
.il-form .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.il-form .field{min-width:0}
@media (max-width:640px){.il-form .row{grid-template-columns:minmax(0,1fr)}}

/* Step 1: the agency line */
.il-agency{margin:0;font-size:.92rem;color:var(--muted)}
.il-agency:empty{display:none}
.il-agency a{color:var(--text);font-weight:600;text-decoration-color:var(--sun)}

/* Step 2: composer */
.il-when-row{display:flex;gap:.5rem}
.il-when-row input{flex:1;min-width:0}
.il-now{flex:none;height:50px;padding:0 1rem;font-size:.9rem}
.il-compose .field-error:empty{display:none}
.il-add-row{display:flex;flex-wrap:wrap;gap:.6rem}
.il-add-row .btn{height:48px;padding:0 1.3rem;font-size:.95rem}
.il-quick{padding-top:1.1rem;border-top:1px solid var(--line)}
.il-quick-h{margin:0 0 .6rem;font:600 .72rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.il-quick-btns{display:flex;flex-wrap:wrap;gap:.45rem}
.il-quick-btn{min-height:40px;padding:.45rem .85rem;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);color:var(--text);font:500 .86rem/1.25 var(--f-sans);text-align:left;cursor:pointer;max-width:100%}
.il-quick-btn:hover{border-color:var(--text)}
.il-quick-btn:focus-visible{outline:2px solid var(--sun);outline-offset:2px}

/* Step 3: account checklists */
.il-acct{border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0}
.il-acct + .il-acct{margin-top:.6rem}
.il-acct > summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;padding:.9rem 1.1rem;cursor:pointer;font-weight:600;list-style:none;min-height:48px}
.il-acct > summary::-webkit-details-marker{display:none}
.il-acct > summary::before{content:"+";font:500 1.1rem/1 var(--f-mono);color:var(--sun-ink);margin-right:.2rem}
.il-acct[open] > summary::before{content:"−"}
.il-acct-name{flex:1 1 auto}
.il-count{font:500 .76rem/1.3 var(--f-mono);color:var(--muted)}
.il-acct-body{padding:0 1.1rem 1rem}
.il-checks{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.15rem}
.il-checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .7rem;padding:.6rem 0;border-top:1px solid var(--line)}
.il-checks input{width:22px;height:22px;margin:.1rem 0 0;accent-color:var(--leaf,#2f7d52)}
.il-checks label{font-size:.93rem;line-height:1.45;cursor:pointer}
.il-checks .il-when,.il-checks .il-cite{grid-column:2}
.il-when{font:600 .76rem/1.3 var(--f-mono);color:var(--callout-leaf-ink)}
.il-when:empty{display:none}
.il-cite{font-size:.78rem;color:var(--muted)}
.il-cite a{color:inherit}

/* The documents */
.il-table th.il-act-h{width:1%}
.il-act{white-space:nowrap}
.il-row-btn{display:inline-block;min-height:32px;padding:0 .35rem;border:0;background:none;color:#5b665f;font:500 .8rem/1 var(--f-sans);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.il-row-btn:hover{color:#13201b}
.il-table tr.is-editing td{background:#fbefd9}
.il-table td:first-child{min-width:6.5em}
.il-when-row{max-width:26rem}
.il-doc-which{margin:0 0 .5rem;font-size:.9em}
.il-doc-acct + .il-doc-acct{margin-top:1.2rem}
.doc-checks li.is-done::before{background:#13201b}
.doc-checks li.is-done::after{content:"";position:absolute;left:.27rem;top:.42em;width:.22rem;height:.4rem;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.il-done{font-family:var(--f-mono);font-size:.85em;color:#5b665f}
@media (max-width:640px){
  .il-table td:first-child{white-space:normal}
  .il-table td.il-act{display:flex;gap:.6rem;padding-top:.3rem}
  .il-table td.il-act::before{content:none}
  .il-table tr.doc-blank td.il-act{display:none}
}

/* Agencies (both pages) */
.il-agencies{padding-left:1.2rem;margin:0 0 1.2rem}
.il-agencies li{margin:.25rem 0}

@media print{
  body:has(.il-form) .il-first,body:has(.il-form) .cta-band{display:none!important}
  .il-act,.il-act-h,.il-row-btn{display:none!important}
  .il-table tr.is-editing td{background:none!important}
  .doc-checks li.is-done::before{background:#000!important}
}