/* ============================================================
status.css — кружки статусов, палитра, «г» гида
v9mvp-REFACTOR-RENDER-CSS (выделено из overrides.css)
============================================================ */
.plate-dots{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.pd{
width:15px;
height:15px;
border-radius:50%;
flex:none;
box-sizing:border-box;
}
.pd.st-pre{ background:var(--accent); }
.pd.st-deposit{ background:var(--status-deposit-text); }
.pd.st-ready{ background:var(--ok); }
.pd.st-postpone{ background:var(--text-muted); }
.pd.st-cancel{ background:transparent; border:2px solid var(--danger); }
.pd-wrap{ display:inline-flex; align-items:center; gap:3px; }
/* .trip-plate span бьёт по pd-wrap/c-flag — перебиваем явно */
.trip-plate .pd-wrap{
display:inline-flex;
align-items:center;
gap:3px;
white-space:nowrap;
overflow:visible;
}
.trip-plate .pd-wrap .c-flag{
display:inline-block;
white-space:nowrap;
overflow:visible;
text-overflow:clip;
}
/* вариант Б: кружок 16px, буква в <b> с абсолютным центром */
.c-dot.guide, .pd.guide{
width:16px;
height:16px;
position:relative;
}
.g-l{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
font-weight:800;
font-style:normal;
line-height:1;
color:var(--bg);
}