/* =========================================================
Promobox – DynamicClientCard (Forms Builder) – UI Polish
NO layout/structure changes. CSS only.
Scoped to the page by form action containing "DynamicClientCard"
========================================================= */
form[action*="DynamicClientCard"]{
direction: rtl;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
color: #0f172a;
}
/* Page background + content breathing room */
form[action*="DynamicClientCard"] .container,
form[action*="DynamicClientCard"] .content,
form[action*="DynamicClientCard"] .main,
form[action*="DynamicClientCard"] .page,
form[action*="DynamicClientCard"]{
background: #f6f7fb;
}
form[action*="DynamicClientCard"] .container *,
form[action*="DynamicClientCard"] *{
box-sizing: border-box;
}
/* Headings / section titles (your “רשימת טפסים”, “עריכת טופס שנבחר”, “יצירת שדה דינמי”, “רשימת השדות”) */
form[action*="DynamicClientCard"] h1,
form[action*="DynamicClientCard"] h2,
form[action*="DynamicClientCard"] h3,
form[action*="DynamicClientCard"] .title,
form[action*="DynamicClientCard"] .page-title{
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .2px;
}
/* Make each major strip feel like a card (works even if it's a table row / panel) */
form[action*="DynamicClientCard"] .panel,
form[action*="DynamicClientCard"] .box,
form[action*="DynamicClientCard"] .card,
form[action*="DynamicClientCard"] .contentBox,
form[action*="DynamicClientCard"] .bgBox,
form[action*="DynamicClientCard"] .formBox,
form[action*="DynamicClientCard"] .whiteBox{
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
border-radius: 16px;
box-shadow: 0 10px 26px rgba(2,8,23,.06);
}
/* Generic “section separators” (your long thin grey bars) */
form[action*="DynamicClientCard"] hr,
form[action*="DynamicClientCard"] .separator,
form[action*="DynamicClientCard"] .line,
form[action*="DynamicClientCard"] .sectionLine{
border: 0;
height: 1px;
background: rgba(15,23,42,.10);
margin: 14px 0;
}
/* Inputs */
form[action*="DynamicClientCard"] input[type="text"],
form[action*="DynamicClientCard"] input[type="search"],
form[action*="DynamicClientCard"] input[type="number"],
form[action*="DynamicClientCard"] input[type="email"],
form[action*="DynamicClientCard"] input[type="tel"],
form[action*="DynamicClientCard"] input[type="password"],
form[action*="DynamicClientCard"] select,
form[action*="DynamicClientCard"] textarea{
background: #f3f4f6;
border: 1px solid rgba(15,23,42,.14);
border-radius: 12px;
padding: 10px 12px;
font-size: 13px;
outline: none;
transition: border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
form[action*="DynamicClientCard"] textarea{ min-height: 90px; resize: vertical; }
form[action*="DynamicClientCard"] input:focus,
form[action*="DynamicClientCard"] select:focus,
form[action*="DynamicClientCard"] textarea:focus{
border-color: rgba(6,182,212,.55);
box-shadow: 0 0 0 4px rgba(6,182,212,.14);
background: #ffffff;
}
/* Checkboxes / radios – clean but not invasive */
form[action*="DynamicClientCard"] input[type="checkbox"],
form[action*="DynamicClientCard"] input[type="radio"]{
transform: translateY(1px);
accent-color: #06b6d4;
}
/* Buttons – unify (works for
