Доработать оглавление канала и отображение дневника

shine-UI/styles/components.css

@@ -2305,12 +2305,21 @@ textarea.input {
   touch-action: pan-y;
 }
 
+.message-attachment-carousel-viewport.has-landscape-media {
+  align-items: start;
+  min-height: 0;
+}
+
 .message-attachment-slide {
   align-items: stretch;
   display: grid;
   min-height: 12rem;
 }
 
+.message-attachment-slide.has-landscape-media {
+  min-height: 0;
+}
+
 .message-attachment-arrow {
   align-items: center;
   background: rgba(15, 23, 42, 0.62);
@@ -2363,6 +2372,10 @@ textarea.input {
   position: relative;
 }
 
+.message-attachment-media-frame.is-landscape {
+  min-height: 0;
+}
+
 .message-attachment-media {
   display: block;
   height: min(52vh, 20rem);
@@ -2371,6 +2384,10 @@ textarea.input {
   width: 100%;
 }
 
+.message-attachment-media.is-landscape {
+  height: auto;
+}
+
 .message-attachment-play {
   align-items: center;
   background: rgba(15, 23, 42, 0.72);
@@ -3960,6 +3977,14 @@ textarea.input {
   margin-bottom: 6px;
 }
 
+.channels-screen--channel .channel-message-card.is-diary-entry {
+  width: min(100%, 28rem);
+  max-width: min(84vw, 28rem);
+  padding: 16px 16px 15px;
+  justify-self: center;
+  align-self: center;
+}
+
 .channel-message-top {
   display: flex;
   align-items: center;
@@ -4084,6 +4109,11 @@ textarea.input {
   box-shadow: 0 0 38px rgba(181, 136, 42, 0.14);
 }
 
+.channels-screen .channel-message-card.is-focus-flash {
+  border-color: rgba(255, 214, 117, 0.5);
+  box-shadow: 0 0 0 1px rgba(255, 214, 117, 0.28), 0 0 34px rgba(255, 214, 117, 0.16);
+}
+
 .channel-message-body {
   color: #ffffff;
   line-height: 1.5;
@@ -5460,6 +5490,58 @@ textarea.input {
   color: #d9e6ff;
 }
 
+.channels-screen--channel .page-header .channel-header-entrypoint-btn {
+  border: 1px solid rgba(224, 190, 117, 0.38);
+  background: linear-gradient(180deg, rgba(57, 74, 119, 0.34), rgba(18, 29, 54, 0.34));
+  color: #f1d99c;
+  border-radius: 10px;
+  min-height: 36px;
+  padding: 6px 10px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  transform: translateY(-40%);
+}
+
+.entrypoint-history-list {
+  display: grid;
+  gap: 10px;
+  max-height: min(58vh, 30rem);
+  overflow: auto;
+}
+
+.entrypoint-history-item {
+  appearance: none;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 14px;
+  background: rgba(17, 24, 39, 0.72);
+  color: #eef3ff;
+  display: grid;
+  gap: 4px;
+  padding: 12px 13px;
+  text-align: left;
+}
+
+.entrypoint-history-item strong {
+  color: #f1d99c;
+  font-size: 13px;
+}
+
+.entrypoint-history-item span {
+  color: rgba(188, 208, 244, 0.74);
+  font-size: 12px;
+}
+
+.entrypoint-history-item p {
+  margin: 0;
+  color: #f5f8ff;
+  font-size: 13px;
+  line-height: 1.4;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .channel-head-actions .secondary-btn {
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 255, 255, 0.12);