/* HITUNE Design System — Customer Cards & Sections Master v1
   Semantic surfaces only. Feature layouts and business behavior remain local. */
/* Theme values are owned by nightrun-theme.css through the canonical --ht-* contract. */
.ht-card{
 box-sizing:border-box;border:1px solid var(--ht-master-surface-card-border);border-radius:var(--ht-master-surface-radius);
 background:var(--ht-master-surface-card);color:var(--ht-master-surface-text);padding:var(--ht-master-surface-pad);
}
.ht-card--interactive{transition:transform var(--ht-master-motion-quick,120ms) var(--ht-master-motion-ease,ease),border-color var(--ht-master-motion-normal,180ms) var(--ht-master-motion-ease,ease),background-color var(--ht-master-motion-normal,180ms) var(--ht-master-motion-ease,ease),box-shadow var(--ht-master-motion-normal,180ms) var(--ht-master-motion-ease,ease)}
.ht-card--interactive:hover{border-color:var(--ht-master-surface-border-strong);background:var(--ht-master-surface-card-strong);box-shadow:var(--ht-master-surface-shadow)}
.ht-card--interactive:active{transform:scale(.995)}
.ht-card--interactive:focus-within{border-color:var(--ht-master-surface-border-strong)}
.ht-card--elevated{background:var(--ht-master-surface-card-strong);border-color:var(--ht-master-surface-border-strong);box-shadow:var(--ht-master-surface-shadow-elevated)}
.ht-card--status{position:relative;overflow:hidden}
.ht-card--status:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ht-master-status-info)}
.ht-card--status[data-status="success"],.ht-card--status.is-success{--ht-master-status-info:var(--ht-master-status-success)}
.ht-card--status[data-status="warning"],.ht-card--status.is-warning{--ht-master-status-info:var(--ht-master-status-warning)}
.ht-card--status[data-status="error"],.ht-card--status.is-error{--ht-master-status-info:var(--ht-master-status-error)}
.ht-section{box-sizing:border-box;min-width:0}
.ht-panel{box-sizing:border-box;border:1px solid var(--ht-master-surface-card-border);border-radius:var(--ht-master-surface-radius-large);background:var(--ht-master-surface-card-soft);padding:var(--ht-master-surface-pad-large)}
.ht-empty{box-sizing:border-box;border:1px dashed var(--ht-master-surface-border-strong);border-radius:var(--ht-master-surface-radius);background:var(--ht-master-surface-card-soft);padding:20px;text-align:center;color:var(--ht-master-surface-muted)}
.ht-card--compact{padding:12px}
.ht-card--flush{padding:0;overflow:hidden}
@media(max-width:700px){.ht-card{padding:var(--ht-master-surface-pad-mobile)}.ht-card--compact{padding:12px}.ht-card--flush{padding:0}.ht-panel{padding:var(--ht-master-surface-pad-large-mobile);border-radius:var(--ht-master-surface-radius)}}
@media(prefers-reduced-motion:reduce){.ht-card--interactive{transition:none!important}.ht-card--interactive:active{transform:none}}