:root {
    --rc-blue:#1d20a8;
    --rc-blue-dark:#11176d;
    --rc-orange:#ff5a00;
    --rc-navy:#101c35;
    --rc-text:#1f2d42;
    --rc-muted:#66758a;
    --rc-border:#dbe3ee;
    --rc-soft:#f5f8fc;
    --rc-white:#fff;
    --rc-success:#16804a;
    --rc-danger:#b42318;
    --rc-warning:#b54708;
    --rc-warning-bg:#fff5eb;
    --rc-success-bg:#ecfdf3;
}

.raincl-client-app,
.raincl-client-app * { box-sizing:border-box; }

.raincl-client-app {
    max-width:1180px;
    margin:28px auto;
    padding:0 16px;
    color:var(--rc-text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.5;
}

.raincl-client-login-page { max-width:1120px; }
.raincl-client-login-shell {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    min-height:600px;
    overflow:hidden;
    border:1px solid var(--rc-border);
    border-radius:28px;
    background:#fff;
    box-shadow:0 24px 70px rgba(16,28,53,.15);
}
.raincl-client-login-brand {
    position:relative;
    padding:74px 64px;
    background:linear-gradient(145deg,var(--rc-navy),var(--rc-blue-dark) 58%,var(--rc-blue));
    color:#fff;
}
.raincl-client-login-brand::after {
    content:"";
    position:absolute;
    right:-90px;
    bottom:-130px;
    width:340px;
    height:340px;
    border:56px solid rgba(255,90,0,.9);
    border-radius:50%;
}
.raincl-client-eyebrow { display:block; font-size:12px; font-weight:900; letter-spacing:.16em; color:#ffd8c3; }
.raincl-client-login-brand h1 { max-width:600px; margin:18px 0; color:#fff; font-size:clamp(38px,6vw,66px); line-height:1.02; }
.raincl-client-login-brand p { max-width:600px; color:rgba(255,255,255,.9); font-size:18px; }
.raincl-client-trust { display:inline-flex; margin-top:24px; padding:10px 14px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(255,255,255,.1); font-weight:800; }
.raincl-client-login-card { display:flex; flex-direction:column; justify-content:center; padding:42px 44px; }
.raincl-client-logo-image { display:block; width:min(100%,250px); height:auto; margin:0 0 16px; }
.raincl-client-login-card h2 { margin:4px 0 4px; color:var(--rc-navy); font-size:30px; }
.raincl-client-login-card > p { margin:0 0 22px; color:var(--rc-muted); }
.raincl-client-login-card label { display:block; margin:0 0 16px; color:var(--rc-navy); font-weight:800; }
.raincl-client-login-card input[type="text"],
.raincl-client-login-card input[type="password"],
.raincl-client-login-card input[type="email"],
.raincl-client-login-card select {
    width:100%; min-height:48px; margin-top:7px; padding:10px 13px; border:1px solid #bdc9d8; border-radius:11px; background:#fff; color:var(--rc-text);
}
.raincl-client-login-card button,
.raincl-client-password-form button {
    width:100%; min-height:50px; border:0; border-radius:11px; background:linear-gradient(135deg,var(--rc-orange),#ff7a00); color:#fff; font-weight:900; cursor:pointer;
}
.raincl-client-login-card button[disabled] { opacity:.55; cursor:not-allowed; }
.raincl-client-remember { display:flex !important; align-items:center; gap:8px; font-weight:600 !important; color:var(--rc-muted) !important; }
.raincl-client-remember input { margin:0; }
.raincl-client-forgot { margin-top:18px; color:var(--rc-blue); font-weight:800; text-align:center; text-decoration:none; }
.raincl-client-auth-divider { display:flex; align-items:center; gap:12px; margin:26px 0 18px; color:var(--rc-muted); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
.raincl-client-auth-divider::before,
.raincl-client-auth-divider::after { content:""; flex:1; height:1px; background:var(--rc-border); }
.raincl-client-register-form { margin-top:4px; }

.raincl-client-alert { padding:14px 16px; border-radius:12px; margin:15px 0; }
.raincl-client-alert.is-error { border:1px solid #efb5b0; background:#fff2f1; color:var(--rc-danger); }
.raincl-client-alert.is-warning { border:1px solid #f5d7b1; background:var(--rc-warning-bg); color:var(--rc-warning); }
.raincl-client-alert.is-success { border:1px solid #b6e4c8; background:var(--rc-success-bg); color:var(--rc-success); }

.raincl-client-account-bar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
    padding:12px 16px;
    border:1px solid var(--rc-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(16,28,53,.06);
}
.raincl-client-account-bar > div { display:flex; align-items:center; gap:12px; min-width:0; }
.raincl-client-account-bar > div > div { min-width:0; }
.raincl-client-account-bar small,
.raincl-client-account-bar strong,
.raincl-client-account-bar span { display:block; }
.raincl-client-account-bar small { color:var(--rc-muted); text-transform:uppercase; font-weight:800; letter-spacing:.08em; }
.raincl-client-account-bar strong { color:var(--rc-navy); }
.raincl-client-account-bar > div > div > span { color:var(--rc-muted); font-size:13px; }
.raincl-client-account-bar > .raincl-client-account-actions { display:flex; align-items:center; gap:10px; }
.raincl-client-account-bar > .raincl-client-account-actions > a { padding:9px 13px; border-radius:9px; font-weight:800; text-decoration:none; }
.raincl-client-account-bar > .raincl-client-account-actions > a:last-child { border:1px solid #f0bbb1; color:var(--rc-danger); background:#fff7f6; }
.raincl-client-secondary-btn { border:1px solid var(--rc-border); color:var(--rc-blue); background:#fff; }
.raincl-client-avatar { display:flex !important; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:linear-gradient(135deg,var(--rc-blue-dark),var(--rc-blue)); color:#fff; font-size:19px; font-weight:900; }

.raincl-client-password-box {
    margin:0 0 18px;
    padding:20px 22px;
    border:1px solid var(--rc-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 24px rgba(16,28,53,.06);
}
.raincl-client-password-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.raincl-client-password-form label { display:block; color:var(--rc-navy); font-weight:800; }
.raincl-client-password-form input { width:100%; min-height:46px; margin-top:6px; padding:10px 12px; border:1px solid #bdc9d8; border-radius:10px; }
.raincl-client-password-actions { display:flex; align-items:center; gap:10px; grid-column:1/-1; }
.raincl-client-password-actions button { width:auto; min-width:240px; }
.raincl-client-password-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:8px 16px; border:1px solid var(--rc-border); border-radius:11px; color:var(--rc-blue); text-decoration:none; font-weight:900; }

.raincl-client-hero {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:30px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--rc-navy),var(--rc-blue));
    color:#fff;
    box-shadow:0 16px 38px rgba(17,23,109,.22);
}
.raincl-client-hero h1 { margin:6px 0 7px; color:#fff; font-size:clamp(28px,4vw,42px); }
.raincl-client-hero p { margin:0; color:rgba(255,255,255,.88); }
.raincl-client-private-badge { padding:11px 16px; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:rgba(255,255,255,.1); font-weight:900; white-space:nowrap; }

.raincl-client-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto; gap:14px; align-items:end; margin:18px 0; padding:17px; border:1px solid var(--rc-border); border-radius:16px; background:#fff; }
.raincl-client-filters label { color:var(--rc-navy); font-weight:800; }
.raincl-client-filters input { display:block; width:100%; min-height:44px; margin-top:6px; padding:8px 11px; border:1px solid #bdc9d8; border-radius:9px; }
.raincl-client-filters div { display:flex; gap:8px; }
.raincl-client-filters button,
.raincl-client-filters a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 14px; border-radius:9px; font-weight:900; text-decoration:none; }
.raincl-client-filters button { border:0; background:var(--rc-blue); color:#fff; cursor:pointer; }
.raincl-client-filters a { border:1px solid var(--rc-border); background:#fff; color:var(--rc-blue); }

.raincl-client-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0; }
.raincl-client-summary article { padding:20px; border:1px solid var(--rc-border); border-radius:17px; background:#fff; box-shadow:0 9px 24px rgba(16,28,53,.06); }
.raincl-client-summary span { display:block; color:var(--rc-muted); font-weight:800; }
.raincl-client-summary strong { display:block; margin-top:5px; color:var(--rc-navy); font-size:28px; }

.raincl-client-records { margin-top:20px; }
.raincl-client-section-title { display:flex; justify-content:space-between; align-items:end; gap:14px; margin-bottom:12px; }
.raincl-client-section-title h2 { margin:0; color:var(--rc-navy); }
.raincl-client-section-title p { margin:3px 0 0; color:var(--rc-muted); }
.raincl-client-record { margin-bottom:18px; overflow:hidden; border:1px solid var(--rc-border); border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(16,28,53,.07); }
.raincl-client-record-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid var(--rc-border); background:linear-gradient(180deg,#fff,#f8faff); }
.raincl-client-date { color:var(--rc-orange); font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.raincl-client-record-head h3 { margin:4px 0 0; color:var(--rc-navy); font-size:23px; }
.raincl-client-record-id { padding:7px 10px; border-radius:999px; background:#eef1ff; color:var(--rc-blue); font-size:12px; font-weight:900; }
.raincl-client-record-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:20px 22px; }
.raincl-client-record-grid > div { padding:14px; border:1px solid #e4eaf2; border-radius:13px; background:#fbfcfe; }
.raincl-client-record-grid .is-wide { grid-column:1 / -1; }
.raincl-client-record-grid span { display:block; color:var(--rc-muted); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.raincl-client-record-grid strong { display:block; margin-top:4px; color:var(--rc-navy); }
.raincl-client-record-grid p { margin:5px 0 0; color:var(--rc-text); }

.raincl-client-comments { padding:20px 22px; border-top:1px solid var(--rc-border); background:var(--rc-soft); }
.raincl-client-comments h4 { margin:0 0 10px; color:var(--rc-navy); }
.raincl-client-comment { margin-bottom:9px; padding:12px 14px; border:1px solid #dce4ef; border-radius:12px; background:#fff; }
.raincl-client-comment > div { display:flex; justify-content:space-between; gap:12px; }
.raincl-client-comment strong { color:var(--rc-navy); }
.raincl-client-comment span { color:var(--rc-muted); font-size:12px; }
.raincl-client-comment p { margin:6px 0 0; }
.raincl-client-no-comments { color:var(--rc-muted); font-style:italic; }
.raincl-client-comment-form { margin-top:14px; }
.raincl-client-comment-form label { display:block; margin-bottom:6px; color:var(--rc-navy); font-weight:900; }
.raincl-client-comment-form textarea { width:100%; padding:11px 13px; border:1px solid #bfcddd; border-radius:11px; resize:vertical; color:var(--rc-text); background:#fff; }
.raincl-client-comment-form > div { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; }
.raincl-client-comment-form button { min-height:42px; padding:8px 15px; border:0; border-radius:9px; background:var(--rc-orange); color:#fff; font-weight:900; cursor:pointer; }
.raincl-client-comment-form button:disabled { opacity:.55; cursor:wait; }
.raincl-client-comment-status { color:var(--rc-muted); font-size:13px; font-weight:800; }
.raincl-client-comment-status.is-success { color:var(--rc-success); }
.raincl-client-comment-status.is-error { color:var(--rc-danger); }
.raincl-client-empty { padding:44px; border:1px dashed #b9c6d7; border-radius:17px; text-align:center; color:var(--rc-muted); background:#fff; }
.raincl-client-pagination { display:flex; justify-content:center; align-items:center; gap:14px; margin:24px 0; }
.raincl-client-pagination a { padding:8px 13px; border:1px solid var(--rc-border); border-radius:9px; color:var(--rc-blue); background:#fff; font-weight:800; text-decoration:none; }
.raincl-client-pagination span { color:var(--rc-muted); font-weight:800; }

@media (max-width:920px) {
    .raincl-client-login-shell { grid-template-columns:1fr; }
    .raincl-client-login-brand { padding:48px 30px; }
    .raincl-client-login-card { padding:38px 28px; }
    .raincl-client-password-form { grid-template-columns:1fr; }
    .raincl-client-password-actions { flex-direction:column; align-items:stretch; }
    .raincl-client-password-actions button,
    .raincl-client-password-actions a { width:100%; }
    .raincl-client-hero { align-items:flex-start; flex-direction:column; }
    .raincl-client-filters { grid-template-columns:1fr; }
    .raincl-client-summary { grid-template-columns:1fr; }
    .raincl-client-record-grid { grid-template-columns:1fr; }
    .raincl-client-record-grid .is-wide { grid-column:auto; }
}

@media (max-width:560px) {
    .raincl-client-app { padding:0 10px; margin:14px auto; }
    .raincl-client-account-bar { align-items:flex-start; flex-direction:column; }
    .raincl-client-account-bar > div > div > span { display:none; }
    .raincl-client-account-bar > .raincl-client-account-actions { width:100%; flex-direction:column; }
    .raincl-client-account-bar > .raincl-client-account-actions a { width:100%; text-align:center; }
    .raincl-client-hero { padding:23px; }
    .raincl-client-record-head { align-items:flex-start; flex-direction:column; }
    .raincl-client-comment > div { flex-direction:column; gap:2px; }
    .raincl-client-comment-form > div { align-items:stretch; flex-direction:column; }
    .raincl-client-comment-form button { width:100%; }
}

.raincl-client-access-note {
    margin-top:22px;
    padding:13px 14px;
    border:1px solid var(--rc-border);
    border-radius:11px;
    background:var(--rc-soft);
    color:var(--rc-muted);
    font-size:13px;
    text-align:center;
}

.raincl-client-primary-link {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:50px;
    margin:12px 0 0;
    padding:10px 16px;
    border-radius:11px;
    background:linear-gradient(135deg,var(--rc-orange),#ff7a00);
    color:#fff;
    font-weight:900;
    text-decoration:none;
}

.raincl-client-admin-access {
    margin-top:18px;
    padding:22px;
    border:1px solid var(--rc-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 24px rgba(16,28,53,.06);
}

.raincl-client-admin-selector {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    align-items:end;
}

.raincl-client-admin-selector label {
    display:block;
    color:var(--rc-navy);
    font-weight:900;
}

.raincl-client-admin-selector select {
    display:block;
    width:100%;
    min-height:48px;
    margin-top:7px;
    padding:9px 12px;
    border:1px solid #bdc9d8;
    border-radius:11px;
    background:#fff;
    color:var(--rc-text);
}

.raincl-client-admin-selector button {
    min-height:48px;
    padding:9px 18px;
    border:0;
    border-radius:11px;
    background:var(--rc-blue);
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

@media (max-width:720px) {
    .raincl-client-admin-selector { grid-template-columns:1fr; }
    .raincl-client-admin-selector button { width:100%; }
}

/* Perfil, exportación y mejoras responsive v1.1.6 */
.raincl-client-app { max-width:1320px; }
.raincl-client-account-bar { flex-wrap:wrap; }
.raincl-client-account-bar > .raincl-client-account-actions { flex-wrap:wrap; justify-content:flex-end; }
.raincl-client-avatar.has-image { overflow:hidden; background:#fff; border:2px solid #e5eaf2; }
.raincl-client-avatar.has-image img { width:100%; height:100%; object-fit:cover; display:block; }

.raincl-client-profile-box {
    margin:0 0 18px;
    padding:22px;
    border:1px solid var(--rc-border);
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(16,28,53,.07);
}
.raincl-client-profile-form {
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:26px;
    align-items:start;
}
.raincl-client-profile-photo {
    padding:18px;
    border:1px solid #e2e8f1;
    border-radius:17px;
    background:var(--rc-soft);
    text-align:center;
}
.raincl-client-profile-photo-frame {
    width:148px;
    height:148px;
    margin:0 auto 14px;
    overflow:hidden;
    border:4px solid #fff;
    border-radius:50%;
    background:#e9edf7;
    box-shadow:0 8px 24px rgba(16,28,53,.13);
}
.raincl-client-profile-photo-frame img { width:100%; height:100%; object-fit:cover; display:block; }
.raincl-client-upload-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:8px 14px;
    border-radius:10px;
    background:var(--rc-blue);
    color:#fff !important;
    font-weight:900;
    cursor:pointer;
}
.raincl-client-upload-button input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.raincl-client-profile-photo small { display:block; margin-top:9px; color:var(--rc-muted); font-size:12px; }
.raincl-client-remove-photo { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:13px; color:var(--rc-danger); font-size:13px; font-weight:800; }
.raincl-client-profile-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.raincl-client-profile-fields label { display:block; color:var(--rc-navy); font-weight:800; min-width:0; }
.raincl-client-profile-fields label.is-wide,
.raincl-client-profile-actions.is-wide { grid-column:1 / -1; }
.raincl-client-profile-fields input {
    display:block;
    width:100%;
    min-height:46px;
    margin-top:6px;
    padding:10px 12px;
    border:1px solid #bdc9d8;
    border-radius:10px;
    background:#fff;
    color:var(--rc-text);
}
.raincl-client-profile-fields input[readonly] { background:#f1f4f8; color:var(--rc-muted); }
.raincl-client-profile-actions { display:flex; align-items:center; gap:10px; padding-top:4px; }
.raincl-client-profile-actions button,
.raincl-client-profile-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:9px 18px;
    border-radius:10px;
    font-weight:900;
    text-decoration:none;
}
.raincl-client-profile-actions button { border:0; background:linear-gradient(135deg,var(--rc-orange),#ff7a00); color:#fff; cursor:pointer; }
.raincl-client-profile-actions a { border:1px solid var(--rc-border); background:#fff; color:var(--rc-blue); }

.raincl-client-filters {
    grid-template-columns:minmax(160px,.7fr) minmax(160px,.7fr) minmax(320px,1.6fr);
}
.raincl-client-filter-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.raincl-client-export-button { border-color:#ffc59f !important; background:#fff7f1 !important; color:var(--rc-orange) !important; }
.raincl-client-export-button::before { content:"↓"; margin-right:7px; font-size:18px; line-height:1; }

.raincl-client-record-grid { grid-template-columns:minmax(0,1.3fr) minmax(100px,.6fr) minmax(100px,.6fr); }
.raincl-client-record-grid > div { min-width:0; overflow-wrap:anywhere; }
.raincl-client-record-head > div { min-width:0; }
.raincl-client-record-head h3 { overflow-wrap:anywhere; }

@media (max-width:1040px) {
    .raincl-client-profile-form { grid-template-columns:190px minmax(0,1fr); gap:20px; }
    .raincl-client-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .raincl-client-filter-actions { grid-column:1/-1; justify-content:flex-start; }
}

@media (max-width:780px) {
    .raincl-client-app { margin:18px auto; padding:0 12px; }
    .raincl-client-account-bar { align-items:flex-start; }
    .raincl-client-account-bar > .raincl-client-account-actions { width:100%; justify-content:flex-start; }
    .raincl-client-profile-form { grid-template-columns:1fr; }
    .raincl-client-profile-photo { max-width:320px; width:100%; margin:0 auto; }
    .raincl-client-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .raincl-client-record-grid .is-wide { grid-column:1/-1; }
    .raincl-client-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
    .raincl-client-summary article { padding:16px; }
    .raincl-client-summary strong { font-size:22px; }
}

@media (max-width:580px) {
    .raincl-client-login-card { padding:30px 20px; }
    .raincl-client-account-bar > div:first-child { width:100%; }
    .raincl-client-account-bar > .raincl-client-account-actions { display:grid; grid-template-columns:1fr; }
    .raincl-client-account-bar > .raincl-client-account-actions a { width:100%; text-align:center; }
    .raincl-client-profile-box,
    .raincl-client-password-box { padding:17px 14px; border-radius:15px; }
    .raincl-client-profile-fields { grid-template-columns:1fr; }
    .raincl-client-profile-fields label.is-wide,
    .raincl-client-profile-actions.is-wide { grid-column:auto; }
    .raincl-client-profile-actions { flex-direction:column; align-items:stretch; }
    .raincl-client-profile-actions button,
    .raincl-client-profile-actions a { width:100%; }
    .raincl-client-filters { grid-template-columns:1fr; padding:14px; }
    .raincl-client-filter-actions { grid-column:auto; display:grid; grid-template-columns:1fr; }
    .raincl-client-filter-actions button,
    .raincl-client-filter-actions a { width:100%; }
    .raincl-client-summary { grid-template-columns:1fr; }
    .raincl-client-record { border-radius:15px; }
    .raincl-client-record-head,
    .raincl-client-record-grid,
    .raincl-client-comments { padding:16px; }
    .raincl-client-record-grid { grid-template-columns:1fr; }
    .raincl-client-record-grid .is-wide { grid-column:auto; }
    .raincl-client-section-title { align-items:flex-start; flex-direction:column; }
}

/* v1.1.7 — vista compacta de retiros */
.raincl-client-records { margin-top:14px; }
.raincl-client-section-title { margin-bottom:8px; }
.raincl-client-record {
    margin-bottom:12px;
    border-radius:16px;
    box-shadow:0 6px 18px rgba(16,28,53,.055);
}
.raincl-client-record-head {
    gap:12px;
    padding:12px 16px;
}
.raincl-client-date {
    font-size:11px;
    letter-spacing:.07em;
}
.raincl-client-record-head h3 {
    margin-top:2px;
    font-size:19px;
    line-height:1.2;
}
.raincl-client-record-id {
    padding:5px 9px;
    font-size:11px;
}
.raincl-client-record-grid {
    gap:8px;
    padding:12px 16px;
}
.raincl-client-record-grid > div {
    padding:9px 11px;
    border-radius:10px;
}
.raincl-client-record-grid span {
    font-size:10px;
    letter-spacing:.055em;
}
.raincl-client-record-grid strong {
    margin-top:2px;
    font-size:15px;
    line-height:1.3;
}
.raincl-client-record-grid p {
    margin:2px 0 0;
    font-size:14px;
    line-height:1.35;
}
.raincl-client-record-grid .is-wide {
    display:grid;
    grid-template-columns:minmax(145px,.35fr) minmax(0,1.65fr);
    align-items:center;
    gap:10px;
}
.raincl-client-record-grid .is-wide p { margin:0; }

.raincl-client-comments {
    padding:12px 16px;
}
.raincl-client-comments h4 {
    margin:0 0 3px;
    font-size:18px;
    line-height:1.2;
}
.raincl-client-comment-list { margin:0; }
.raincl-client-no-comments {
    margin:0 0 8px;
    font-size:14px;
}
.raincl-client-comment {
    margin-bottom:6px;
    padding:8px 10px;
    border-radius:9px;
}
.raincl-client-comment p {
    margin:3px 0 0;
    font-size:14px;
    line-height:1.35;
}
.raincl-client-comment-form {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px 10px;
    margin-top:8px;
}
.raincl-client-comment-form label {
    grid-column:1 / -1;
    margin:0;
    font-size:14px;
}
.raincl-client-comment-form textarea {
    min-height:66px;
    height:66px;
    padding:9px 11px;
    border-radius:9px;
    font-size:14px;
    line-height:1.35;
}
.raincl-client-comment-form > div {
    min-width:170px;
    margin:0;
    align-self:stretch;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-end;
    gap:5px;
}
.raincl-client-comment-form button {
    min-height:40px;
    padding:7px 13px;
    border-radius:9px;
    white-space:nowrap;
}
.raincl-client-comment-status {
    max-width:190px;
    font-size:11px;
    line-height:1.25;
}

@media (max-width:780px) {
    .raincl-client-record-grid .is-wide {
        grid-template-columns:1fr;
        gap:3px;
    }
}

@media (max-width:580px) {
    .raincl-client-record-head,
    .raincl-client-record-grid,
    .raincl-client-comments { padding:12px; }
    .raincl-client-record-head { flex-direction:row; align-items:flex-start; }
    .raincl-client-record-head h3 { font-size:17px; }
    .raincl-client-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .raincl-client-record-grid > div:first-child,
    .raincl-client-record-grid .is-wide { grid-column:1 / -1; }
    .raincl-client-comment-form { grid-template-columns:1fr; }
    .raincl-client-comment-form label { grid-column:auto; }
    .raincl-client-comment-form > div { min-width:0; }
    .raincl-client-comment-form button { width:100%; }
}