:root{--post-ink:#122033;--post-muted:#64748b;--post-line:#dbe5df;--post-soft:#f4f8f6;--post-green:#15803d;--post-green-dark:#0f5d31;--post-danger:#b42318;--post-radius:22px}
.post-page{width:min(1180px,100%);margin:0 auto;padding:2rem 1.25rem 4rem;color:var(--post-ink)}
.post-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;padding:2rem;border:1px solid #d7e6dd;border-radius:28px;background:linear-gradient(135deg,#f7fbf8 0%,#fff 55%,#eef8f1 100%)}
.post-page-hero--compact{align-items:center}.post-page-hero h1{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.15;font-weight:850;letter-spacing:-.035em;margin:.2rem 0 .65rem}.post-page-hero p{max-width:720px;color:var(--post-muted);line-height:1.75;margin:0}.post-page-hero .ui-actions{flex-wrap:wrap}
.post-subnav,.post-status-tabs{display:flex;align-items:center;gap:.45rem;overflow-x:auto;padding:.35rem;margin:0 0 1.5rem;scrollbar-width:thin}.post-subnav a,.post-status-tabs a{flex:none;min-height:42px;display:inline-flex;align-items:center;padding:.55rem .9rem;border-radius:999px;color:#435266;font-weight:700;font-size:.86rem;text-decoration:none}.post-subnav a:hover,.post-status-tabs a:hover,.post-status-tabs a.is-active{background:#e8f5ec;color:var(--post-green-dark)}
.post-feed-layout,.post-detail-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,1fr);gap:1.5rem;align-items:start}.post-stream{display:grid;gap:1.25rem}.post-stream--centered{width:min(720px,100%);margin-inline:auto}.post-feed-aside,.post-detail-aside,.post-preview-panel{position:sticky;top:92px;display:grid;gap:1rem}.post-feed-tip{padding:1.35rem}.post-feed-tip>span{display:grid;width:42px;height:42px;place-items:center;background:#e8f5ec;border-radius:14px;color:var(--post-green);font-size:1.35rem}.post-feed-tip h2{font-weight:800;margin:.85rem 0 .35rem}.post-feed-tip p{color:var(--post-muted);line-height:1.65;margin:0}.post-detail-back{margin-bottom:1rem}.post-detail-back a{display:inline-flex;align-items:center;gap:.4rem;color:var(--post-green-dark);font-weight:750;text-decoration:none}
.post-card{position:relative;background:#fff;border:1px solid var(--post-line);border-radius:var(--post-radius);box-shadow:0 14px 36px rgba(18,32,51,.065);overflow:visible}.post-card--platform{border-color:#bbddc6;background:linear-gradient(180deg,#fbfefc 0,#fff 180px)}.post-card--pinned{box-shadow:0 16px 42px rgba(21,128,61,.12)}.post-card__pin{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:#eef9f1;border-bottom:1px solid #d7eadc;color:var(--post-green-dark);font-weight:800;font-size:.75rem;border-radius:var(--post-radius) var(--post-radius) 0 0}.post-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem .75rem}.post-card__identity{display:flex;align-items:center;gap:.8rem;min-width:0;color:inherit;text-decoration:none}.post-card__avatar{width:48px;height:48px;flex:none;border-radius:15px;object-fit:cover;border:1px solid #dbe7df;background:#fff;padding:2px}.post-card__identity-copy{display:grid;gap:.15rem;min-width:0}.post-card__publisher{display:flex;align-items:center;gap:.4rem;font-weight:850;min-width:0}.post-card__publisher>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(460px,60vw)}.post-card__verified{display:inline-grid;place-items:center;width:19px;height:19px;flex:none;border-radius:50%;background:var(--post-green);color:#fff;font-size:.7rem}.post-card__meta{display:flex;align-items:center;gap:.35rem;color:var(--post-muted);font-size:.78rem}.post-card__menu{position:relative;z-index:5}.post-card__menu summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;cursor:pointer;color:#64748b}.post-card__menu summary::-webkit-details-marker{display:none}.post-card__menu summary:hover,.post-card__menu[open] summary{background:#f1f5f3;color:#1f3529}.post-card__menu-panel{position:absolute;inset-inline-end:0;top:46px;display:grid;width:220px;padding:.4rem;background:#fff;border:1px solid var(--post-line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.post-card__menu-panel a,.post-card__menu-panel button{display:flex;width:100%;min-height:40px;align-items:center;padding:.55rem .7rem;border:0;border-radius:9px;background:transparent;color:#334155;font:inherit;font-size:.84rem;font-weight:700;text-align:start;text-decoration:none;cursor:pointer}.post-card__menu-panel a:hover,.post-card__menu-panel button:hover{background:#f4f7f5}.post-card__menu-panel .is-danger{color:var(--post-danger)}
.post-card__workflow{display:flex;align-items:center;gap:.6rem;margin:0 1.35rem .75rem;padding:.7rem .8rem;border-radius:12px;background:#fff8e6;color:#775a10;font-size:.78rem}.post-card__body{padding:.4rem 1.35rem 1rem}.post-card__labels{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.post-type-badge,.priority-badge{display:inline-flex;align-items:center;min-height:25px;padding:.25rem .55rem;border-radius:999px;background:#edf3ef;color:#3f584a;font-size:.68rem;font-weight:850}.priority-badge--high{background:#fff3d6;color:#8a5b00}.priority-badge--critical{background:#fee9e7;color:#a32920}.post-card__title{margin:0 0 .6rem;font-size:1.18rem;line-height:1.4;font-weight:850;overflow-wrap:anywhere}.post-card__content{font-size:.96rem;line-height:1.85;color:#2d3b4f;overflow-wrap:anywhere}.post-card__content>*:first-child{margin-top:0}.post-card__content>*:last-child{margin-bottom:0}.rich-content ul,.rich-content ol{padding-inline-start:1.4rem}.rich-content a{color:#0b6e39;text-decoration:underline;text-underline-offset:2px}.post-card__publisher-note{margin:.85rem 0 0;padding:.7rem .85rem;border-inline-start:3px solid #a6cdb2;background:#f5faf7;color:#526458;font-size:.78rem;border-radius:8px}
.post-media{display:grid;gap:3px;margin:.2rem 0 1rem;overflow:hidden;background:#e8eeea}.post-media--1{grid-template-columns:1fr}.post-media--2{grid-template-columns:repeat(2,1fr)}.post-media--3,.post-media--4{grid-template-columns:repeat(2,1fr)}.post-media--3>*:first-child{grid-row:span 2}.post-media img,.post-media__video{display:block;width:100%;height:100%;max-height:520px;min-height:220px;object-fit:cover;background:#eef2ef}.post-media__image-link{display:block;min-height:220px}.post-media__document{grid-column:1/-1;display:flex;align-items:center;gap:.75rem;min-height:64px;padding:1rem 1.35rem;background:#f6f8f7;color:#263b30;text-decoration:none;font-weight:750}.post-media__document>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fee9e7;color:#a32920;font-size:.65rem}.post-linked-list{display:grid;gap:.65rem;padding:0 1.35rem 1rem}.post-linked-card{display:grid;gap:.2rem;padding:1rem;border:1px solid #cfe2d5;border-radius:15px;background:#f8fcf9;color:#1c3828;text-decoration:none}.post-linked-card:hover{border-color:#76b58b;background:#f0f9f3}.post-linked-card__type{font-size:.68rem;font-weight:850;color:var(--post-green);text-transform:uppercase;letter-spacing:.06em}.post-linked-card>span:last-child{font-size:.78rem;color:var(--post-muted)}
.post-card__cta{padding:0 1.35rem 1rem}.post-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.1rem;border:0;border-radius:13px;background:var(--post-green-dark);color:#fff;font-weight:850;text-decoration:none;cursor:pointer}.post-cta:hover{background:#0a4d28}.post-card__internal-note{display:grid;gap:.2rem;margin:0 1.35rem 1rem;padding:.75rem .85rem;border-radius:12px;background:#fff8e8;color:#6e571a;font-size:.75rem}.post-card__footer{border-top:1px solid #e8eeea}.post-card__counts{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.35rem;color:var(--post-muted);font-size:.75rem}.post-card__counts a{color:inherit;text-decoration:none}.post-card__actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #edf1ee;padding:.35rem}.post-action{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.4rem;border:0;border-radius:10px;background:transparent;color:#58677a;font:inherit;font-size:.73rem;font-weight:750;text-decoration:none;cursor:pointer}.post-action:hover{background:#f0f6f2;color:#164e2d}.post-action.is-active{background:#e6f4eb;color:#0f6b36}.post-action:disabled{opacity:.45;cursor:not-allowed}
.post-empty{padding:3rem 1.5rem;text-align:center}.post-empty__icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 1rem;border-radius:20px;background:#e8f5ec;color:var(--post-green);font-size:1.6rem}.post-empty h2{font-weight:850;margin:0 0 .4rem}.post-empty p{color:var(--post-muted);max-width:500px;margin:.35rem auto 1rem;line-height:1.65}
.post-comments{padding:1.2rem}.post-comment-form{display:grid;gap:.7rem;padding:1rem;border-radius:16px;background:#f7faf8;margin-bottom:1rem}.post-comment-form__actions{display:flex;justify-content:flex-end;gap:.5rem}.post-comment-list{display:grid;gap:.75rem}.post-comment{display:grid;grid-template-columns:42px 1fr;gap:.75rem;padding:.85rem 0;border-top:1px solid #edf1ee}.post-comment--reply{margin-inline-start:3rem}.post-comment>img{width:42px;height:42px;border-radius:13px;object-fit:cover}.post-comment header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.post-comment header strong{font-size:.88rem}.post-comment time{font-size:.7rem;color:var(--post-muted)}.post-comment p{margin:.3rem 0;color:#3f4e60;line-height:1.6;font-size:.87rem}.post-comment__actions{display:flex;align-items:center;gap:.7rem}.post-comment__actions button{border:0;background:transparent;color:#577060;font-size:.72rem;font-weight:750;cursor:pointer}.post-comment__actions form{display:inline}
.post-dialog{width:min(520px,calc(100% - 2rem));padding:0;border:0;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.28)}.post-dialog::backdrop{background:rgba(15,23,42,.56);backdrop-filter:blur(3px)}.post-dialog form{display:grid;gap:1rem;padding:1.35rem}.post-dialog__header{display:flex;align-items:start;justify-content:space-between}.post-dialog__header h2{font-size:1.25rem;font-weight:850;margin:.15rem 0}.post-dialog__close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#f1f5f3;font-size:1.35rem;cursor:pointer}.post-dialog__actions{display:flex;justify-content:flex-end;gap:.6rem}
.post-composer-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1.5rem;align-items:start}.post-composer{display:grid;gap:1rem}.composer-section{padding:1.3rem}.composer-section__heading{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1.1rem}.composer-section__heading>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:#e6f4eb;color:#126635;font-weight:850}.composer-section__heading h2{font-size:1.04rem;font-weight:850;margin:0}.composer-section__heading p{color:var(--post-muted);font-size:.78rem;line-height:1.55;margin:.2rem 0 0}.composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.identity-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.identity-choice{display:flex;align-items:center;gap:.7rem;padding:1rem;border:1px solid var(--post-line);border-radius:15px;cursor:pointer}.identity-choice:has(input:checked){border-color:#5da775;background:#f0f9f3;box-shadow:0 0 0 3px rgba(21,128,61,.08)}.identity-choice span{display:grid}.identity-choice small{color:var(--post-muted);margin-top:.15rem}.custom-publisher-fields,.cta-fields{display:grid;gap:.9rem;margin-top:1rem;padding:1rem;border-radius:16px;background:#f7faf8}.rich-editor-toolbar{display:flex;gap:.35rem;padding:.4rem;border:1px solid #ccd9d1;border-bottom:0;border-radius:13px 13px 0 0;background:#f6f9f7}.rich-editor-toolbar button{min-width:42px;min-height:36px;border:0;border-radius:8px;background:#fff;color:#344a3d;font-size:.78rem;font-weight:800;cursor:pointer}.rich-editor-toolbar button:hover{background:#e7f2eb}.post-rich-editor{min-height:190px;max-height:500px;overflow:auto;padding:1rem;border:1px solid #ccd9d1;border-radius:0 0 13px 13px;background:#fff;line-height:1.75;outline:none}.post-rich-editor:focus{border-color:#2f8c55;box-shadow:0 0 0 3px rgba(22,101,52,.12)}.composer-help-row{display:flex;justify-content:space-between;gap:1rem;margin-top:.4rem;color:var(--post-muted)}.existing-media-grid{display:grid;gap:.45rem;margin-top:.8rem}.existing-media-grid label,.ui-check{display:flex;align-items:center;gap:.55rem;min-height:44px}.composer-toggle-row{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.composer-pin-until{min-width:250px}.composer-submit{display:flex;justify-content:flex-end;gap:.7rem;padding-top:1rem;border-top:1px solid #e7ede9;margin-top:1rem}.post-preview-panel__heading{padding:.2rem .4rem}.post-preview-panel__heading p:last-child{color:var(--post-muted);font-size:.76rem;line-height:1.5}.post-preview-panel .post-action{font-size:0}.post-preview-panel .post-action>span:first-child{font-size:.9rem}
.post-management-grid,.moderation-list{display:grid;gap:1rem}.manage-post-card{padding:1.2rem}.manage-post-card__main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.manage-post-card h2{font-size:1.05rem;font-weight:850;margin:.55rem 0 .25rem}.manage-post-card p,.manage-post-card__author{color:var(--post-muted);font-size:.77rem}.manage-post-card__metrics{display:flex;gap:.5rem;flex-wrap:wrap}.manage-post-card__metrics span{padding:.4rem .6rem;border-radius:9px;background:#f1f5f3;font-size:.72rem;font-weight:750}.manage-post-card__author{padding:.7rem 0}.post-filter-bar{display:flex;align-items:flex-end;gap:1rem;padding:1rem;margin-bottom:1rem}.post-filter-bar .ui-field{flex:1}.moderation-card{padding:1.2rem}.moderation-card__header{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.moderation-card h2{font-weight:850;margin:.5rem 0 .2rem}.moderation-card p{color:var(--post-muted);font-size:.8rem}.moderation-facts{display:flex;gap:1.5rem;padding:.8rem 0;margin:.7rem 0;border-block:1px solid #e9efeb}.moderation-facts dt{color:var(--post-muted);font-size:.68rem}.moderation-facts dd{font-weight:750;font-size:.8rem}.moderation-card__details{padding:.8rem;border-radius:12px;background:#f7faf8}.moderation-actions{display:grid;gap:.7rem}.post-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.post-metric{padding:1.2rem}.post-metric>span{display:block;font-size:2rem;font-weight:900;color:var(--post-green-dark)}.post-metric h2{font-size:.8rem;color:var(--post-muted);margin:.3rem 0 0}
.post-comment-edit{position:relative}.post-comment-edit summary{list-style:none;color:#577060;font-size:.72rem;font-weight:750;cursor:pointer}.post-comment-edit summary::-webkit-details-marker{display:none}.post-comment-edit[open] form{position:absolute;z-index:6;inset-inline-start:0;top:1.5rem;display:grid;width:min(360px,75vw);gap:.55rem;padding:.7rem;border:1px solid var(--post-line);border-radius:13px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.15)}.post-comment-edit textarea{min-height:90px}.moderation-restriction{margin-top:1rem;padding:1rem;border:1px solid #f1d2cf;border-radius:14px;background:#fffafa}.moderation-restriction h3{margin:0 0 .35rem;font-size:.9rem}.moderation-restriction p{margin:.25rem 0 .7rem}.moderation-restriction__form{display:grid;grid-template-columns:1fr minmax(190px,.5fr) auto;align-items:end;gap:.7rem}
.post-card__content.is-collapsed{position:relative;max-height:14rem;overflow:hidden;mask-image:linear-gradient(#000 72%,transparent)}.post-card__expand{margin:.35rem 0 0;padding:.35rem 0;border:0;background:transparent;color:var(--post-green-dark);font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.post-card__mentions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.post-card__mentions a{padding:.3rem .55rem;border-radius:999px;background:#eef7f1;color:#12653a;font-size:.72rem;font-weight:750;text-decoration:none}
.manage-post-card__details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.85rem 0;padding:.8rem;border-block:1px solid #e7ede9}.manage-post-card__details dt{color:var(--post-muted);font-size:.68rem}.manage-post-card__details dd{margin:.15rem 0 0;font-size:.78rem;font-weight:750;overflow-wrap:anywhere}
html[dir="rtl"] .post-direction-icon,html[dir="rtl"] .post-cta>span[aria-hidden="true"]{transform:scaleX(-1)}html[dir="rtl"] .post-card__meta{font-family:Tajawal,Inter,sans-serif}html[dir="rtl"] .post-card__content{text-align:right}html[dir="rtl"] .post-card__menu-panel{text-align:right}
@media(max-width:900px){.post-feed-layout,.post-detail-grid,.post-composer-layout{grid-template-columns:1fr}.post-feed-aside{display:none}.post-detail-aside,.post-preview-panel{position:static}.post-preview-panel{order:-1}.post-preview-panel .post-card{max-height:560px;overflow:auto}.post-analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.post-page{padding:1rem .7rem 3rem}.post-page-hero{align-items:stretch;flex-direction:column;padding:1.25rem;border-radius:20px;gap:1rem}.post-page-hero .ui-btn{width:100%}.post-card{border-radius:17px}.post-card__header{padding:1rem 1rem .65rem}.post-card__body,.post-card__cta{padding-inline:1rem}.post-linked-list{padding-inline:1rem}.post-card__avatar{width:44px;height:44px;border-radius:13px}.post-card__publisher>span:first-child{max-width:62vw}.post-card__actions{grid-template-columns:repeat(3,1fr)}.post-action{font-size:.7rem}.post-media--2,.post-media--3,.post-media--4{grid-template-columns:1fr}.post-media--3>*:first-child{grid-row:auto}.post-media img,.post-media__video,.post-media__image-link{min-height:190px;max-height:420px}.post-cta{width:100%}.post-comment--reply{margin-inline-start:1.5rem}.composer-grid,.identity-choice-grid{grid-template-columns:1fr}.composer-section{padding:1rem}.composer-submit{position:sticky;bottom:.5rem;z-index:4;padding:.65rem;border:1px solid var(--post-line);border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}.composer-submit .ui-btn{flex:1}.post-filter-bar{align-items:stretch;flex-direction:column}.post-filter-bar .ui-btn{width:100%}.manage-post-card__main,.moderation-card__header{grid-template-columns:1fr;display:grid}.manage-post-card__metrics{order:-1}.post-analytics-grid{grid-template-columns:1fr 1fr}.post-dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:22px 22px 0 0}.post-dialog__actions .ui-btn{flex:1}}
@media(max-width:640px){.moderation-restriction__form{grid-template-columns:1fr}.manage-post-card__details{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.post-page *{scroll-behavior:auto!important;transition:none!important}}
.post-audience-badge{display:inline-flex;align-items:center;min-height:25px;padding:.25rem .55rem;border:1px solid #d8e5dc;border-radius:999px;background:#fff;color:#526458;font-size:.68rem;font-weight:800}