/* MISSION 66 W3-creator -- R920 S032/S033/S034/S036/S037/S038/S039/S040.
   Layout only; colours come from site.css tokens (--pb-surface, --pb-border, --pb-brand, --pb-warning, --pb-success). */
.pb-w3-page { max-width: 1120px; }
.pb-w3-page h1 { margin: 4px 0 2px; }
.pb-w3-page > .pb-card, .pb-w3-page section.pb-card, .pb-w3-page form.pb-card { margin: 16px 0 0; }
.pb-w3-crumb { margin: 0; }
.pb-w3-crumb a { color: inherit; }
.pb-w3-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pb-w3-grid > .pb-card { margin: 0; }
.pb-w3-span2 { grid-column: 1 / -1; }
.pb-w3-hint { color: var(--pb-text-secondary); font-size: 0.82rem; margin: 4px 0 0; }
.pb-w3-label { display: block; font-weight: 600; margin-bottom: 4px; }
.pb-w3-chips { display: flex; gap: 8px; flex-wrap: wrap; border: 0; padding: 0; margin: 0; }
.pb-w3-chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--pb-border); border-radius: 10px; background: var(--pb-surface); cursor: pointer; }
.pb-w3-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 20px; }
.pb-w3-inline-form { display: inline-flex; gap: 4px; align-items: center; margin: 2px 0; }
.pb-w3-warn { background: color-mix(in srgb, var(--pb-warning) 12%, var(--pb-surface)); }
.pb-w3-warn-text { color: var(--pb-warning); }
.pb-w3-sub { background: var(--pb-surface-subtle); margin-top: 12px; }
.pb-w3-readonly { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--pb-border); border-radius: 10px; background: var(--pb-surface-subtle); }
.pb-w3-steps { list-style: none; display: flex; gap: 8px; flex-wrap: wrap; padding: 0; margin: 12px 0 0; }
.pb-w3-steps li a { display: inline-block; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--pb-border); text-decoration: none; color: inherit; font-size: 0.85rem; }
.pb-w3-steps li.pb-w3-step-current a { background: var(--pb-brand); border-color: var(--pb-brand); color: var(--pb-text-inverse); font-weight: 700; }
.pb-w3-steps li.pb-w3-step-done a { border-color: var(--pb-success); }
.pb-w3-kv { width: 100%; border-collapse: collapse; }
.pb-w3-kv th { text-align: start; font-weight: 400; color: var(--pb-text-secondary); padding: 10px 0; border-bottom: 1px solid var(--pb-border); width: 45%; }
.pb-w3-kv td { padding: 10px 0; border-bottom: 1px solid var(--pb-border); font-weight: 600; }
.pb-w3-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 16px 0 0; align-items: stretch; }
.pb-w3-kpi { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.pb-w3-kpi strong { font-size: 1.6rem; }
.pb-w3-table td, .pb-w3-table th { vertical-align: top; }
.pb-w3-pill-warn { background: color-mix(in srgb, var(--pb-warning) 16%, var(--pb-surface)); color: var(--pb-warning); }
.pb-w3-pill-ok { background: color-mix(in srgb, var(--pb-success) 14%, var(--pb-surface)); color: var(--pb-success); }
.pb-w3-dropzone { display: flex; flex-direction: column; gap: 6px; padding: 18px; border: 2px dashed var(--pb-border); border-radius: 12px; background: var(--pb-surface-subtle); }
.pb-w3-attest { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; }
.pb-w3-attest input { margin-top: 4px; }
.pb-w3-fieldset { border: 1px solid var(--pb-border); border-radius: 10px; padding: 12px 14px; margin: 0 0 14px; }
.pb-w3-fieldset legend { font-weight: 700; padding: 0 6px; }
.pb-w3-dialog { max-width: 560px; width: calc(100% - 32px); border: 0; border-radius: 16px; padding: 20px 24px; }
.pb-w3-dialog::backdrop { background: rgba(20, 20, 20, 0.45); }
.pb-w3-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pb-w3-dialog-head h2 { margin: 0; }
.pb-w3-rights div { white-space: nowrap; }
.pb-w3-rowlink { display: inline-block; margin-inline-end: 8px; }
.pb-w3-studio-link { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.pb-w3-inline-link { margin-inline-start: 8px; font-weight: 600; }

/* mobile (R920 367/402 *_נייד): stacked cards instead of tables, full-width buttons */
@media (max-width: 720px) {
    .pb-w3-grid { grid-template-columns: 1fr; }
    .pb-w3-actions { flex-direction: column; align-items: stretch; }
    .pb-w3-actions .pb-btn, .pb-w3-actions form, .pb-w3-actions form .pb-btn { width: 100%; }
    .pb-w3-stack thead { display: none; }
    .pb-w3-stack, .pb-w3-stack tbody, .pb-w3-stack tr, .pb-w3-stack td { display: block; width: 100%; }
    .pb-w3-stack tr { border: 1px solid var(--pb-border); border-radius: 12px; padding: 8px 12px; margin: 0 0 12px; background: var(--pb-surface); }
    .pb-w3-stack td { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border: 0; }
    .pb-w3-stack td::before { content: attr(data-label); color: var(--pb-text-secondary); font-weight: 400; }
    .pb-w3-rights div { white-space: normal; }
}