/* Bảng tin gọn, ưu tiên nội dung và các thao tác chính. */
.inside-header{gap:13px;padding-inline:20px}
.inside-brand{gap:8px;white-space:nowrap;font-size:13px;letter-spacing:0}
.inside-brand img{width:35px;height:40px}
.inside-brand em{font-style:normal;font-weight:500;color:#a5844f}
.inside-search{max-width:350px;width:min(34vw,350px)}
.inside-search button{display:grid;place-items:center;padding:0 7px}
.inside-search button svg{width:18px;height:18px}
.inside-navigation{width:210px;padding:16px 12px}
.inside-navigation>a,.inside-channel-list a{gap:12px;min-height:43px;padding:9px 12px;margin:2px 0;font-size:13px}
.inside-navigation a>span svg{width:19px;height:19px}
.inside-channel-list{margin-top:17px;border-top:1px solid #e3e9e1;padding-top:10px}
.inside-channel-list summary{padding:8px 12px}
.inside-channel-list a{font-size:12px}
.inside-app .social-main{margin-left:210px;padding:20px 26px}
.inside-home{grid-template-columns:minmax(0,700px) minmax(210px,260px);max-width:990px;gap:20px}
.inside-home-right{gap:14px}
.inside-widget{padding:17px}
.inside-welcome-banner{max-width:990px;min-height:150px;margin-bottom:20px;border-radius:17px;background-position:center 48%}
.inside-welcome-banner>div{padding:20px 26px}
.inside-welcome-banner h1{font-size:28px;margin:7px 0}
.inside-welcome-banner p{margin:0;font-size:12px}
.inside-welcome-banner a{margin-top:7px}
.social-feed-heading{margin:0 0 12px}
.social-feed-heading h1{font-size:20px;margin:0}
.inside-compose{margin-bottom:16px}
.inside-compose>summary{gap:12px;padding:12px 16px}
.inside-compose>summary .social-avatar{width:38px;height:38px}
.inside-compose>summary>span:nth-child(2){padding:10px 15px}
.inside-compose>summary>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf2eb;color:#28624c}
.inside-compose>summary>b svg{width:18px;height:18px}
.inside-feed-divider{padding:1px 2px 10px;font-weight:700;font-size:12px;color:#697f71}
.social-post{position:relative;padding:17px 18px 15px;margin-bottom:14px;box-shadow:0 6px 24px #223a2d08}
.social-post .social-author{gap:10px}
.social-post .social-avatar{width:39px;height:39px;flex:none;font-size:17px}
.social-author-copy{min-width:0;flex:1}
.social-author-copy a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.social-author-copy time{font-size:11px;color:#85938a;margin-top:3px}
.social-post .social-body{margin:14px 0 11px;font-size:15px;line-height:1.5;color:#273a30}
.social-post .social-rich-body p:last-child{margin-bottom:0}
.social-post .social-post-channel{margin:9px 0 0 49px;padding:4px 9px;font-size:11px}
.social-post .social-post-kind{margin:9px 0 0 6px;padding:4px 9px;font-size:11px}
.social-post-image,.social-post-video{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:11px;background:#f4f6f2}
.social-shared{padding:13px 15px;margin:10px 0;border-color:#dce7dd;border-left:3px solid #6a9a75;background:#f8faf6}
.social-shared strong{display:block;font-size:12px;color:#35664b}
.social-shared p{margin:8px 0 0;font-size:14px;line-height:1.5}
.social-actions{display:flex;align-items:center;gap:5px;margin:13px 0 0;padding-top:9px;border-top:1px solid #e8eee8;flex-wrap:nowrap}
.social-actions form{display:block;margin:0;flex:1;min-width:0}
.social-actions button,.social-actions .social-action-comment{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;padding:6px 7px;border:0;border-radius:8px;background:transparent;color:#66776c;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}
.social-actions .social-action-comment{flex:1;min-width:0}
.social-actions button:hover,.social-actions .social-action-comment:hover{background:#eef4ef;color:#245c4d}
.social-actions button.is-liked{color:#bb4c61}
.social-actions svg{width:17px;height:17px;flex:none}
.social-actions small{font-size:11px;font-weight:700;color:inherit}
.social-post-menu{position:relative;flex:none;margin-left:auto}
.social-post-menu>summary{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#718678;cursor:pointer;list-style:none}
.social-post-menu>summary::-webkit-details-marker{display:none}
.social-post-menu>summary:hover,.social-post-menu[open]>summary{background:#edf3ee}
.social-post-menu>summary svg{width:19px;height:19px;stroke-width:2.7}
.social-post-menu-panel{position:absolute;right:0;top:38px;z-index:12;width:210px;max-width:calc(100vw - 44px);padding:6px;background:#fff;border:1px solid #dce6dd;border-radius:12px;box-shadow:0 18px 46px #1c342a2e}
.social-post-menu-panel .social-edit{width:auto;margin:0;padding:0;border:0}
.social-post-menu-panel .social-edit>summary,.social-post-menu-panel .social-post-delete{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#344d3c;text-align:left;font-size:13px;font-weight:600;cursor:pointer}
.social-post-menu-panel .social-edit>summary:hover,.social-post-menu-panel .social-post-delete:hover{background:#f1f5f1}
.social-post-menu-panel .social-post-delete{color:#a34b45}
.social-post-menu-panel svg{width:17px;height:17px;flex:none}
.social-post-menu-panel form{margin:0}
.social-post-menu-panel .social-edit[open]{padding:5px}
.social-post-menu-panel:has(.social-edit[open]){width:min(520px,calc(100vw - 64px));max-height:75vh;overflow:auto}
.social-post-menu-panel .social-edit form{padding:8px 4px}
.social-comments{margin-top:10px}
.social-comment{margin:6px 0;padding:9px 11px;background:#f2f6f1;color:#304637;font-size:13px}
.social-comment strong{color:#245c4d}
.social-comment form{float:right;margin:0}
.social-comment button{font-size:19px;line-height:14px}
.social-comment-form{display:flex;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #edf1eb}
.social-post .social-comment-form input:not([type=file]){flex:1;min-width:0;width:auto;margin:0;padding:10px 13px;border:1px solid #e1e9df;border-radius:24px;background:#f7f9f6;font-size:13px}
.social-post .social-comment-form button{display:grid;place-items:center;flex:none;width:37px;height:37px;padding:0;border:0;border-radius:50%;background:#245c4d;color:#fff}
.social-post .social-comment-form button:hover{background:#194a3d}
.social-post .social-comment-form button svg{width:18px;height:18px}
@media(max-width:1120px){.inside-home{display:block;max-width:700px}.inside-home-right{display:none}.inside-welcome-banner{max-width:700px}}
@media(max-width:960px){.inside-navigation{width:176px}.inside-app .social-main{margin-left:176px;padding:16px}.inside-home{max-width:700px}}
@media(max-width:680px){.inside-header{padding-inline:9px;gap:7px}.inside-brand img{width:28px;height:34px}.inside-brand span{display:none}.inside-search{width:auto;max-width:none;flex:1}.inside-navigation{width:56px;padding:12px 4px}.inside-navigation>a{justify-content:center;padding:9px 4px}.inside-app .social-main{margin-left:56px;padding:10px}.inside-welcome-banner{min-height:119px;margin-bottom:14px}.inside-welcome-banner>div{padding:15px}.inside-welcome-banner h1{font-size:22px}.inside-welcome-banner p{display:none}.inside-compose>summary{padding:10px}.social-post{padding:13px 12px}.social-actions{gap:0}.social-actions button,.social-actions .social-action-comment{gap:4px;padding:5px 2px;font-size:11px}.social-actions svg{width:16px;height:16px}.social-actions small{font-size:10px}.social-post .social-body{font-size:14px}}
@media(max-width:390px){.social-actions button span,.social-actions .social-action-comment span{display:none}.social-actions svg{width:19px;height:19px}}