/* Owner-only project/account surfaces; native forms and existing shared design tokens. */
.hi-customer-security { margin-top: 2rem; border-top: 1px solid var(--hi-color-border, #d9d6cf); padding-top: 1.5rem; }
.hi-customer-security h2, .hi-customer-project-page h2 { font-size: 1.5rem; line-height: 1.35; }
.hi-customer-security h3, .hi-customer-project-page h3 { font-size: 1.125rem; line-height: 1.4; margin-top: 1.5rem; }
.hi-customer-security form, .hi-customer-edit-project form { display: grid; gap: 1rem; max-width: 40rem; margin: 1rem 0 2rem; }
.hi-customer-security label, .hi-customer-edit-project label { display: grid; gap: .4rem; font-size: 1rem; }
.hi-customer-security input:not([type=checkbox]), .hi-customer-security select,
.hi-customer-edit-project input:not([type=hidden]), .hi-customer-edit-project textarea { width: 100%; min-height: 48px; box-sizing: border-box; padding: .7rem; font: inherit; border: 1px solid var(--hi-color-border, #76736d); border-radius: .5rem; background: #fff; color: var(--hi-color-text, #252525); }
.hi-customer-edit-project textarea { resize: vertical; }
.hi-customer-security .hi-account-check { display: flex; align-items: flex-start; gap: .7rem; }
.hi-customer-security .hi-account-check input { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin-top: .2rem; }
.hi-customer-security button, .hi-customer-edit-project button { justify-self: start; min-height: 48px; padding: .75rem 1.25rem; border: 1px solid transparent; border-radius: .5rem; font: inherit; font-weight: 600; background: var(--hi-color-primary, #ad4314); color: #fff; cursor: pointer; }
.hi-customer-security button.secondary { background: #fff; color: var(--hi-color-text, #252525); border-color: currentColor; }
.hi-customer-security button:disabled { opacity: .6; cursor: default; }
.hi-account-result, .hi-customer-action-needed, .hi-contact-countdown { background: var(--hi-color-surface, #f6f4ef); color: var(--hi-color-text, #252525); border-inline-start: 4px solid var(--hi-color-primary, #ad4314); padding: 1rem; font-size: 1rem; }

.hi-customer-edit-project summary { cursor: pointer; min-height: 48px; padding: .75rem 0; font-weight: 600; }
.hi-customer-project-page dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; }
.hi-customer-project-page dl div { min-width: 0; }
.hi-customer-project-page dd { margin-inline-start: 0; }
.hi-customer-project-timeline { padding-inline-start: 1.5rem; }
.hi-customer-project-timeline li { margin-block: .75rem; }
.hi-customer-security :focus-visible, .hi-customer-project-page :focus-visible { outline: 3px solid var(--hi-color-focus, #155e91); outline-offset: 3px; }
@media (max-width: 480px) {
  .hi-customer-security button, .hi-customer-edit-project button { width: 100%; }

}

/* C80 E1 (UX round 2, 3.5-3.7): project page and security forms join the gold/ink button set;
   the old #ad4314 fill with white text goes. Token fallbacks equal the token values. */
.hi-customer-security button,.hi-customer-edit-project button,.hi-customer-cancel-project button{min-height:48px;padding:0 20px;border:0;border-radius:var(--hi-r-md,12px);background:var(--hi-c-accent,#f5a623);color:var(--hi-c-ink,#17130f);font-weight:600}
.hi-customer-security button:hover,.hi-customer-edit-project button:hover{background:var(--hi-c-accent-hover,#e39412);color:var(--hi-c-ink,#17130f)}
.hi-customer-security button.secondary,.hi-customer-cancel-project button.secondary{border:1.5px solid var(--hi-c-danger,#b42318);background:var(--hi-c-bg,#fff);color:var(--hi-c-danger,#b42318)!important}
.hi-customer-security button.secondary:hover,.hi-customer-cancel-project button.secondary:hover{background:#fdecea;color:var(--hi-c-danger,#b42318)!important}
.hi-customer-security input:not([type=checkbox]),.hi-customer-security select,.hi-customer-edit-project input:not([type=hidden]),.hi-customer-edit-project textarea{border:1.5px solid var(--hi-c-line-strong,#8b8176);border-radius:var(--hi-r-sm,8px);color:var(--hi-c-text,#2b241e)}
.hi-account-result,.hi-customer-action-needed,.hi-contact-countdown{border-radius:var(--hi-r-sm,8px);border-inline-start-color:var(--hi-c-accent,#f5a623);background:var(--hi-c-cream,#fff8eb);color:var(--hi-c-text,#2b241e)}

.hi-customer-security h2,.hi-customer-project-page h2{font-size:var(--hi-fs-h3,18px);line-height:1.35}
.hi-customer-security :focus-visible,.hi-customer-project-page :focus-visible{outline-color:var(--hi-c-focus,#0759aa)}
/* End C80 E1 project page. */

/* C99: customer account copy uses the mode-aware text token; dark button ink is
   reserved for accent-filled actions. This keeps the same defect from recurring
   on project details, security forms, tabs, and alerts. */
.hi-customer-security,.hi-customer-project-page,.hi-customer-edit-project{color:var(--hi-c-text)!important}
.hi-customer-security :where(h1,h2,h3,h4,p,label,legend,summary,strong,small),
.hi-customer-project-page :where(h1,h2,h3,h4,p,label,legend,summary,strong,small){color:var(--hi-c-text)!important}
.hi-account-result,.hi-customer-action-needed,.hi-contact-countdown{background:var(--hi-c-warn-bg)!important;color:var(--hi-c-text)!important}

.hi-customer-security input:not([type=checkbox]),.hi-customer-security select,
.hi-customer-edit-project input:not([type=hidden]),.hi-customer-edit-project textarea{background:var(--hi-c-field)!important;border-color:var(--hi-c-line-strong)!important;color:var(--hi-c-text)!important}
.hi-customer-security button.secondary{background:var(--hi-c-surface-raised)!important}