/* ملفي — device record. Scoped so other centre tools keep their own look. */
body.malafi-page{margin:0;background:#f4f1e8;color:var(--mz-ink,#1c2414);font-family:"IBM Plex Sans Arabic","Readex Pro",Tahoma,sans-serif;line-height:1.7}
body.malafi-page *{box-sizing:border-box}
.malafi-top,.malafi-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;max-width:860px;margin:0 auto}
.malafi-top a,.malafi-foot a{color:var(--mz,#2a3b14);font-weight:700;text-decoration:none}
.malafi-top b{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-size:20px}
.malafi-lead{max-width:860px;margin:0 auto;padding:4px 16px 0}
.malafi-lead .eyebrow{margin:0;color:#5d6b3a;font-weight:700;font-size:14px}
.malafi-lead h1{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-size:clamp(32px,8vw,44px);line-height:1.25;margin:4px 0 8px;letter-spacing:-0.5px}
.malafi-lead p{margin:0;color:#3e4a32;font-size:16px}
.malafi-page [data-centre-root]{max-width:860px;margin:0 auto;padding:8px 16px 28px}
.malafi-page [data-centre-root]>h1{font-size:22px;margin:8px 0 4px}
.malafi-page .container{width:min(calc(100% - 32px),860px);margin-inline:auto}
.malafi-page .btn.primary{background:var(--mz,#2a3b14);border-color:var(--mz,#2a3b14);color:#fff}
.malafi-page .btn.secondary{background:#fff;color:var(--mz,#2a3b14);border-color:#d5dcc4}
.malafi-page .skip{position:absolute;top:-90px;right:16px;background:#fff;z-index:30;padding:14px}
.malafi-page .skip:focus{top:16px}

.sk-record{font-family:"IBM Plex Sans Arabic","Readex Pro",Tahoma,sans-serif}
.sk-record .sk-banner{background:#e7efd4;border:1px solid var(--mz2,#cfe39a);border-radius:18px;padding:14px 16px;margin:0}
.sk-record .sk-banner b{display:block;color:var(--mz,#2a3b14);margin-bottom:4px}
.sk-record .sk-banner p{margin:0;font-size:15px;line-height:1.75}
.sk-record .sk-spots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sk-record .sk-spot{background:#fff;border:1px solid #e4e7da;border-radius:22px;padding:16px 16px 14px;box-shadow:0 10px 28px var(--mz-shadow,var(--mz,#2a3b14)0d);min-height:132px}
.sk-record .sk-spot .eyebrow{color:#5d6b3a;font-size:13px;font-weight:700}
.sk-record .sk-figure{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px}
.sk-record .sk-figure b{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-size:42px;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--mz-ink,#1c2414)}
.sk-record .sk-figure small{font-size:14px;color:#5c6750}
.sk-record .sk-arrow{font-style:normal;font-size:28px;color:var(--mz,#2a3b14);margin-inline-start:auto}
.sk-record .sk-spot p{margin:0;color:#3e4a32}
.sk-record .sk-spark{width:100%;height:52px;display:block;margin-top:8px}
.sk-record .sk-spot .btn{margin-top:8px}
.sk-record .sk-badge{display:inline-flex;align-items:center;min-height:32px;background:#f3e7b3;color:#5c4a12;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.sk-record .sk-draft{border-color:#e6d7a2}
.sk-record .sk-draft ul{margin:8px 0;padding-inline-start:18px;line-height:1.75}
.sk-record .sk-trend{display:grid;gap:2px;border-radius:14px;padding:12px 14px;margin-bottom:10px;border:1px solid #e4e7da;background:#f8f6f1}
.sk-record .sk-trend b{font-size:18px;color:var(--mz,#2a3b14)}
.sk-record .sk-viewer{border:0;border-radius:18px;padding:12px;max-width:min(92vw,520px);background:#fff}
.sk-record .sk-viewer img{width:100%;height:auto;border-radius:12px}
.sk-record .sk-viewer form{display:flex;justify-content:flex-end;margin-bottom:8px}
.sk-record textarea{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #cfc2bd;border-radius:12px;min-height:96px;background:#fff}
@media(max-width:420px){
  .sk-record .sk-spots{grid-template-columns:1fr}
  .sk-record .sk-figure b{font-size:40px}
  .malafi-lead h1{font-size:28px}
  .malafi-lead p{font-size:15px}
}

.malafi-page{padding-bottom:96px}
.sk-record .sk-tabs button,.sk-record .sk-dock button,.sk-record .sk-chip,.sk-record .sk-preset,.sk-record .sk-hello-actions .btn,.sk-record details > summary{min-height:48px;font-size:16px}
.sk-record{font-size:16px;color:var(--mz-ink,#1c2414)}
.sk-record .sk-muted,.sk-record .sk-iron-line{color:var(--mz,#2a3b14)}
.sk-hello{background:#fff;border:1px solid var(--mz2,#cfe39a);border-radius:22px;padding:18px 16px;box-shadow:0 10px 28px var(--mz-shadow,var(--mz,#2a3b14)0d)}
.sk-hello h2{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-size:26px;line-height:1.45;margin:6px 0 14px;color:var(--mz-ink,#1c2414)}
.sk-hello-actions{display:flex;flex-wrap:wrap;gap:8px}
.sk-hello-actions .btn{min-height:48px;font-size:17px;padding:10px 16px}
.sk-today{background:#fff;border:1px solid #e4e7da;border-radius:22px;padding:16px;box-shadow:0 10px 28px var(--mz-shadow,var(--mz,#2a3b14)0d)}
.sk-today .sk-figure b{font-size:48px}
.sk-today .sk-next-action{margin:8px 0 12px;font-size:18px;font-weight:700;color:var(--mz-ink,#1c2414);line-height:1.6}
.sk-iron-line{margin:4px 0;font-size:16px}
.sk-iron-line b{font-size:22px}
.sk-quick h3,.sk-path h3{font-size:18px;margin:0 0 8px;color:var(--mz,#2a3b14)}
.sk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sk-chips > span{flex:1 1 100%;font-weight:700;color:var(--mz,#2a3b14)}
.sk-chip,.sk-preset{border:2px solid var(--mz,#2a3b14);background:#fff;color:var(--mz-ink,#1c2414);border-radius:16px;padding:10px 12px;font:inherit;font-weight:700;cursor:pointer;text-align:start}
.sk-chip[aria-pressed=true],.sk-preset[aria-pressed=true]{background:var(--mz,#2a3b14);color:#fff}
.sk-picks{display:grid;grid-template-columns:1fr;gap:8px}
.sk-preset{display:grid;gap:2px;width:100%}
.sk-preset small{font-weight:600;font-size:15px;line-height:1.5}
.sk-preset[aria-pressed=true] small{color:#f4f1e8}
.sk-path-now{margin:0 0 4px;font-size:18px;font-weight:700}
.sk-path ol{margin:8px 0 0;padding-inline-start:22px;display:grid;gap:8px}
.sk-path a{color:var(--mz,#2a3b14);font-weight:700;font-size:16px}
.sk-empty{background:#e7efd4;border-radius:14px;padding:12px 14px;font-weight:700;color:var(--mz-ink,#1c2414)}
.sk-record details{background:#fff;border:1px solid #e4e7da;border-radius:18px;padding:4px 14px}
.sk-record details > summary{cursor:pointer;font-weight:700;color:var(--mz,#2a3b14);display:flex;align-items:center}
.sk-record details .sk-card{border:0;box-shadow:none;padding-inline:0}
.sk-flags ul{margin:0 0 8px;padding-inline-start:20px;line-height:1.8}
.sk-flags p{margin:0 0 12px;color:var(--mz,#2a3b14)}
.sk-dock{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#f7f6f1;border-top:1px solid var(--mz2,#cfe39a)}
.sk-dock button{border:0;border-radius:14px;background:var(--mz,#2a3b14);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.sk-dock button:focus-visible,.sk-chip:focus-visible,.sk-preset:focus-visible,.sk-hello-actions .btn:focus-visible{outline:3px solid var(--mz,#2a3b14);outline-offset:2px}
@media(min-width:720px){.sk-picks{grid-template-columns:1fr 1fr}}
@media print{.sk-dock,.sk-hello{display:none}}