/* Shared visual primitives for public pages and Master; no portal sidebar rules. */
.public-shell, .master-shell {
  --ui-primary: #225da7; --ui-border: #dce2ea; --ui-muted: #526175;
  background: #f0f2f5; color: #202e40;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size: .9375rem;
}
:is(.public-shell, .master-shell) :focus-visible { outline: 3px solid #367cce; outline-offset: 3px; }
:is(.public-shell, .master-shell) .btn-primary { --bs-btn-bg: var(--ui-primary); --bs-btn-border-color: var(--ui-primary); --bs-btn-hover-bg: #194b87; --bs-btn-hover-border-color: #194b87; }
:is(.public-shell, .master-shell) .btn-outline-primary { --bs-btn-color: var(--ui-primary); --bs-btn-border-color: var(--ui-primary); --bs-btn-hover-bg: var(--ui-primary); --bs-btn-hover-border-color: var(--ui-primary); }
:is(.public-shell, .master-shell) .text-secondary, :is(.public-shell, .master-shell) .form-text { color: var(--ui-muted) !important; }
:is(.public-shell, .master-shell) main a:not(.btn) { color: var(--ui-primary); }
:is(.public-shell, .master-shell) .card { border-color: var(--ui-border); border-radius: 12px; min-width: 0; }
:is(.public-shell, .master-shell) h1 { font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.03em; }
:is(.public-shell, .master-shell) .btn { white-space: normal; }
:is(.public-shell, .master-shell) .form-control, :is(.public-shell, .master-shell) .form-select { min-width: 0; }
.ui-brand { font-size: 1rem; font-weight: 750; letter-spacing: .04em; }
.ui-eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ui-muted); margin-bottom: .6rem; }
.ui-skip { position: fixed; top: -6rem; left: 1rem; z-index: 110; padding: .75rem; background: white; border-radius: 6px; }
.ui-skip:focus { top: .5rem; }
.ui-badge { display: inline-block; width: fit-content; max-width: 100%; padding: .2rem .55rem; border: 1px solid #d1dae5; border-radius: 20px; background: #f1f4f8; color: #43556d; font-size: .75rem; font-weight: 600; }
.ui-badge[data-state="new"] { background: #eaf1fa; color: #245589; border-color: #c9daef; }
.ui-badge[data-state="resolved"] { background: #edf5f0; color: #356048; border-color: #cbded2; }
.public-header { background: white; border-bottom: 1px solid var(--ui-border); padding: 1.25rem 0; overflow-wrap: anywhere; }
.public-header > .container { max-width: 850px; }
.public-identity { border-top: 1px solid var(--ui-border); margin-top: 1rem; padding-top: 1rem; }
.public-identity p { margin: .3rem 0 0; font-size: 1.2rem; font-weight: 650; }
.public-content { max-width: 850px; padding-top: 2rem; padding-bottom: 2rem; overflow-wrap: anywhere; }
.public-panel { padding: clamp(1rem, 3vw, 2rem); margin-bottom: 1.5rem; }
.auth-card { max-width: 490px; margin-top: 3vh; margin-bottom: 3vh; }
.auth-card .card-body { padding: clamp(1.25rem, 4vw, 2.5rem); }
.public-shell .auth-master { border-top: 4px solid #304560; }
.public-footer { padding-bottom: 1.5rem; color: var(--ui-muted); font-size: .75rem; overflow-wrap: anywhere; }
.public-shell .public-footer { max-width: 850px; }
.public-form-footer { border-top: 1px solid var(--ui-border); padding-top: 1.25rem; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.public-form-footer p { flex: 1 1 240px; }
.public-receipt { display: grid; gap: .5rem; border: 1px solid var(--ui-border); border-radius: 8px; padding: 1rem; margin: 1rem 0 1.5rem; background: #f7f9fc; }
.public-timeline { border-left: 2px solid var(--ui-border); padding-left: 1rem; }
.public-message { padding: 1.25rem; margin-bottom: 1rem; }
.public-message[data-author="technician"] { border-left: 3px solid #7395bf; }
.public-message header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }
.public-attachments .list-group-item { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .8125rem; }
.public-shell summary { cursor: pointer; }
@media (max-width: 575px) {
  .public-content { padding-top: 1rem; }
  .public-timeline { padding-left: .5rem; }
  .public-message { padding: 1rem; }
  .auth-card { margin-top: 0; }
}