/* RCAD Theme Framework — Phase 2 UI Kit. Opt-in classes only. */
:root{
  --rcad-ui-control-h:42px;
  --rcad-ui-button-radius:10px;
  --rcad-ui-focus:0 0 0 3px rgba(23,105,224,.18);
  --rcad-ui-gap-1:6px;
  --rcad-ui-gap-2:10px;
  --rcad-ui-gap-3:16px;
  --rcad-ui-gap-4:24px;
}
.rcad-ui-stack{display:flex;flex-direction:column;gap:var(--rcad-ui-gap-2)}
.rcad-ui-stack.is-row{flex-direction:row;flex-wrap:wrap;align-items:center}
.rcad-ui-button{min-height:var(--rcad-ui-control-h);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:var(--rcad-ui-button-radius);font:600 14px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none!important;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;box-sizing:border-box}
.rcad-ui-button:hover{transform:translateY(-1px)}
.rcad-ui-button:focus-visible{outline:0;box-shadow:var(--rcad-ui-focus)}
.rcad-ui-button.is-sm{min-height:34px;padding:0 12px;font-size:13px}
.rcad-ui-button.is-lg{min-height:48px;padding:0 20px;font-size:15px}
.rcad-ui-button.is-primary{background:var(--rcad-accent,#f6a800);color:#fff;border-color:var(--rcad-accent,#f6a800)}
.rcad-ui-button.is-primary:hover{filter:brightness(.96);color:#fff}
.rcad-ui-button.is-secondary{background:var(--rcad-primary,#071b46);color:#fff;border-color:var(--rcad-primary,#071b46)}
.rcad-ui-button.is-secondary:hover{filter:brightness(1.08);color:#fff}
.rcad-ui-button.is-outline{background:var(--rcad-surface,#fff);color:var(--rcad-primary,#071b46);border-color:var(--rcad-border,#e3e8ef)}
.rcad-ui-button.is-outline:hover{border-color:var(--rcad-primary,#071b46);color:var(--rcad-primary,#071b46)}
.rcad-ui-button.is-ghost{background:transparent;color:var(--rcad-primary,#071b46)}
.rcad-ui-button.is-danger{background:#b42318;color:#fff;border-color:#b42318}
.rcad-ui-button.is-success{background:#067647;color:#fff;border-color:#067647}
.rcad-ui-button__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.rcad-ui-button__icon svg{width:100%;height:100%;display:block}
.rcad-ui-card{background:var(--rcad-surface,#fff);border:1px solid var(--rcad-border,#e3e8ef);border-radius:var(--rcad-radius,12px);padding:24px;box-shadow:var(--rcad-shadow,0 4px 18px rgba(15,23,42,.06));box-sizing:border-box;color:var(--rcad-text,#111827)}
.rcad-ui-card.is-compact{padding:16px}
.rcad-ui-card.is-hero{padding:32px}
.rcad-ui-card.is-horizontal{display:flex;align-items:center;gap:20px}
.rcad-ui-card.is-stat{padding:18px 20px}
.rcad-ui-card__title{margin:0 0 12px;color:var(--rcad-primary,#071b46);font-size:18px;line-height:1.3;font-weight:650}
.rcad-ui-field{display:grid;gap:7px;margin:0 0 16px}
.rcad-ui-label{color:var(--rcad-text,#111827);font-size:13px;font-weight:600}
.rcad-ui-input,.rcad-ui-select,.rcad-ui-textarea{width:100%;min-height:var(--rcad-ui-control-h);border:1px solid var(--rcad-border,#e3e8ef);border-radius:9px;background:var(--rcad-surface,#fff);color:var(--rcad-text,#111827);padding:0 12px;font:400 14px/1.4 inherit;box-sizing:border-box}
.rcad-ui-textarea{min-height:120px;padding:11px 12px;resize:vertical}
.rcad-ui-input:focus,.rcad-ui-select:focus,.rcad-ui-textarea:focus{outline:0;border-color:var(--rcad-link,#1769e0);box-shadow:var(--rcad-ui-focus)}
.rcad-ui-badge,.rcad-ui-tag{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 9px;border-radius:999px;font-size:12px;line-height:1.2;font-weight:600;text-decoration:none!important;box-sizing:border-box}
.rcad-ui-badge.is-neutral{background:#f2f4f7;color:#475467}.rcad-ui-badge.is-primary{background:#eef4ff;color:var(--rcad-primary,#071b46)}.rcad-ui-badge.is-accent{background:#fff6e5;color:#9a5b00}.rcad-ui-badge.is-success{background:#ecfdf3;color:#067647}.rcad-ui-badge.is-warning{background:#fffaeb;color:#b54708}.rcad-ui-badge.is-danger{background:#fef3f2;color:#b42318}
.rcad-ui-tag{background:#f8fafc;color:#475467;border:1px solid var(--rcad-border,#e3e8ef)}
.rcad-ui-tag:hover{color:var(--rcad-primary,#071b46);border-color:#cbd5e1}
.rcad-ui-alert{display:grid;gap:4px;padding:13px 15px;border:1px solid;border-radius:10px;font-size:13px;line-height:1.45}.rcad-ui-alert.is-info{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.rcad-ui-alert.is-success{background:#ecfdf3;border-color:#abefc6;color:#067647}.rcad-ui-alert.is-warning{background:#fffaeb;border-color:#fedf89;color:#b54708}.rcad-ui-alert.is-danger{background:#fef3f2;border-color:#fecdca;color:#b42318}.rcad-ui-alert__title{display:block;color:inherit}
.rcad-ui-avatar{--rcad-avatar-size:40px;width:var(--rcad-avatar-size);height:var(--rcad-avatar-size);display:inline-flex;flex:0 0 var(--rcad-avatar-size);border-radius:50%;overflow:hidden;background:#f2f4f7}.rcad-ui-avatar__image{width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit}
.rcad-ui-dropdown{min-width:220px;background:var(--rcad-surface,#fff);border:1px solid var(--rcad-border,#e3e8ef);border-radius:12px;box-shadow:0 12px 34px rgba(15,23,42,.12);padding:8px}
.rcad-ui-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rcad-border,#e3e8ef);border-radius:12px;overflow:hidden;background:var(--rcad-surface,#fff)}.rcad-ui-table th,.rcad-ui-table td{padding:12px 14px;border-bottom:1px solid var(--rcad-border,#e3e8ef);text-align:left;font-size:13px}.rcad-ui-table th{background:#f8fafc;color:#475467;font-weight:650}.rcad-ui-table tr:last-child td{border-bottom:0}
.rcad-ui-tabs{display:flex;gap:4px;border-bottom:1px solid var(--rcad-border,#e3e8ef)}.rcad-ui-tab{padding:10px 12px;color:var(--rcad-muted,#667085);text-decoration:none!important;border-bottom:2px solid transparent;font-size:13px;font-weight:600}.rcad-ui-tab.is-active{color:var(--rcad-primary,#071b46);border-color:var(--rcad-accent,#f6a800)}
.rcad-ui-pagination{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rcad-ui-pagination a,.rcad-ui-pagination span{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rcad-border,#e3e8ef);border-radius:8px;background:var(--rcad-surface,#fff);color:var(--rcad-primary,#071b46);text-decoration:none!important;font-size:13px}.rcad-ui-pagination .current{background:var(--rcad-primary,#071b46);color:#fff;border-color:var(--rcad-primary,#071b46)}
.rcad-ui-empty-state{text-align:center;padding:36px 24px;border:1px dashed #cbd5e1;border-radius:var(--rcad-radius,12px);background:#fbfcfe;color:var(--rcad-muted,#667085)}
.rcad-ui-skeleton{display:grid;gap:9px}.rcad-ui-skeleton span{height:11px;border-radius:999px;background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%);background-size:200% 100%;animation:rcad-ui-shimmer 1.4s infinite}.rcad-ui-skeleton span:nth-child(2){width:82%}.rcad-ui-skeleton span:nth-child(3){width:58%}@keyframes rcad-ui-shimmer{to{background-position:-200% 0}}
.rcad-ui-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
@media(max-width:782px){.rcad-ui-preview-grid{grid-template-columns:1fr}.rcad-ui-card{padding:18px}.rcad-ui-card.is-horizontal{align-items:flex-start;flex-direction:column}}