/* ShahrVam v564 — immutable pre-invoice customer notes for sales experts. */
.sm148-icon-action.is-note{position:relative;color:#5b4fc7;background:#f4f2ff;border-color:#ded9ff}
.sm148-icon-action.is-note:hover{background:#ece9ff;border-color:#c7c0ff;transform:translateY(-1px)}
.sm148-icon-action.is-note.has-note{background:#ede9fe;color:#4c3fb0;border-color:#cfc7ff}
.sm564-note-dot{position:absolute;inset-inline-start:5px;inset-block-start:5px;width:7px;height:7px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 2px #fff}
.sm564-note-modal{display:grid;gap:16px;min-width:min(680px,calc(100vw - 56px))}
.sm564-note-history,.so-customer-note-history{display:grid;gap:10px;max-height:340px;overflow:auto;padding-inline-end:3px}
.sm564-note-history-item,.so-customer-note-item{padding:12px 14px;border:1px solid #e7e9f2;border-radius:12px;background:#fbfcff}
.sm564-note-history-item>div,.so-customer-note-item>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.sm564-note-history-item b,.so-customer-note-item b{font-size:13px;color:#172554}
.sm564-note-history-item time,.so-customer-note-item time{font-size:11px;color:#64748b;white-space:nowrap}
.sm564-note-history-item p,.so-customer-note-item p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#334155;font-size:13px}
.sm564-note-compose{padding-top:14px;border-top:1px solid #e7e9f2}
.sm564-note-compose textarea,.so-note-compose textarea{min-height:105px;resize:vertical}
.sm564-note-compose small,.so-note-compose small{display:block;margin-top:6px;color:#64748b}
.sm564-note-readonly,.so-note-lock-hint{padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;font-size:12px;line-height:1.8}
.so-customer-notes-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.so-customer-notes-panel header h3{margin-bottom:3px}
.so-customer-notes-panel header small{color:#64748b;line-height:1.7}
.so-note-add-button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.so-note-add-button svg{width:16px;height:16px}
.so-notes-readonly-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:800;white-space:nowrap}
.so-customer-note-item.is-readonly{background:#f8fafc}
.so-customer-notes-panel.is-case-history{border-inline-start:3px solid #7c3aed}
@media(max-width:760px){
  .sm564-note-modal{min-width:0;width:100%}
  .sm564-note-history,.so-customer-note-history{max-height:280px}
  .sm564-note-history-item>div,.so-customer-note-item>div{align-items:flex-start;flex-direction:column;gap:2px}
  .so-customer-notes-panel header{align-items:stretch;flex-direction:column}
  .so-note-add-button,.so-notes-readonly-badge{align-self:flex-start}
}