/* List metadata shares the existing card and light/dark palette. */
.phone .ml-page{min-width:0;padding-bottom:24px}
.phone .ml-toolbar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px;margin:0 0 12px}
.phone .ml-type-filter{display:block;min-width:0}
.phone .ml-type-filter select,.phone .ml-date-filter{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:12px}
.phone .ml-type-filter select{padding-right:26px;text-overflow:ellipsis}
.phone .ml-date-filter{display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;line-height:1.5}
.phone .ml-date-filter .ico{flex:0 0 16px;width:16px;height:16px}
.phone .ml-date-filter.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}
.phone .ml-toolbar :is(select,button):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.phone .ml-applied-date{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 12px;font-size:11px;line-height:1.6;color:var(--color-text-secondary);overflow-wrap:anywhere}
.phone .ml-page .segments{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}
.phone .ml-page .segments button{flex:1 0 auto;min-width:0;min-height:42px;padding-inline:11px;white-space:nowrap}
.phone .ml-result-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}
.phone .ml-result-bar .list-result-count{margin:0}
.phone .ml-result-bar .text-btn{min-height:36px;font-size:11px;color:var(--color-primary)}
.phone .ml-task{min-width:0}
.phone .ml-task .marketing-task-title{min-width:0}
.phone .ml-task .marketing-task-title h3{white-space:normal;overflow-wrap:anywhere}
.phone .ml-task .marketing-task-head>.badge{flex-shrink:0}
.phone .ml-kind{display:inline-block;margin-top:5px;padding:2px 7px;border-radius:6px;background:var(--color-primary-soft);color:var(--color-primary);font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.phone .ml-sender{display:flex;align-items:flex-start;gap:9px;padding:11px 10px;margin-top:13px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-subtle)}
.phone .ml-sender>.channel-logo{flex:0 0 29px;width:29px;height:29px;border-radius:8px}
.phone .ml-sender>.ico{flex:0 0 20px;width:20px;height:20px;margin-top:3px;color:var(--color-text-tertiary)}
.phone .ml-sender-info{min-width:0;flex:1}
.phone .ml-channel{display:block;font-size:11px;line-height:1.6;color:var(--color-text-secondary);overflow-wrap:anywhere}
.phone .ml-sender-info p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;margin:3px 0 0;font-size:11px;line-height:1.6}
.phone .ml-source-label{color:var(--color-text-tertiary)}
.phone .ml-sender-info strong{font-weight:500;color:var(--color-text-primary);overflow-wrap:anywhere}
.phone .ml-account,.phone .ml-unavailable{display:block;margin-top:2px;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.phone .ml-account{color:var(--color-text-tertiary)}
.phone .ml-unavailable{color:var(--color-warning-text)}
.phone .ml-times{display:grid;gap:6px;margin-top:13px;padding-top:11px;border-top:1px solid var(--color-border);font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}
.phone .ml-times>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}
.phone .ml-times>div>:first-child{flex-shrink:0;color:var(--color-text-tertiary)}
.phone .ml-times>div>:last-child{text-align:right;color:var(--color-text-secondary);overflow-wrap:anywhere;min-width:0}
.phone .ml-task-foot{justify-content:flex-end;margin-top:4px;padding-top:0;border-top:0}
.phone .ml-task-foot .text-btn{min-height:36px}
.phone .ml-task.failed .marketing-task-icon{background:var(--color-error-soft);color:var(--color-error)}
.phone .ml-date-fields .field input{width:100%;min-width:0;min-height:44px;max-width:100%;color-scheme:inherit}
.phone .ml-date-fields .text-btn{min-height:44px;color:var(--color-primary)}
@media(max-width:360px){.phone .ml-toolbar{gap:6px}.phone .ml-type-filter select,.phone .ml-date-filter{font-size:11px;padding-inline:9px}.phone .ml-date-filter{gap:4px}.phone .ml-page .segments button{padding-inline:9px}}