/* Customer operations share the console palette and keep the main content unframed. */
#appView .cw-workspace, #appView .cw-overview { min-width:0; background:#fff; }
#appView .cw-workspace { padding:22px; border-top:3px solid #1677ff; }
#appView .cw-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-bottom:18px; }
#appView .cw-heading h2, #appView .cw-help h2 { margin:0; display:flex; align-items:center; gap:8px; font-size:17px; }
#appView .cw-heading p { margin:8px 0 0; font-size:13px; line-height:1.7; color:#566c81; }
#appView .cw-metrics { display:flex; flex-wrap:wrap; gap:16px 32px; padding:16px 0; border-block:1px solid var(--console-line); }
#appView .cw-metrics span { color:#586b7e; font-size:13px; }
#appView .cw-metrics strong { margin-left:8px; color:#234363; font-size:21px; }
#appView .cw-metrics span:nth-child(3) strong { color:#ad6100; }
#appView .cw-metrics span:nth-child(4) strong { color:#c03845; }
#appView .cw-toolbar { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; padding:20px 0; }
#appView .cw-toolbar label { display:grid; gap:7px; font-size:13px; color:#4b6178; }
#appView .cw-toolbar .cw-search { flex:1; min-width:180px; }
#appView .cw-toolbar input, #appView .cw-toolbar select { width:100%; min-width:0; padding:9px 12px; min-height:40px; border:1px solid #cbd7e4; border-radius:5px; background:#fff; color:#254360; }
#appView .cw-license { padding:20px 0; border-top:1px solid var(--console-line); min-width:0; }
#appView .cw-license header { display:flex; height:auto; min-height:0; padding:12px 14px; margin:0; background:#f4f7fa; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px; }
#appView .cw-license h3 { margin:0 0 6px; font-size:16px; }
#appView .cw-license header > div { min-width:0; }
#appView .cw-license small { display:block; font-size:12px; line-height:1.6; color:#607286; overflow-wrap:anywhere; }
#appView .cw-badges, #appView .cw-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#appView .cw-status { display:inline-flex; align-items:center; width:fit-content; min-height:25px; border-radius:4px; padding:3px 8px; font-size:12px; line-height:1.5; color:#53657a; background:#edf1f5; }
#appView .cw-status.is-active { color:#137450; background:#e8f6ee; }
#appView .cw-status.is-warning, #appView .cw-status.is-installing, #appView .cw-status.is-pending, #appView .cw-status.is-upcoming { color:#945e07; background:#fff4dc; }
#appView .cw-status.is-failed, #appView .cw-status.is-expired { color:#b83246; background:#fff0f1; }
#appView .cw-license-facts { display:flex; flex-wrap:wrap; gap:12px 26px; margin:16px 0; font-size:12px; color:#607286; }
#appView .cw-license-facts strong { color:#314c66; font-weight:500; margin-left:6px; }
#appView .cw-mall { display:grid; grid-template-columns:minmax(160px,1.2fr) minmax(90px,.6fr) minmax(110px,.6fr) minmax(145px,1fr); gap:14px; align-items:center; padding:16px 0; border-top:1px dashed #e3e9f1; font-size:13px; }
#appView .cw-mall > * { min-width:0; overflow-wrap:anywhere; }
#appView .cw-mall-name { display:flex; gap:10px; align-items:center; }
#appView .cw-mall-name > svg { color:#227ad2; }
#appView .cw-mall .cw-actions { grid-column:1/-1; }
#appView .cw-license footer { margin-top:12px; }
#appView .cw-warning { color:#ad6500 !important; }
#appView .cw-empty-inline { padding:15px 0; color:#607286; font-size:13px; line-height:1.8; }
#appView .cw-empty-inline button { margin:8px; }
#appView .cw-tasks { max-height:360px; overflow:auto; }
#appView .cw-task { width:100%; min-width:0; text-align:left; }
#appView .cw-task > span { min-width:0; overflow-wrap:anywhere; }
#appView .cw-task.is-warning > svg:first-child { color:#b27514; }
#appView .cw-task.is-danger > svg:first-child { color:#c84650; }
#appView .cw-task small { white-space:normal; }
#appView .cw-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 0 0; border-top:1px solid var(--console-line); color:#596e84; font-size:12px; }
#appView .cw-pagination > div { display:flex; align-items:center; gap:12px; }
#appView .cw-help { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; padding:22px 0; }
#appView .cw-help a { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#1766b7; text-decoration:none; }
#appView .cw-error { padding:12px 14px; border-left:3px solid #c3424c; background:#fff1f1; color:#a5303b; font-size:13px; line-height:1.7; }
#appView .cw-overview .cw-mall { grid-template-columns:minmax(160px,1fr) minmax(90px,.6fr) minmax(110px,.6fr) minmax(145px,1fr); }
#appView .cw-overview .cw-license:last-child { padding-bottom:0; }
#appView .cw-overview { padding:20px; }
#appView .cn-list { border-top:1px solid var(--console-line); }
#appView .cn-message { padding:20px 0; border-bottom:1px solid var(--console-line); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; }
#appView .cn-message h3 { display:flex; gap:8px; align-items:center; font-size:15px; margin:0 0 8px; }
#appView .cn-message h3::before { content:''; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#b7c5d4; }
#appView .cn-message.is-unread h3::before { background:#1677ff; }
#appView .cn-message p { font-size:13px; color:#536b83; line-height:1.8; margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
#appView .cn-message small { font-size:12px; color:#67788c; }
#appView .cn-message .cw-actions { align-content:start; }
#appView .cn-confirm { padding:14px; margin:0 0 16px; background:#fff7e8; color:#885814; font-size:13px; }
#appView .cn-confirm .cw-actions { margin-top:10px; }
#appView .cn-count { color:#657a90; font-size:13px; }
@media(min-width:1450px) { #appView .cw-mall { grid-template-columns:minmax(170px,1.2fr) minmax(90px,.6fr) minmax(110px,.6fr) minmax(150px,1fr) auto; } #appView .cw-mall .cw-actions { grid-column:auto; } }
@media(max-width:1000px) { #appView .cw-mall, #appView .cw-overview .cw-mall { grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .cw-mall .cw-actions { grid-column:1/-1; } }
@media(max-width:600px) {
  #appView .cw-workspace { padding:16px; }
  #appView .cw-toolbar { gap:12px 8px; }
  #appView .cw-toolbar .cw-search { flex-basis:100%; min-width:0; }
  #appView .cw-toolbar input, #appView .cw-toolbar select { min-height:44px; }
  #appView .cw-license-facts { flex-direction:column; gap:8px; }
  #appView .cw-mall-name { grid-column:1/-1; }
  #appView .cw-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  #appView .cw-metrics strong { font-size:18px; }
  #appView .cw-actions .mini-action { font-size:12px; padding:9px; }
  #appView .cw-help h2 { width:100%; }
  #appView .cn-message { grid-template-columns:minmax(0,1fr); gap:10px; }
}