/* «أومنيس جاهز من أول نظرة» (public/ready.js): LAYOUT ONLY. Every look (cards, buttons, fields, badges, meter, rows)
   comes from the standard components in theme-components.css and the tokens in theme-tokens.css (docs/THEME-RULES.md). */
.rfl-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:1080px;margin:0 auto;padding:var(--space-1) var(--space-4) calc(var(--space-6) + var(--sb,0px))}
.rfl-tabs{display:flex;gap:var(--space-2);padding:var(--space-1) 0 var(--space-3);position:sticky;top:0;z-index:2;background:var(--chrome)}
.rfl-main{display:flex;flex-direction:column;gap:var(--space-3)}
.rfl-hero-t{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.rfl-hero-t>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.rfl-hero-t b{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:1.35}
.rfl-count{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}
.rfl-count b{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--brand-strong)}
.rfl-tools{display:flex;flex-direction:column;gap:var(--space-2)}
.rfl-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.rfl-chips>*{max-width:100%}
.rfl-chips span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rfl-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
@media (min-width:640px){.rfl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.rfl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rfl-card{min-width:0;transition:box-shadow .25s,transform .25s;animation:rflIn .32s ease both}
.rfl-card.rfl-flash{box-shadow:var(--focus-ring)}
.rfl-ct{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.rfl-ct b{font-size:var(--fs-lg);font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rfl-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand)}
.rfl-ic svg{width:19px;height:19px}
.rfl-v1{margin:0;color:var(--text2);font-size:var(--fs);line-height:1.6}
.rfl-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:auto}
.rfl-out{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:.5px solid var(--stroke3)}
.rfl-form{display:flex;flex-direction:column;gap:var(--space-2)}
.rfl-row3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}
.rfl-res{display:flex;flex-direction:column;gap:var(--space-2);min-height:8px}
.rfl-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-xl)}
.rfl-big b{font-size:28px;font-weight:var(--fw-bold);color:var(--text)}
.rfl-big span{color:var(--text2);font-size:var(--fs)}
.rfl-days{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.rfl-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.rfl-time{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--hover)}
.rfl-time b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}
.rfl-links{margin:0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.rfl-links li{display:flex;flex-direction:column;gap:2px;line-height:1.5}
.rfl-links a{color:var(--accent);text-decoration:none;font-weight:var(--fw-medium)}
.rfl-img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}
.rfl-sk{height:14px;border-radius:var(--radius-sm);background:var(--hover);animation:rflSk 1.2s ease-in-out infinite}
.rfl-sk.short{width:60%}
.rfl-home{margin:var(--space-2) var(--space-3) var(--space-3)}
.rfl-home.full{margin:0;width:100%;max-width:560px}
.rfl-main-pane{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4)}
.rfl-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-3);max-width:520px;text-align:center;color:var(--text3)}
.rfl-empty .rfl-chips{justify-content:center}
.rfl-gap{margin-top:var(--space-3)}
.rfl-v.out{opacity:0;transition:opacity .18s}
@keyframes rflIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rflSk{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.rfl-card,.rfl-sk{animation:none}}
/* readiness meter width in 5% steps (no inline styles) */
.rfl-w0{width:0%}
.rfl-w5{width:5%}
.rfl-w10{width:10%}
.rfl-w15{width:15%}
.rfl-w20{width:20%}
.rfl-w25{width:25%}
.rfl-w30{width:30%}
.rfl-w35{width:35%}
.rfl-w40{width:40%}
.rfl-w45{width:45%}
.rfl-w50{width:50%}
.rfl-w55{width:55%}
.rfl-w60{width:60%}
.rfl-w65{width:65%}
.rfl-w70{width:70%}
.rfl-w75{width:75%}
.rfl-w80{width:80%}
.rfl-w85{width:85%}
.rfl-w90{width:90%}
.rfl-w95{width:95%}
.rfl-w100{width:100%}
@media (min-width:761px){#app:not(.in-chat) #rflcard{display:none}} /* desktop: the empty main pane already shows the full card */
/* «اتصالاتي لكل مستخدم» + «الإعداد الرئيسي» (owner card 13f2ba1f): LAYOUT ONLY, every look from the standard components. */
.rfl-acct{align-items:center}
.rfl-av{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;object-fit:cover;background:var(--brand-soft);color:var(--brand);font-weight:var(--fw-bold);font-size:var(--fs-lg);overflow:hidden}
.rfl-av svg{width:22px;height:22px}
.rfl-meta{display:block;color:var(--text3);font-size:var(--fs-sm,12px);line-height:1.5}
.rfl-acct .acc-tx{min-width:0;flex:1}
.rfl-acct .acc-tx small{overflow:hidden;text-overflow:ellipsis}
.rfl-files{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3)}
.rfl-copy{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) 0;border-top:.5px solid var(--stroke3)}
.rfl-copy:first-of-type{border-top:0}
.rfl-copy code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:var(--fs-sm,12px);line-height:1.5;color:var(--text);user-select:all}
.rfl-copy>button{flex:none}
.rfl-setup .rfl-main{max-width:720px;margin:0 auto;width:100%}
.rfl-setup .rfl-form{padding-top:var(--space-2)}
.rfl-setup label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}
@media (max-width:560px){.rfl-acct{flex-wrap:wrap;row-gap:var(--space-2)}.rfl-acct .acc-tx{flex:1 1 calc(100% - 56px)}.rfl-acct>.rfl-st{margin-inline-start:52px}.rfl-acct>button{margin-inline-start:auto}}