/* Экраны платформы D/E (.pf-*, .plan*, .cd*, .nt). Только компоновка — стили компонентов в ds.css */
.pf{padding-top:18px;padding-bottom:30px}
.pf-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--c-warn);background:var(--c-warn-bg);border-radius:12px;padding:8px 12px;margin-bottom:16px}
.pf-grid{display:grid;gap:20px;align-items:start}@media(min-width:960px){.pf-grid:not(.pf-wide){grid-template-columns:240px 1fr}}
.pf-side{position:sticky;top:78px;display:grid;gap:10px}
.pf-nav{display:grid;gap:14px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:12px}
.pf-grp{display:grid;gap:2px}.pf-grp h4{margin:4px 8px 4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-mut)}
.pf-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--c-navy)!important;font-weight:600;font-size:14px;text-decoration:none!important}.pf-nav a .ic{width:18px;height:18px;color:var(--c-mut)}
.pf-nav a:hover{background:var(--c-bg)}.pf-nav a.act{background:var(--c-lime)}.pf-nav a.act .ic{color:var(--c-navy)}
.pf-login{margin:0;font-size:12px;color:var(--c-mut);display:flex;gap:6px;align-items:flex-start;padding:0 6px}
@media(max-width:959px){.pf-side{position:static}.pf-nav{display:flex;overflow-x:auto;gap:6px;padding:8px}.pf-grp{display:flex;gap:4px;align-items:center}.pf-grp h4{display:none}.pf-nav a{white-space:nowrap}.pf-login{display:none}}
.pf-main{display:grid;gap:16px;min-width:0}
.pf-h{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}.pf-h h1{margin:0;font-size:28px;color:var(--c-navy);letter-spacing:-.01em}.pf-h p{margin:6px 0 0;color:var(--c-mut);max-width:680px}
.pf-cols{display:grid;gap:16px}@media(min-width:900px){.pf-cols{grid-template-columns:1fr 1fr}}
.pf-stack{display:grid;gap:16px;align-content:start}
.pf-form{display:grid;gap:12px;align-content:start}.pf-form textarea{min-height:90px}.pf-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-acts,.pf-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pf-hint{margin:0;font-size:13px;color:var(--c-mut)}
.pf-h2{margin:10px 0 0;font-size:22px;color:var(--c-navy)}.pf-h3{margin:0 0 10px;font-size:16px;color:var(--c-navy);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pf-h3 .ic{width:18px;height:18px}.pf-h4{margin:14px 0 0;font-size:13px;color:var(--c-mut)}
.pf-radio{border:0;padding:0;margin:0 0 12px;display:grid;gap:8px;font-size:14px}.pf-radio legend{font-weight:700;margin-bottom:6px;color:var(--c-navy)}
.pf-sw{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:14.5px}.pf-sw input{width:18px;height:18px;accent-color:var(--c-navy)}
.pf-switch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--c-mut)}
.pf-chips{display:flex;gap:8px;flex-wrap:wrap}.pf-toast{margin-top:10px}
.pf-stats{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.pf-stats{grid-template-columns:repeat(4,1fr)}}
.pf-filter{display:grid;gap:14px}@media(min-width:800px){.pf-filter{grid-template-columns:1fr 1fr 1.2fr;align-items:end}}.pf-meter small{display:block;margin-top:4px;font-size:12.5px;color:var(--c-mut)}
.pf-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px}.pf-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--c-line);font-size:14.5px}
.pf-mods{display:grid;gap:12px}@media(min-width:760px){.pf-mods{grid-template-columns:1fr 1fr}}
.pf-mod{display:flex;gap:14px;align-items:center}.pf-mod>.ic{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--c-tint);flex:none}.pf-mod div{flex:1;display:grid;gap:2px}.pf-mod small{color:var(--c-mut)}
.pf-back{font-weight:700;font-size:14px}
.cd-grid{display:grid;gap:14px}@media(min-width:900px){.cd-grid{grid-template-columns:1fr 1fr}}
.cd{display:grid;gap:12px;padding:16px}.cd-top{display:flex;gap:12px;align-items:center}.cd-top h3{margin:0;font-size:16px;color:var(--c-navy)}.cd-top>.u-badge{margin-left:auto}.cd-sub{font-size:13px;color:var(--c-mut)}
.cd-ico{width:46px;height:46px;border-radius:13px;background:var(--c-tint);display:grid;place-items:center;font-size:24px;flex:none}
.cd-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.cd-nc{font-size:12.5px;color:var(--c-mut);display:inline-flex;gap:6px;align-items:center}
.nt{display:flex;gap:14px;align-items:flex-start;padding:14px 16px}.nt>.ic{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--c-tint);flex:none}.nt.unread{border-left:4px solid var(--c-lime)}.nt p{margin:0;display:grid;gap:4px}.nt small{color:var(--c-mut)}
/* tariffs */
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.plan{display:grid;gap:12px;align-content:start;padding:22px}.plan h3{margin:0;font-size:22px;color:var(--c-navy)}.plan-d{margin:0;color:var(--c-mut);font-size:14px;min-height:40px}
.plan.pop{border:2px solid var(--c-lime);box-shadow:var(--sh-2)}.plan.cur{outline:2px dashed var(--c-navy);outline-offset:3px}
.plan-p{display:flex;align-items:baseline;gap:6px}.plan-p b{font-size:34px;font-weight:900;color:var(--c-navy);letter-spacing:-.02em}.plan-p span{color:var(--c-mut);font-size:14px}
.cmp th:first-child{min-width:220px}.cmp thead th small{display:block;text-transform:none;letter-spacing:0;font-weight:500;margin-top:2px}.cmp td{text-align:center}.cmp td .ok{color:var(--c-ok);width:20px;height:20px}.cmp .no{color:#b8c2d9}.cmp td.cur{background:#f7ffe0}
.cmp tbody th{font-weight:600}.cmp tr.grp th{background:var(--c-tint);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-navy)}
.cmp thead th:first-child,.cmp tbody th{position:sticky;left:0;background:#fff;z-index:1}.cmp thead th:first-child{background:var(--c-bg)}.cmp tr.grp th{position:static}
@media(max-width:560px){.pf-h h1{font-size:23px}.pf-2{grid-template-columns:1fr}}