127 lines
2.6 KiB
Plaintext
127 lines
2.6 KiB
Plaintext
/* CoachPanel.uss */
|
|
|
|
.deck-selector-row {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 8px 14px;
|
|
background-color: rgb(17,15,28);
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: rgb(50,40,80);
|
|
}
|
|
|
|
.deck-dropdown { flex-grow: 1; margin: 0 8px; }
|
|
.precon-dropdown { width: 220px; margin: 0 8px; }
|
|
|
|
.coach-body {
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* ── Chat Panel ── */
|
|
.chat-panel {
|
|
flex-grow: 1;
|
|
flex-direction: column;
|
|
border-radius: 0;
|
|
border-right-width: 1px;
|
|
border-right-color: rgb(50,40,80);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.chat-panel > .panel-header { padding: 12px 16px; margin: 0; }
|
|
|
|
.chat-scroll { flex-grow: 1; padding: 8px; }
|
|
.chat-content { flex-direction: column; padding-bottom: 8px; }
|
|
|
|
/* Bubbles */
|
|
.chat-bubble-user {
|
|
align-self: flex-end;
|
|
background-color: rgb(60,42,110);
|
|
border-radius: 14px 14px 4px 14px;
|
|
padding: 8px 14px;
|
|
max-width: 70%;
|
|
margin: 4px 8px;
|
|
color: rgb(230,220,255);
|
|
font-size: 13px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.chat-bubble-coach {
|
|
align-self: flex-start;
|
|
background-color: rgb(24,20,40);
|
|
border-width: 1px;
|
|
border-color: rgb(70,55,110);
|
|
border-radius: 14px 14px 14px 4px;
|
|
padding: 8px 14px;
|
|
max-width: 78%;
|
|
margin: 4px 8px;
|
|
color: rgb(200,195,215);
|
|
font-size: 13px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.typing-indicator {
|
|
color: rgb(140,120,200);
|
|
font-size: 12px;
|
|
padding: 4px 14px;
|
|
-unity-font-style: italic;
|
|
}
|
|
|
|
.chat-input-row {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 8px 12px;
|
|
border-top-width: 1px;
|
|
border-top-color: rgb(50,40,80);
|
|
background-color: rgb(17,15,28);
|
|
}
|
|
|
|
.chat-input { flex-grow: 1; margin-right: 6px; }
|
|
|
|
/* ── Analytics Panel ── */
|
|
.analytics-panel {
|
|
width: 320px;
|
|
min-width: 260px;
|
|
flex-shrink: 0;
|
|
overflow-y: auto;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
padding: 14px 12px;
|
|
}
|
|
|
|
.stat-row {
|
|
flex-direction: row;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.stat-chip {
|
|
flex-grow: 1;
|
|
background-color: rgb(28,24,44);
|
|
border-radius: 8px;
|
|
padding: 8px;
|
|
margin: 3px;
|
|
border-width: 1px;
|
|
border-color: rgb(70,55,100);
|
|
}
|
|
|
|
.chart-rect {
|
|
background-color: rgb(16,14,26);
|
|
border-radius: 6px;
|
|
border-width: 1px;
|
|
border-color: rgb(55,42,90);
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.mana-chart { height: 100px; }
|
|
.chart-sub { font-size: 10px; color: rgb(120,110,150); margin-top: 2px; }
|
|
|
|
.precon-panel {
|
|
background-color: rgb(22,18,35);
|
|
border-radius: 8px;
|
|
padding: 10px;
|
|
margin-top: 8px;
|
|
border-width: 1px;
|
|
border-color: rgb(60,45,90);
|
|
}
|