/* TP MONITOR CENTER V1 — spreadsheet on desktop, cards on narrow screens. */
#view-monitors {width:100%;max-width:1480px;margin:0 auto;min-width:0}
#view-monitors .tpm-shell{--tpm-text:#eaf6ff;--tpm-sub:#a4b8c8;--tpm-edge:rgba(121,177,208,.2);color:var(--tpm-text);min-width:0;padding-bottom:42px}
#view-monitors .tpm-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}
#view-monitors .tpm-heading h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;line-height:1.1;margin:5px 0 12px;color:#f5fbff}
#view-monitors .tpm-heading p{margin:0;max-width:790px;color:var(--tpm-sub);line-height:1.6}
#view-monitors .tpm-primary{border:1px solid rgba(68,192,245,.55);border-radius:12px;background:linear-gradient(145deg,#1388ba,#065d82);color:#031d27;font-weight:750;padding:12px 18px;white-space:nowrap;cursor:pointer}
#view-monitors .tpm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
#view-monitors .tpm-summary>div{padding:18px 20px;background:linear-gradient(130deg,rgba(23,47,64,.93),rgba(10,22,35,.9));border:1px solid var(--tpm-edge);border-radius:15px;display:flex;flex-direction:column;gap:8px;min-width:0}
#view-monitors .tpm-summary span{font-size:12px;color:var(--tpm-sub)}
#view-monitors .tpm-summary strong{font-size:28px;line-height:1.05;font-variant-numeric:tabular-nums}
#view-monitors .tpm-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}
#view-monitors .tpm-toolbar label{min-width:160px;display:grid;gap:6px;color:var(--tpm-sub);font-size:12px}
#view-monitors .tpm-toolbar .tpm-search{flex:1;min-width:220px}
#view-monitors .tpm-toolbar input,#view-monitors .tpm-toolbar select{width:100%;min-height:43px;max-width:100%;font-size:14px;border:1px solid var(--tpm-edge);border-radius:10px;background:#0c1d2b;color:var(--tpm-text);padding:10px 12px}
#view-monitors .tpm-toolbar button{min-height:43px}
#view-monitors .tpm-feedback{margin:8px 0 12px;color:var(--tpm-sub);font-size:13px;line-height:1.5}
#view-monitors .tpm-feedback[data-status="error"]{color:#ffbaba}
#view-monitors .tpm-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--tpm-edge);border-radius:16px;background:linear-gradient(155deg,rgba(13,29,44,.99),rgba(6,17,28,.98));scrollbar-color:#315b70 transparent}
#view-monitors .tpm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px;text-align:left;font-size:13px}
#view-monitors .tpm-table thead{background:#132a3b}
#view-monitors .tpm-table th{color:#b3d9e5;position:sticky;top:0;font-size:11px;text-transform:uppercase;letter-spacing:.045em;padding:16px 13px;white-space:nowrap;border-bottom:1px solid var(--tpm-edge);font-weight:700}
#view-monitors .tpm-table td{padding:15px 13px;vertical-align:middle;border-bottom:1px solid rgba(102,154,186,.13);color:#d0e3ef}
#view-monitors .tpm-table tbody tr:last-child td{border-bottom:0}
#view-monitors .tpm-table tbody tr:hover{background:rgba(33,72,91,.25)}
#view-monitors .tpm-name{min-width:132px;display:flex;flex-direction:column;gap:5px}
#view-monitors .tpm-name strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
#view-monitors .tpm-name small{font-size:11px;color:#8aa5b8;line-height:1.3;overflow-wrap:anywhere}
#view-monitors .tpm-market{font-weight:700;white-space:nowrap;color:#ecfaff}
#view-monitors .tpm-chart{color:#6ebddf;font-size:12px;white-space:nowrap;text-decoration:none}
#view-monitors .tpm-chart:hover{text-decoration:underline}
#view-monitors .tpm-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;border-radius:99px;padding:7px 10px;border:1px solid rgba(137,168,187,.3);background:rgba(115,135,151,.12);color:#cad8e4}
#view-monitors .tpm-badge.active{background:rgba(32,143,191,.12);color:#79c8ea;border-color:rgba(32,143,191,.36)}
#view-monitors .tpm-badge.paused{background:rgba(240,178,74,.1);color:#f3c57a;border-color:rgba(240,178,74,.3)}
#view-monitors .tpm-actions{display:flex;gap:6px;align-items:center}
#view-monitors .tpm-actions button{min-height:36px;padding:7px 9px;font-size:12px;border-radius:9px;border:1px solid rgba(99,160,191,.36);background:rgba(21,48,66,.9);color:#defaff;cursor:pointer}
#view-monitors button:disabled{opacity:.5;cursor:not-allowed}
#view-monitors .tpm-caption{font-size:12px;color:#92abbc;margin:14px 0;line-height:1.6}
#view-monitors .tpm-help{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid var(--tpm-edge);border-radius:14px;padding:16px;background:rgba(10,26,39,.72);font-size:12px;line-height:1.5;color:#bacbd9}
#view-monitors .tpm-help a{white-space:nowrap;color:#75c1e2}
#view-monitors .tpm-dialog{box-sizing:border-box;width:min(580px,calc(100% - 24px));max-height:min(92dvh,820px);overflow-y:auto;position:fixed;border:1px solid #386475;border-radius:18px;padding:24px;background:linear-gradient(145deg,#142a3b,#071622);color:#e8f6ff;box-shadow:0 24px 100px rgba(0,0,0,.72)}
#view-monitors .tpm-dialog::backdrop{background:rgba(1,7,13,.8);backdrop-filter:blur(5px)}
#view-monitors .tpm-dialog form{display:grid;gap:16px}
#view-monitors .tpm-dialog label:not(.tpm-switchline){display:grid;gap:7px;color:#c4dbe6;font-size:12px}
#view-monitors .tpm-dialog input:not([type="checkbox"]),#view-monitors .tpm-dialog select{box-sizing:border-box;min-width:0;width:100%;font-size:14px;border:1px solid rgba(110,173,200,.34);border-radius:9px;background:#0c1d2b;color:#eaf6ff;padding:10px;min-height:43px}
#view-monitors .tpm-dialog input[readonly],#view-monitors .tpm-dialog select:disabled{opacity:.72}
#view-monitors .tpm-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#view-monitors .tpm-modal-head{display:flex;justify-content:space-between;gap:10px;align-items:start}
#view-monitors .tpm-modal-head h3{font-size:23px;margin:4px 0 0}
#view-monitors .tpm-modal-head button{font-size:22px;padding:4px 12px}
#view-monitors .tpm-alerts{display:grid;gap:10px;border:1px solid rgba(110,173,200,.25);border-radius:12px;padding:14px}
#view-monitors .tpm-alerts legend{font-size:12px;color:#bed4e0;font-weight:700}
#view-monitors .tpm-alerts label{display:flex !important;align-items:center;gap:9px}
#view-monitors .tpm-dialog input[type="checkbox"]{width:17px;height:17px;accent-color:#188ec0}
#view-monitors .tpm-switchline{display:flex;align-items:center;gap:10px;font-size:14px;color:#e5f4fa}
#view-monitors .tpm-hint{color:#9fb6c5;font-size:12px;line-height:1.55;margin:0}
#view-monitors .tpm-error{border:1px solid #9a4b57;background:#3b1b2b;color:#ffcfce;border-radius:9px;padding:10px;font-size:13px}
#view-monitors .tpm-modal-actions{display:flex;justify-content:end;gap:12px}
#view-monitors .tpm-modal-actions button{min-height:43px}
#view-monitors .tpm-legacy[hidden],#view-monitors .tpm-error[hidden]{display:none !important}
@media(max-width:1050px){#view-monitors .tpm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
#view-monitors .tpm-heading{align-items:stretch;flex-direction:column;gap:15px}
#view-monitors .tpm-heading h2{font-size:34px}
#view-monitors .tpm-primary{width:100%}
#view-monitors .tpm-summary{gap:9px}
#view-monitors .tpm-summary>div{padding:14px}
#view-monitors .tpm-summary strong{font-size:23px}
#view-monitors .tpm-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#view-monitors .tpm-toolbar .tpm-search{grid-column:1 / -1;min-width:0}
#view-monitors .tpm-toolbar label{min-width:0}
#view-monitors .tpm-toolbar button{grid-column:1 / -1}
#view-monitors .tpm-table-scroll{border:0;background:transparent;overflow:visible}
#view-monitors .tpm-table,#view-monitors .tpm-table tbody{display:block;min-width:0}
#view-monitors .tpm-table thead{display:none}
#view-monitors .tpm-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--tpm-edge);border-radius:14px;margin-bottom:10px;padding:15px;background:linear-gradient(145deg,#132a3c,#0b1828)}
#view-monitors .tpm-table td{display:flex;flex-direction:column;gap:6px;justify-content:center;border:0;padding:0;min-width:0;overflow-wrap:anywhere}
#view-monitors .tpm-table td::before{content:attr(data-label);color:#779bb1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
#view-monitors .tpm-table td.tpm-namecell{grid-column:1 / -1}
#view-monitors .tpm-table td.tpm-namecell:has(.tpm-name) + td.tpm-namecell:not(:has(.tpm-name)),#view-monitors .tpm-table td.tpm-namecell:not(:has(.tpm-name)){display:none}
#view-monitors .tpm-table td:last-child{grid-column:1 / -1}
#view-monitors .tpm-actions{display:grid;grid-template-columns:1fr 1fr}
#view-monitors .tpm-actions button{min-height:40px}
#view-monitors .tpm-help{flex-direction:column;align-items:start}
#view-monitors .tpm-fields{grid-template-columns:1fr 1fr}
#view-monitors .tpm-dialog{padding:18px}
}
@media(max-width:390px){#view-monitors .tpm-fields{grid-template-columns:1fr}}