/* MyVibe: a fictional social product wrapped around the shared soft-delete model. */
.platform-brand{display:flex;align-items:center;gap:8px;font-weight:780;font-size:1.2rem;letter-spacing:-.035em;color:var(--ink)}
.platform-brand svg{width:29px;height:29px;fill:var(--accent);stroke:var(--surface);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.platform-brand small{font:650 .7rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:5px 7px;border:1px solid var(--border);border-radius:5px}
.platform-brand small:empty{display:none}.legacy-brand{display:none;align-items:center;gap:10px}
.platform-internal{display:none}
body[data-theme="platform"] .appbar{position:sticky;top:0;z-index:12;box-shadow:0 1px 10px #1d35570a}
body[data-theme="platform"] .shell{margin-top:24px}
body[data-theme="platform"] .intro{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:2px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 18px;margin-bottom:22px}
body[data-theme="platform"] .intro .eyebrow{grid-row:1;grid-column:1;margin:0;font-size:.75rem;letter-spacing:.045em;text-transform:uppercase}
body[data-theme="platform"] .intro h1{grid-row:2;grid-column:1;font-size:.9rem;line-height:1.35;letter-spacing:0;margin:0;color:var(--ink)}
body[data-theme="platform"] .intro .tagline{grid-row:1;grid-column:2;margin:0;font-size:.9rem;color:var(--ink)}
body[data-theme="platform"] .intro .instruction{grid-row:2;grid-column:2;font-size:.8125rem}
body[data-theme="platform"] .workspace{grid-template-columns:minmax(0,760px) 248px}
body[data-theme="platform"][data-view="ugly"] .workspace{display:block}body[data-theme="platform"][data-view="ugly"] .context-panel{display:none}
body[data-theme="platform"] .tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:24px;gap:5px}
body[data-theme="platform"] .tab{text-align:center;padding:10px 12px}
body[data-theme="platform"] .tab span{display:block;font-size:.95rem}
body[data-theme="platform"] .tab small{font-size:.75rem;margin-top:1px;color:var(--muted)}
body[data-theme="platform"] .tab[aria-selected="true"]{background:var(--soft);border-color:transparent;box-shadow:none;color:var(--accent)}
body[data-theme="platform"] .tab[aria-selected="true"]:after{display:none}
body[data-theme="platform"] .panel-kicker{font-family:inherit;font-size:.75rem;letter-spacing:.09em}
body[data-theme="platform"] .create-form{box-shadow:0 5px 18px #263b5b0a}
body[data-theme="platform"] .composer-head{font-size:1.05rem}
body[data-theme="platform"] .card{box-shadow:0 4px 16px #263b5b08}
body[data-theme="platform"] .card h3{margin-top:15px}
body[data-theme="platform"] .delete{background:transparent;color:var(--danger)}
body[data-theme="platform"] .delete:hover{background:var(--danger);color:#fff;filter:none}
body[data-theme="platform"][data-view="ugly"] .platform-brand small{display:inline-block;color:#b8d5ff;border-color:#47617e}
body[data-theme="platform"] .platform-internal{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);padding:12px 15px;margin-bottom:20px}
body[data-theme="platform"] .platform-internal strong{font-size:1rem;letter-spacing:-.02em}
body[data-theme="platform"] .platform-internal span{font:650 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
body[data-theme="platform"] #db-rows{display:block;border:1px solid var(--border);border-radius:10px;overflow-x:auto;background:var(--surface)}
body[data-theme="platform"] #db-rows table{border-collapse:collapse;width:100%;min-width:920px;table-layout:fixed;font-size:.8125rem}
body[data-theme="platform"] #db-rows caption{text-align:left;padding:12px 14px;background:var(--soft);color:var(--muted);border-bottom:1px solid var(--border);font:650 .75rem/1.4 var(--mono);letter-spacing:.055em;text-transform:uppercase}
body[data-theme="platform"] #db-rows th,body[data-theme="platform"] #db-rows td{padding:13px 11px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere}
body[data-theme="platform"] #db-rows thead th{color:var(--muted);font:650 .75rem/1.4 var(--mono);background:var(--surface)}
body[data-theme="platform"] #db-rows tbody tr:last-child>*{border-bottom:0}
body[data-theme="platform"] #db-rows th:nth-child(1){width:10%}body[data-theme="platform"] #db-rows th:nth-child(2){width:28%}body[data-theme="platform"] #db-rows th:nth-child(3){width:12%}body[data-theme="platform"] #db-rows th:nth-child(4){width:11%}body[data-theme="platform"] #db-rows th:nth-child(5),body[data-theme="platform"] #db-rows th:nth-child(6){width:14%}body[data-theme="platform"] #db-rows th:nth-child(7){width:11%}
body[data-theme="platform"] #db-rows code{font-family:var(--mono);color:var(--accent)}
.platform-db-content strong{display:block;color:var(--ink);font-size:.875rem;margin-bottom:4px}.platform-db-content>p{margin:0;color:var(--muted);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.status-badge{display:inline-block;border:1px solid var(--border);padding:4px 7px;border-radius:999px;font:700 .7rem/1.35 var(--mono);letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.status-visible{color:#bfe8d4;background:#183429;border-color:#37614e}.status-hidden{color:#ffc0c7;background:#40242a;border-color:#77414a}.status-retained{color:#c6dcff;background:#1b3048;border-color:#3a5877}
.platform-db-time{font: .75rem/1.5 var(--mono);color:var(--muted)}
.platform-record-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.platform-record-actions .restore{font-size:.8125rem;padding:7px 9px}
.view-record{min-height:32px;padding:4px 0;border:0;background:transparent;color:var(--accent);font-weight:650;white-space:nowrap}.view-record:hover{text-decoration:underline;text-underline-offset:3px}.platform-detail-row[hidden]{display:none}.platform-detail-row td{background:var(--soft);padding:12px 14px!important}.platform-detail-row pre{margin:0;white-space:pre-wrap;font: .75rem/1.6 var(--mono);color:var(--ink)}
.platform-retention{margin-top:10px;border-left:3px solid var(--accent);padding:9px 11px;background:var(--soft)}.platform-retention p{margin:0;color:var(--ink);font-size:.8125rem}.platform-retention p+p{margin-top:4px;color:var(--accent);font-weight:650}
body[data-theme="platform"] .truth{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;margin-top:18px}
body:not([data-theme="platform"]) .platform-brand{display:none}body:not([data-theme="platform"]) .legacy-brand{display:flex}
@media(max-width:800px){body[data-theme="platform"] .intro{grid-template-columns:1fr;row-gap:4px}body[data-theme="platform"] .intro .eyebrow,body[data-theme="platform"] .intro h1,body[data-theme="platform"] .intro .tagline,body[data-theme="platform"] .intro .instruction{grid-column:1;grid-row:auto}body[data-theme="platform"] #db-rows{border:0;overflow:visible;background:transparent}body[data-theme="platform"] #db-rows table{display:block;min-width:0}body[data-theme="platform"] #db-rows caption{display:block;border:1px solid var(--border);border-radius:8px;margin-bottom:12px}body[data-theme="platform"] #db-rows thead{display:none}body[data-theme="platform"] #db-rows tbody{display:grid;gap:12px}body[data-theme="platform"] #db-rows tr.platform-data-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:14px;gap:11px 16px}body[data-theme="platform"] #db-rows tr.platform-data-row>*{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);gap:10px;border:0;padding:0;align-items:start}body[data-theme="platform"] #db-rows tr.platform-data-row>*:before{content:attr(data-label);color:var(--muted);font:650 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.035em}body[data-theme="platform"] #db-rows tr.platform-data-row .platform-id-cell{grid-column:1}body[data-theme="platform"] #db-rows tr.platform-data-row .platform-status-cell{grid-column:2;grid-row:1}body[data-theme="platform"] #db-rows tr.platform-data-row .platform-db-content,body[data-theme="platform"] #db-rows tr.platform-data-row .platform-record-actions{grid-column:1/-1}body[data-theme="platform"] #db-rows tr.platform-data-row .platform-db-content{display:block}body[data-theme="platform"] #db-rows tr.platform-data-row .platform-db-content:before{display:block;margin-bottom:6px}.platform-db-content>p{-webkit-line-clamp:3}body[data-theme="platform"] #db-rows .platform-record-actions{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap}body[data-theme="platform"] #db-rows .platform-record-actions:before{width:95px;flex:0 0 95px}body[data-theme="platform"] #db-rows .platform-detail-row{display:table-row}body[data-theme="platform"] #db-rows .platform-detail-row[hidden]{display:none}body[data-theme="platform"] #db-rows .platform-detail-row td{display:block;border:1px solid var(--border);border-radius:10px;margin-top:-12px}}
@media(max-width:540px){body[data-theme="platform"] .appbar-inner{flex-wrap:wrap}body[data-theme="platform"] .brand{width:auto}body[data-theme="platform"] .header-tools{width:auto;margin-left:auto}body[data-theme="platform"] .theme-selector{order:2;flex-basis:100%}.platform-brand{font-size:1.1rem}body[data-theme="platform"] .intro{padding:14px}.platform-internal{align-items:flex-start!important;flex-direction:column}body[data-theme="platform"] #db-rows tr.platform-data-row{grid-template-columns:1fr}body[data-theme="platform"] #db-rows tr.platform-data-row .platform-id-cell,body[data-theme="platform"] #db-rows tr.platform-data-row .platform-status-cell{grid-column:1;grid-row:auto}body[data-theme="platform"] #db-rows tr.platform-data-row>*{grid-template-columns:92px minmax(0,1fr)}body[data-theme="platform"] #db-rows .platform-record-actions:before{flex-basis:92px;width:92px}}