/* AAMS 3.1.1 — النشر (publishing layer). Uses the theme variables of app.css only, so day and night both follow. */
.pb-ic{display:inline-flex;align-items:center;justify-content:center;flex:none}
.pb-h2{display:flex;align-items:center;gap:8px;font-size:20px;margin:0}
.pb-plat{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--text)}
.pb-plat i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 26%,transparent)}
.pb-plats{display:flex;flex-wrap:wrap;gap:6px 14px}
.pb-open{display:inline-flex;color:var(--gold-2)}
.pb-title{font-weight:600;color:var(--text)}
.pb-clip{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.pb-err{color:var(--err-t)!important;margin-top:4px}
.pb-hint{font-size:14px;color:var(--text-3)}
.pb-keyrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pb-keybox{flex:1 1 320px;display:flex;gap:8px;align-items:center;min-width:0}
.pb-keybox input{flex:1;min-width:0}
.pb-eye{flex:none;width:44px;height:44px}
.pb-compose{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;max-width:1600px;margin:0 auto;align-items:start}
@media (max-width:900px){.pb-compose{grid-template-columns:minmax(0,1fr)}}
.pb-counters{display:flex;flex-wrap:wrap;gap:6px}
.pb-counters:empty{display:none}
.pb-img img{display:block;width:100%;max-width:560px;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid var(--line);margin-bottom:10px}
.pb-pick tbody tr{cursor:pointer}
.pb-pick td{vertical-align:middle}
.pb-steps{margin:0;padding:12px 16px;padding-inline-start:34px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:var(--text-3)}
.pb-steps[hidden]{display:none}
.pb-steps li.ok{color:var(--live-t)}
.pb-steps li.bad{color:var(--err-t)}
.pb-steps li.wait::after{content:"";display:inline-block;width:11px;height:11px;margin-inline-start:8px;vertical-align:middle;border-radius:50%;border:2px solid var(--gold);border-top-color:transparent;animation:pbspin .8s linear infinite}
@keyframes pbspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pb-steps li.wait::after{animation:none}}
.pb-sheet .field>span:first-child{font-weight:600;color:var(--text-3)}
.pb-sheet [hidden]{display:none!important}
.pb-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--text)}