/* منصّة DaaS Fleet — يكمّل daas-fleet.css */
.pf-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.pf-tabs button{font:inherit;font-family:var(--display);font-size:14.5px;border:1px solid var(--line,#E1E6EB);background:#fff;color:var(--ink,#0F1B2D);border-radius:999px;padding:8px 16px;cursor:pointer}
.pf-tabs button[aria-selected="true"]{background:var(--brand,#0B6B7F);border-color:var(--brand,#0B6B7F);color:#fff}
.pf-tabs button:focus-visible{outline:2px solid var(--teal,#3FB3C9);outline-offset:2px}
.pf-frame{margin:0;background:#fff;border:1px solid var(--line,#E1E6EB);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(15,27,45,.45)}
.pf-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F2F4F6;border-bottom:1px solid var(--line,#E1E6EB);direction:ltr}
.pf-bar i{width:10px;height:10px;border-radius:50%;background:#D9D2EE}
.pf-bar span{margin-inline-start:10px;font-size:12.5px;color:var(--muted,#5A6B7C);font-family:ui-monospace,Menlo,Consolas,monospace}
.pf-frame img{display:block;width:100%;height:auto}
.pf-frame figcaption{padding:12px 16px;font-size:14px;line-height:1.8;color:#3A4A5E;border-top:1px solid var(--line,#E1E6EB)}
.pf-note{margin-top:10px;font-size:13.5px;color:var(--muted,#5A6B7C)}
.pf-mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pf-mod{background:#fff;border:1px solid var(--line,#E1E6EB);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.pf-mod b{font-family:var(--display);font-size:16px;color:var(--ink,#0F1B2D)}
.pf-mod p{margin:0;font-size:14.5px;line-height:1.8;color:#3A4A5E}
.pf-chip{align-self:flex-start;font-size:12px;font-weight:600;border-radius:999px;padding:2px 10px;background:#E3F6EE;color:#13734C}
.pf-mod.next{background:transparent;border-style:dashed}
.pf-mod.next .pf-chip{background:#F2F4F6;color:var(--brand,#0B6B7F)}
.pf-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pf-role{background:#fff;border:1px solid var(--line,#E1E6EB);border-radius:18px;padding:22px 22px 18px;min-width:0}
.pf-role h3{font-size:18px;color:var(--ink,#0F1B2D);margin:0 0 4px}
.pf-role small{display:block;color:var(--muted,#5A6B7C);font-size:13.5px;margin-bottom:10px}
.pf-role ul{margin:0;padding-inline-start:18px;display:grid;gap:5px;font-size:14.5px;line-height:1.75;color:#3A4A5E}
.df-steps.pf-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.df-steps.pf-six li{min-height:0}
@media (max-width:1000px){.pf-mods{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-roles{grid-template-columns:1fr}}
@media (max-width:640px){.pf-mods,.df-steps.pf-six{grid-template-columns:1fr}.pf-tabs button{font-size:13.5px;padding:7px 13px}}