/* STO-r5 — admin/STO clients page UI stabilization */
.admin-clients-pane,
.admin-clients-pane *{box-sizing:border-box;min-width:0}
.admin-clients-pane{width:100%;max-width:100%;overflow-x:hidden}
.admin-clients-head{position:relative;z-index:1}
.admin-clients-head>div:first-child{min-width:0;flex:1 1 320px}
.admin-clients-tools{flex:0 1 420px;max-width:100%}
.admin-clients-tools .btn,
.crm-client-card__actions .btn,
.crm-client-order__actions .act-btn,
.crm-client-detail__actions .btn{min-height:var(--ui-btn-h-md,44px);border-radius:var(--ui-radius-btn);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-client-grid{align-items:start}
.crm-client-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;isolation:isolate}
.crm-client-card__head{max-width:100%}
.crm-client-title h3,
.crm-client-title div{max-width:100%}
.crm-client-state{max-width:120px;overflow:hidden;text-overflow:ellipsis}
.crm-client-metrics div{overflow:hidden}
.crm-client-order{isolation:isolate;overflow:hidden}
.crm-client-order__top{overflow:hidden}
.crm-client-order__top b{display:block;flex:1 1 auto;max-width:100%}
.crm-order-badge{max-width:126px;overflow:hidden;text-overflow:ellipsis}
.crm-client-order__actions .act-btn{padding:0 12px;font-size:12px;font-weight:900;border:1px solid var(--line);background:var(--surface);color:var(--text2);cursor:pointer}
.crm-client-order__actions .act-btn.view{border-color:rgba(255,107,0,.34);background:var(--orange-dim);color:var(--orange)}
.crm-client-order__actions .act-btn:disabled{opacity:.55;cursor:not-allowed}
.crm-order-stage-strip,
.crm-order-last-message{max-width:100%}
.crm-order-stage-strip span{overflow:hidden}
.crm-client-detail{width:min(760px,calc(100vw - 24px));max-width:100%;overflow-x:hidden}
.crm-client-detail__head>div:nth-child(2){min-width:0;flex:1}
.crm-client-detail__orders{max-width:100%}
.crm-client-modebar--filters button,
.crm-client-modebar--modal button{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.15}
@media (max-width:640px){
  .admin-clients-pane{padding:0!important}
  .admin-clients-head{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}
  .admin-clients-sub{font-size:11px;line-height:1.35;max-width:100%}
  .admin-clients-tools{display:grid;grid-template-columns:1fr;gap:8px;width:100%;max-width:100%;flex-basis:auto}
  .admin-clients-tools .admin-search{height:44px;font-size:16px}
  .admin-clients-tools .btn{width:100%}
  .crm-client-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
  .crm-client-stat{padding:9px 10px;border-radius:var(--ui-radius-md);box-shadow:none}
  .crm-client-stat b{font-size:19px}
  .crm-client-modebar--filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
  .crm-client-modebar--filters button{min-height:42px;padding:0 8px;font-size:11px}
  .crm-client-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .crm-client-card{padding:11px;border-radius:var(--ui-radius-md);box-shadow:none;gap:0}
  .crm-client-card__head{align-items:flex-start;gap:8px;margin-bottom:10px}
  .crm-client-avatar{width:38px;height:38px;flex-basis:38px;border-radius:var(--ui-radius-md);font-size:14px}
  .crm-client-state{max-width:96px;font-size:10px;padding:4px 6px}
  .crm-client-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}
  .crm-client-metrics div{padding:7px 6px}
  .crm-client-order{grid-template-columns:1fr;gap:8px;padding:8px;border-radius:var(--ui-radius-md)}
  .crm-client-order__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start}
  .crm-order-badge{max-width:110px;font-size:9px;padding:3px 6px}
  .crm-client-order__meta,
  .crm-client-order__hint{font-size:10px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .crm-order-stage-strip{gap:4px;margin-top:6px}
  .crm-order-stage-strip span{padding:5px 6px;grid-template-columns:auto minmax(0,1fr);gap:4px 6px}
  .crm-order-stage-strip em{grid-column:2;font-size:9px}
  .crm-order-last-message{grid-template-columns:auto minmax(0,1fr);padding:6px;gap:4px 6px;margin-top:6px}
  .crm-order-last-message em{grid-column:2;font-size:9px}
  .crm-client-order__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;justify-content:stretch}
  .crm-client-order__actions .act-btn{width:100%;min-height:40px;padding:0 8px}
  .crm-client-card__actions{grid-template-columns:1fr;gap:7px;margin-top:10px}
  .crm-client-detail{width:100%;max-width:100%;max-height:86vh;border-radius:var(--ui-radius-modal) var(--ui-radius-modal) 0 0!important}
  .crm-client-detail__head{align-items:flex-start;gap:10px;margin-bottom:12px}
  .crm-client-avatar--lg{width:44px;height:44px;flex-basis:44px;font-size:16px}
  .crm-client-metrics--detail{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}
  .crm-client-modebar--modal{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .crm-client-modebar--modal button{min-height:42px;font-size:11px;padding:0 8px}
  .crm-client-detail__actions{display:grid;grid-template-columns:1fr;gap:8px}
}
@media (max-width:380px){
  .crm-client-stats,
  .crm-client-metrics,
  .crm-client-metrics--detail,
  .crm-client-modebar--filters,
  .crm-client-modebar--modal{grid-template-columns:1fr}
  .crm-client-order__actions{grid-template-columns:1fr}
  .crm-client-state{display:none}
}
@media (min-width:1024px){
  .crm-client-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
  .crm-client-card:hover{transform:translateY(-1px)}
}

/* STO-r9: client history/chat/attachments stabilization */
.crm-client-history-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0 12px;
}
.crm-client-history-summary>div{
  min-width:0;
  border:1px solid var(--line);
  border-radius:var(--ui-radius-md);
  background:var(--surface);
  padding:9px 10px;
}
.crm-client-history-summary b{
  display:block;
  font-family:'Oswald',sans-serif;
  font-size:16px;
  color:var(--text1);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.crm-client-history-summary span{
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.25;
  color:var(--text3);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.crm-client-history-summary__wide{grid-column:1/-1;}
.crm-order-files{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  margin-top:7px;
  padding:6px 7px;
  border:1px dashed rgba(148,163,184,.28);
  border-radius:var(--ui-radius-sm,5px);
  background:rgba(148,163,184,.06);
  color:var(--text2);
  font-size:11px;
}
.crm-order-files b{font-family:'Oswald',sans-serif;color:var(--orange);font-size:14px;line-height:1;}
.crm-order-files span{color:var(--text3);}
.crm-order-files.is-empty{opacity:.72;}
.crm-order-file-thumb{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:var(--ui-radius-sm,5px);
  border:1px solid var(--line);
  background:var(--bg2);
  overflow:hidden;
  font-size:13px;
}
.crm-order-file-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:700px){
  .crm-client-history-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0 10px;}
  .crm-client-history-summary>div{padding:8px;}
  .crm-client-history-summary b{font-size:15px;}
  .crm-order-files{gap:5px;padding:6px;white-space:nowrap;overflow:hidden;}
  .crm-order-file-thumb{width:24px;height:24px;}
}
