@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{
  --cdp-font-main:"Be Vietnam Pro","Inter","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.cdp-theme{margin:0;font-family:var(--cdp-font-main);background:#eef4fb;color:#12233f}.cdp-app{display:flex;min-height:100vh}.cdp-sidebar{width:300px;background:linear-gradient(180deg,#062348,#0d315f);color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto;padding:20px 14px;z-index:20}.cdp-brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px}.cdp-brand-logo{width:44px;height:44px;border-radius:14px;background:#fff;color:#0d4ec7;display:grid;place-items:center;font-weight:900;font-size:22px;overflow:hidden}.cdp-brand-logo img{max-width:100%;height:auto}.cdp-brand strong{display:block;font-size:16px}.cdp-brand small{display:block;font-size:12px;color:#c8d7ee}.cdp-menu ul{list-style:none;margin:0;padding:0}.cdp-menu li{margin:0 0 5px}.cdp-menu a{color:#dbe7f8;text-decoration:none;padding:11px 13px;border-radius:12px;display:block;font-weight:700;font-size:14px}.cdp-menu a:hover,.cdp-menu .current-menu-item>a,.cdp-menu .current_page_item>a,.cdp-menu .current-menu-parent>a{background:#0d61d8;color:#fff}.cdp-menu .sub-menu{margin:4px 0 8px 14px;border-left:1px solid rgba(255,255,255,.15);padding-left:8px}.cdp-menu .sub-menu a{font-size:13px;padding:9px 12px;color:#c7d8ee}.cdp-main{margin-left:300px;flex:1;min-width:0}.cdp-topbar{height:78px;background:#fff;display:flex;align-items:center;gap:18px;padding:0 28px;box-shadow:0 6px 20px rgba(16,35,70,.08);position:sticky;top:0;z-index:10}.cdp-hamburger{display:none;border:0;background:#f0f5fc;border-radius:10px;padding:10px 12px;cursor:pointer}.cdp-search{height:46px;max-width:560px;flex:1;background:#f6f9fd;border:1px solid #dde8f7;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px}.cdp-search input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.cdp-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.cdp-user{display:flex;align-items:center;gap:10px}.cdp-user img{border-radius:50%}.cdp-user strong{display:block;font-size:13px}.cdp-user small{display:block;font-size:11px;color:#6b7890}.cdp-login-link,.cdp-logout{font-weight:800;color:#0d61d8;text-decoration:none}.cdp-content{padding:28px}.cdp-wp-page{max-width:1450px;margin:0 auto}.cdp-hero{display:grid;grid-template-columns:1.3fr .9fr;gap:24px;background:linear-gradient(135deg,#082b57,#0f66dc);border-radius:26px;color:#fff;min-height:310px;padding:42px;overflow:hidden;position:relative;box-shadow:0 22px 50px rgba(8,49,110,.22)}.cdp-badge{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.13);font-size:13px;margin-bottom:14px}.cdp-hero h1{font-size:40px;line-height:1.15;margin:0 0 14px;color:#fff}.cdp-hero p{max-width:590px;color:#dcecff;font-size:16px;line-height:1.7}.cdp-ms-login{display:inline-flex;align-items:center;gap:12px;border:0;background:#fff;color:#0c52bd;padding:15px 22px;border-radius:14px;font-weight:900;margin:12px 0 10px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18)}.cdp-ms-icon{width:22px;height:22px;background:conic-gradient(#7fba00 0 25%,#ffb900 0 50%,#f25022 0 75%,#00a4ef 0);display:inline-block}.cdp-hero small{display:block;color:#c8ddf8}.cdp-hero-art{position:relative;width:290px;height:220px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:28px;margin:auto}.cdp-laptop{position:absolute;width:160px;height:100px;background:#f7fbff;border-radius:12px;left:55px;top:44px;box-shadow:0 15px 0 #c8daf3}.cdp-laptop:before{content:"";position:absolute;inset:14px;background:linear-gradient(135deg,#dcecff,#fff);border-radius:8px}.cdp-folder{position:absolute;width:110px;height:70px;background:#ffd469;border-radius:10px;right:35px;bottom:36px}.cdp-lock{position:absolute;left:35px;bottom:45px;width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:26px}.cdp-section-title{margin:28px 0 14px;color:#0d2e61}.cdp-category-grid,.cdp-restaurant-grid,.cdp-subsection-grid,.cdp-doc-grid{display:grid;gap:18px}.cdp-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cdp-restaurant-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cdp-restaurant-grid.large{grid-template-columns:repeat(5,minmax(0,1fr))}.cdp-category-card,.cdp-restaurant-card,.cdp-subsection-card,.cdp-doc-card,.cdp-panel,.cdp-support-card,.cdp-request-form,.cdp-process-box,.cdp-page-head,.cdp-login-required,.cdp-empty,.cdp-create-topic{background:#fff;border:1px solid #dde8f7;border-radius:18px;box-shadow:0 10px 28px rgba(31,63,115,.06)}.cdp-category-card,.cdp-restaurant-card,.cdp-subsection-card{padding:20px;text-decoration:none;color:#12233f;transition:.2s}.cdp-category-card:hover,.cdp-restaurant-card:hover,.cdp-subsection-card:hover,.cdp-doc-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(31,63,115,.12)}.cdp-category-card strong,.cdp-restaurant-card strong,.cdp-subsection-card strong{display:block;margin-bottom:8px}.cdp-category-card p,.cdp-restaurant-card p,.cdp-subsection-card p,.cdp-page-head p,.cdp-doc-card p{margin:0;color:#687a94;line-height:1.5;font-size:14px}.cdp-cat-icon,.cdp-subsection-card span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:20px;margin-bottom:14px}.cdp-subsection-card span{background:#0d61d8}.orange{background:#ff9e20}.blue{background:#0e66dd}.red{background:#ef4444}.rose{background:#f43f5e}.navy{background:#1e3a8a}.violet{background:#7c3aed}.cyan{background:#0891b2}.green{background:#16a34a}.amber{background:#f59e0b}.pink{background:#db2777}.cdp-restaurant-card span{width:48px;height:48px;border-radius:14px;background:#fff2e4;display:grid;place-items:center;margin-bottom:12px;font-size:22px}.cdp-home-bottom{display:grid;grid-template-columns:1fr 360px;gap:22px;margin-top:24px}.cdp-panel{padding:22px}.cdp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cdp-panel-head h3{margin:0;color:#0d2e61}.cdp-panel-head a{color:#0d61d8;text-decoration:none;font-weight:700}.cdp-news-list{padding:0;margin:0;list-style:none}.cdp-news-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2fa;color:#30435e}.cdp-news-list li:before{content:"";width:8px;height:8px;border-radius:50%;background:#0d61d8}.cdp-news-list strong{margin-left:auto;color:#6d7a90;font-size:13px}.cdp-support-card{padding:24px;background:linear-gradient(135deg,#0d61d8,#083b83);color:#fff}.cdp-support-card p{color:#dcecff}.cdp-support-card a{display:inline-block;background:#fff;color:#0d61d8;padding:12px 18px;border-radius:12px;font-weight:900;text-decoration:none}.cdp-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;margin-bottom:20px}.cdp-page-head h1{font-size:30px;margin:0 0 8px;color:#092b5b}.cdp-toolbar{display:flex;gap:14px;margin-bottom:18px}.cdp-toolbar input,.cdp-toolbar select,.cdp-request-form input,.cdp-request-form select,.cdp-request-form textarea,.cdp-create-topic input,.cdp-create-topic select,.cdp-create-topic textarea{border:1px solid #d9e5f5;border-radius:12px;padding:13px 14px;font:inherit;background:#fff;outline:none}.cdp-toolbar input{flex:1}.cdp-doc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cdp-doc-card{padding:18px;min-height:205px}.cdp-file-badge{display:inline-grid;place-items:center;min-width:52px;height:38px;padding:0 8px;border-radius:10px;color:#fff;font-size:11px;font-weight:900;margin-bottom:12px;background:#2166d5}.cdp-file-badge.pdf{background:#ef4444}.cdp-file-badge.docx{background:#2166d5}.cdp-file-badge.xlsx{background:#16a34a}.cdp-file-badge.pptx{background:#f97316}.cdp-file-badge.link{background:#6b7280}.cdp-doc-meta{display:flex;justify-content:space-between;color:#74849c;font-size:12px;margin-top:16px}.cdp-security-level{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#eaf3ff;color:#0d61d8;font-size:12px;font-weight:900}.cdp-security-level.confidential{background:#fff7e6;color:#a16207}.cdp-security-level.restricted{background:#fee2e2;color:#b91c1c}.cdp-doc-actions a,.cdp-btn{display:inline-block;margin-top:14px;background:#0d61d8;color:#fff;text-decoration:none;padding:11px 14px;border-radius:12px;font-weight:900;border:0;cursor:pointer}.cdp-restaurant-header{height:210px;border-radius:22px;background:linear-gradient(135deg,#082b57,#0f66dc);padding:28px;color:#fff;margin-bottom:20px;display:flex;align-items:flex-end}.cdp-restaurant-header h1{font-size:34px;margin:0;color:#fff}.cdp-restaurant-header p{color:#dcecff}.cdp-restaurant-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.cdp-restaurant-menu{background:#fff;border:1px solid #dde8f7;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;height:max-content;position:sticky;top:98px}.cdp-restaurant-menu a{padding:13px 14px;border-radius:12px;color:#25415f;text-decoration:none;font-weight:700}.cdp-restaurant-menu a:hover{background:#eaf3ff;color:#0d61d8}.cdp-login-required,.cdp-empty{padding:32px;text-align:center}.cdp-login-icon{width:64px;height:64px;border-radius:20px;background:#eaf3ff;color:#0d61d8;display:grid;place-items:center;font-size:32px;margin:0 auto 14px}.cdp-small-note{font-size:13px;color:#687a94}.cdp-success{background:#e8fff2;border:1px solid #b8f0cf;color:#166534;padding:15px 18px;border-radius:14px;margin-bottom:18px;font-weight:800}.cdp-request-layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.cdp-request-form{padding:24px}.cdp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cdp-request-form label,.cdp-create-topic label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#334b6d;margin-bottom:16px}.cdp-request-form textarea,.cdp-create-topic textarea{min-height:120px}.cdp-form-actions{display:flex;justify-content:flex-end;gap:12px}.cdp-form-actions button{padding:12px 22px;border:1px solid #d9e5f5;border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.cdp-form-actions .cdp-btn-primary{background:#0d61d8;color:#fff}.cdp-process-box{padding:22px}.cdp-process-box ol{padding-left:20px;color:#435673;line-height:1.8}.cdp-process-box p{background:#fff7e6;border:1px solid #ffe2a6;border-radius:14px;padding:14px;color:#835400}.cdp-create-topic{padding:18px;margin-bottom:18px}.cdp-create-topic summary{font-weight:900;color:#0d61d8;cursor:pointer}.cdp-create-topic form{margin-top:18px}.cdp-forum-tabs{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #dde8f7;border-radius:18px;padding:12px;margin-bottom:16px}.cdp-forum-tabs span{background:#f4f8fe;color:#344b6a;padding:10px 14px;border-radius:999px;font-weight:700}.cdp-forum-table{background:#fff;border:1px solid #dde8f7;border-radius:18px;overflow:hidden}.cdp-forum-row{display:grid;grid-template-columns:2fr 1fr 1fr .55fr 1.2fr;gap:10px;align-items:center;padding:16px 18px;border-bottom:1px solid #edf2fa;font-size:14px}.cdp-forum-row a{color:#0d61d8;font-weight:900;text-decoration:none}.cdp-forum-head{background:#f5f9ff;font-weight:900;color:#465a78}.cdp-comments{margin-top:20px}@media(max-width:1180px){.cdp-category-grid{grid-template-columns:repeat(2,1fr)}.cdp-restaurant-grid,.cdp-restaurant-grid.large{grid-template-columns:repeat(3,1fr)}.cdp-doc-grid{grid-template-columns:repeat(2,1fr)}.cdp-home-bottom,.cdp-request-layout,.cdp-restaurant-layout{grid-template-columns:1fr}.cdp-restaurant-menu{position:static}.cdp-forum-row{grid-template-columns:1fr;gap:6px}.cdp-forum-head{display:none}}@media(max-width:820px){.cdp-sidebar{transform:translateX(-100%);transition:.25s}.cdp-sidebar.open{transform:translateX(0)}.cdp-main{margin-left:0}.cdp-hamburger{display:block}.cdp-topbar{padding:0 14px}.cdp-user span,.cdp-logout{display:none}.cdp-content{padding:16px}.cdp-hero{grid-template-columns:1fr;padding:28px}.cdp-hero h1{font-size:28px}.cdp-category-grid,.cdp-restaurant-grid,.cdp-restaurant-grid.large,.cdp-subsection-grid,.cdp-doc-grid,.cdp-grid-2{grid-template-columns:1fr}.cdp-toolbar{flex-direction:column}.cdp-page-head{align-items:flex-start;flex-direction:column}}

/* V3 - Font Vietnamese + Facebook-like internal feed */
body.cdp-theme,
body.cdp-theme input,
body.cdp-theme textarea,
body.cdp-theme select,
body.cdp-theme button{
  font-family:var(--cdp-font-main);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.cdp-feed-head{
  background:linear-gradient(135deg,#ffffff,#f5f9ff);
}

.cdp-feed-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:22px;
  align-items:start;
}

.cdp-feed-main{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.cdp-create-post-card,
.cdp-feed-post,
.cdp-feed-widget{
  background:#fff;
  border:1px solid #dde8f7;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(31,63,115,.06);
}

.cdp-create-post-card{
  padding:18px;
}

.cdp-create-post-top{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  align-items:start;
}

.cdp-create-post-top img,
.cdp-feed-author img,
.cdp-comment-form img,
.cdp-comment img{
  border-radius:50%;
}

.cdp-create-post-top textarea{
  min-height:92px;
  border:1px solid #d9e5f5;
  border-radius:18px;
  background:#f7faff;
  padding:14px 16px;
  resize:vertical;
  font-size:15px;
  outline:none;
}

.cdp-create-post-extra{
  display:grid;
  grid-template-columns:1fr 220px auto;
  gap:12px;
  margin-top:14px;
  align-items:center;
}

.cdp-create-post-extra input,
.cdp-create-post-extra select{
  border:1px solid #d9e5f5;
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
  outline:none;
}

.cdp-feed-filter{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  background:#fff;
  border:1px solid #dde8f7;
  border-radius:18px;
  padding:12px;
}

.cdp-feed-filter span{
  background:#f4f8fe;
  color:#344b6a;
  padding:10px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
}

.cdp-feed-filter .active{
  background:#0d61d8;
  color:#fff;
}

.cdp-feed-post{
  padding:0;
  overflow:hidden;
}

.cdp-feed-post-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px 8px;
}

.cdp-feed-author{
  display:flex;
  align-items:center;
  gap:12px;
}

.cdp-feed-author strong{
  display:block;
  color:#0d2e61;
  font-weight:900;
}

.cdp-feed-author small{
  display:block;
  color:#687a94;
  font-size:12px;
  margin-top:3px;
}

.cdp-feed-menu{
  color:#8a9ab1;
  font-weight:900;
  letter-spacing:2px;
}

.cdp-feed-content{
  padding:8px 20px 14px;
}

.cdp-feed-content h2{
  margin:0 0 10px;
  font-size:20px;
  color:#0d2e61;
}

.cdp-feed-content p{
  color:#233a5a;
  line-height:1.7;
}

.cdp-feed-stats{
  display:flex;
  justify-content:space-between;
  padding:10px 20px;
  color:#687a94;
  font-size:13px;
  border-top:1px solid #edf2fa;
}

.cdp-feed-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:8px 14px;
  border-top:1px solid #edf2fa;
  border-bottom:1px solid #edf2fa;
}

.cdp-feed-actions button,
.cdp-feed-actions a{
  border:0;
  background:#fff;
  color:#334b6d;
  text-align:center;
  text-decoration:none;
  font-weight:900;
  padding:10px;
  border-radius:12px;
  cursor:pointer;
}

.cdp-feed-actions button:hover,
.cdp-feed-actions a:hover{
  background:#f0f6ff;
  color:#0d61d8;
}

.cdp-comment-list{
  padding:14px 20px 0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cdp-comment{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
}

.cdp-comment-bubble{
  background:#f1f5fb;
  border-radius:16px;
  padding:10px 12px;
}

.cdp-comment-bubble strong{
  display:block;
  font-size:13px;
  color:#0d2e61;
}

.cdp-comment-bubble p{
  margin:4px 0;
  color:#253b59;
  line-height:1.5;
}

.cdp-comment-bubble small{
  color:#7c8aa0;
  font-size:11px;
}

.cdp-comment-form{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
  padding:14px 20px 18px;
}

.cdp-comment-form input{
  border:1px solid #d9e5f5;
  border-radius:999px;
  padding:12px 16px;
  background:#f7faff;
  outline:none;
}

.cdp-comment-form button{
  border:0;
  border-radius:999px;
  background:#0d61d8;
  color:#fff;
  font-weight:900;
  padding:11px 16px;
  cursor:pointer;
}

.cdp-feed-sidebar{
  display:flex;
  flex-direction:column;
  gap:16px;
  position:sticky;
  top:98px;
}

.cdp-feed-widget{
  padding:18px;
}

.cdp-feed-widget h3{
  margin:0 0 12px;
  color:#0d2e61;
}

.cdp-feed-widget ul{
  margin:0;
  padding-left:18px;
  color:#435673;
  line-height:1.9;
}

.cdp-feed-widget.warning{
  background:#fff7e6;
  border-color:#ffe2a6;
}

.cdp-feed-widget.warning p{
  color:#835400;
  line-height:1.6;
}

@media(max-width:1180px){
  .cdp-feed-layout{
    grid-template-columns:1fr;
  }
  .cdp-feed-sidebar{
    position:static;
  }
}

@media(max-width:820px){
  .cdp-create-post-extra{
    grid-template-columns:1fr;
  }
  .cdp-feed-actions{
    grid-template-columns:1fr;
  }
  .cdp-comment-form{
    grid-template-columns:34px 1fr;
  }
  .cdp-comment-form button{
    grid-column:2;
  }
}


/* =========================================================
   V5.1 RESPONSIVE FIX
   Base: company-docs-portal-complete-v5
   Mục tiêu: co giãn theo tỷ lệ, tablet, mobile, menu mobile
   ========================================================= */

:root{
  --cdp-sidebar-width: clamp(250px, 18vw, 300px);
  --cdp-content-gap: clamp(14px, 1.6vw, 28px);
  --cdp-card-radius: clamp(14px, 1vw, 20px);
  --cdp-title-size: clamp(24px, 2.2vw, 40px);
  --cdp-h2-size: clamp(22px, 1.7vw, 30px);
  --cdp-body-size: clamp(13px, .9vw, 15px);
}

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

body.cdp-theme{
  font-size:var(--cdp-body-size);
}

img,
svg,
video,
iframe{
  max-width:100%;
  height:auto;
}

.cdp-sidebar{
  width:var(--cdp-sidebar-width);
}

.cdp-main{
  margin-left:var(--cdp-sidebar-width);
}

.cdp-content{
  padding:var(--cdp-content-gap);
  max-width:1920px;
  margin:0 auto;
}

.cdp-wp-page{
  max-width:100%;
}

.cdp-topbar{
  height:auto;
  min-height:78px;
  padding:12px clamp(14px, 1.6vw, 28px);
  gap:clamp(10px, 1.2vw, 18px);
}

.cdp-search{
  max-width:min(560px, 100%);
  min-width:220px;
}

.cdp-hero{
  min-height:auto;
  padding:clamp(24px, 3vw, 42px);
  gap:clamp(16px, 2vw, 24px);
  grid-template-columns:minmax(0, 1.25fr) minmax(260px, .75fr);
}

.cdp-hero h1{
  font-size:var(--cdp-title-size);
}

.cdp-hero p{
  font-size:clamp(14px, 1vw, 16px);
}

.cdp-hero-art{
  width:min(290px, 100%);
  height:clamp(180px, 16vw, 220px);
}

.cdp-category-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.cdp-subsection-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.cdp-doc-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.cdp-restaurant-grid,
.cdp-restaurant-grid.large{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.cdp-home-bottom{
  grid-template-columns:minmax(0, 1fr) minmax(280px, 360px);
}

.cdp-page-head{
  padding:clamp(18px, 2vw, 28px);
}

.cdp-page-head h1{
  font-size:var(--cdp-h2-size);
}

.cdp-request-layout{
  grid-template-columns:minmax(0, 1fr) minmax(280px, 330px);
}

.cdp-feed-layout{
  grid-template-columns:minmax(0, 1fr) minmax(260px, 320px);
}

.cdp-restaurant-layout{
  grid-template-columns:minmax(220px, 280px) minmax(0, 1fr);
}

.cdp-forum-row{
  grid-template-columns:minmax(260px, 2fr) minmax(120px, 1fr) minmax(120px, 1fr) 80px minmax(150px, 1.2fr);
}

/* Tablet: sidebar chuyển thành off-canvas, nội dung full */
@media (max-width: 1024px){
  .cdp-sidebar{
    width:min(86vw, 340px);
    transform:translateX(-105%);
    transition:transform .25s ease;
    box-shadow:18px 0 42px rgba(6,35,72,.28);
  }

  .cdp-sidebar.open{
    transform:translateX(0);
  }

  body.cdp-menu-open{
    overflow:hidden;
  }

  .cdp-mobile-backdrop{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(5,18,38,.52);
    z-index:15;
  }

  body.cdp-menu-open .cdp-mobile-backdrop{
    display:block;
  }

  .cdp-main{
    margin-left:0;
  }

  .cdp-hamburger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
  }

  .cdp-topbar{
    position:sticky;
    top:0;
    z-index:14;
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
  }

  .cdp-search{
    max-width:100%;
  }

  .cdp-top-actions{
    gap:8px;
  }

  .cdp-top-actions button{
    display:none;
  }

  .cdp-user small{
    display:none;
  }

  .cdp-hero{
    grid-template-columns:1fr;
  }

  .cdp-hero-art{
    margin:0 auto;
  }

  .cdp-home-bottom,
  .cdp-request-layout,
  .cdp-feed-layout,
  .cdp-restaurant-layout{
    grid-template-columns:1fr;
  }

  .cdp-feed-sidebar,
  .cdp-restaurant-menu{
    position:static;
  }

  .cdp-forum-row{
    grid-template-columns:1fr;
    gap:6px;
  }

  .cdp-forum-head{
    display:none;
  }
}

/* Mobile lớn */
@media (max-width: 768px){
  .cdp-content{
    padding:14px;
  }

  .cdp-topbar{
    grid-template-columns:auto 1fr;
    align-items:center;
  }

  .cdp-search{
    grid-column:1 / -1;
    order:3;
    height:44px;
    min-width:0;
  }

  .cdp-top-actions{
    justify-content:flex-end;
  }

  .cdp-user span,
  .cdp-logout{
    display:none;
  }

  .cdp-login-link{
    font-size:13px;
    white-space:nowrap;
  }

  .cdp-hero{
    border-radius:20px;
    padding:22px;
  }

  .cdp-hero h1{
    font-size:clamp(24px, 7vw, 32px);
  }

  .cdp-ms-login{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 16px;
  }

  .cdp-section-title{
    font-size:20px;
    margin:22px 0 12px;
  }

  .cdp-category-card,
  .cdp-restaurant-card,
  .cdp-subsection-card,
  .cdp-doc-card,
  .cdp-panel,
  .cdp-support-card,
  .cdp-request-form,
  .cdp-process-box,
  .cdp-page-head,
  .cdp-create-post-card,
  .cdp-feed-post{
    border-radius:16px;
  }

  .cdp-toolbar{
    flex-direction:column;
  }

  .cdp-grid-2{
    grid-template-columns:1fr;
  }

  .cdp-create-post-extra{
    grid-template-columns:1fr;
  }

  .cdp-feed-actions{
    grid-template-columns:1fr;
  }

  .cdp-comment-form{
    grid-template-columns:34px 1fr;
  }

  .cdp-comment-form button{
    grid-column:2;
  }

  .cdp-doc-card{
    min-height:auto;
  }

  .cdp-doc-meta{
    flex-wrap:wrap;
    gap:8px;
  }
}

/* Mobile nhỏ */
@media (max-width: 480px){
  .cdp-content{
    padding:10px;
  }

  .cdp-topbar{
    padding:10px;
  }

  .cdp-hero{
    padding:18px;
  }

  .cdp-hero-art{
    height:160px;
  }

  .cdp-laptop{
    width:130px;
    height:82px;
    left:42px;
    top:34px;
  }

  .cdp-folder{
    width:90px;
    height:58px;
    right:28px;
    bottom:30px;
  }

  .cdp-lock{
    width:48px;
    height:48px;
    left:26px;
    bottom:35px;
    font-size:22px;
  }

  .cdp-page-head{
    padding:16px;
  }

  .cdp-page-head h1{
    font-size:22px;
  }

  .cdp-category-grid,
  .cdp-subsection-grid,
  .cdp-doc-grid,
  .cdp-restaurant-grid,
  .cdp-restaurant-grid.large{
    gap:12px;
  }

  .cdp-category-card,
  .cdp-restaurant-card,
  .cdp-subsection-card,
  .cdp-doc-card{
    padding:16px;
  }

  .cdp-request-form{
    padding:16px;
  }

  .cdp-form-actions{
    flex-direction:column;
  }

  .cdp-form-actions button,
  .cdp-form-actions .cdp-btn{
    width:100%;
  }
}

/* Ultra-wide: tránh kéo card quá dài */
@media (min-width: 1600px){
  .cdp-category-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .cdp-doc-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .cdp-restaurant-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}


/* =========================================================
   V5.2 - Post approval + notification bell + birthday automation UI
   ========================================================= */
.cdp-notification-wrap{position:relative;display:inline-flex;align-items:center}.cdp-notification-bell{position:relative;width:40px;height:40px;border:0;border-radius:12px;background:#f5f8fd;color:#0d2e61;cursor:pointer}.cdp-notification-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:900;border:2px solid #fff}.cdp-notification-dropdown{display:none;position:absolute;top:48px;right:0;width:min(360px,92vw);background:#fff;border:1px solid #dde8f7;border-radius:18px;box-shadow:0 20px 45px rgba(31,63,115,.18);overflow:hidden;z-index:100}.cdp-notification-dropdown.open{display:block}.cdp-notification-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf2fa}.cdp-notification-head strong{color:#0d2e61}.cdp-notification-head button{border:0;background:#eaf3ff;color:#0d61d8;padding:8px 10px;border-radius:10px;font-weight:800;cursor:pointer;font-size:12px}.cdp-notification-list{max-height:420px;overflow:auto}.cdp-notification-item{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:13px 16px;border-bottom:1px solid #edf2fa;text-decoration:none;color:#233a5a}.cdp-notification-item:hover{background:#f7faff}.cdp-notification-item strong{display:block;color:#0d2e61;font-size:13px}.cdp-notification-item small{display:block;color:#687a94;line-height:1.45;margin-top:3px}.cdp-notification-item em{display:block;color:#8a99ad;font-size:11px;margin-top:5px;font-style:normal}.cdp-notification-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-top:6px}.cdp-notification-item.unread .cdp-notification-dot{background:#0d61d8}.cdp-notification-item.unread{background:#f0f6ff}.cdp-notification-empty{padding:18px;color:#687a94;text-align:center}.cdp-moderation-list{display:grid;gap:18px}.cdp-moderation-card{background:#fff;border:1px solid #dde8f7;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(31,63,115,.06)}.cdp-moderation-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #edf2fa;padding-bottom:14px;margin-bottom:14px}.cdp-moderation-card h2{margin:0 0 6px;color:#0d2e61;font-size:20px}.cdp-moderation-card p{margin:0;color:#687a94}.cdp-moderation-card header span{background:#fff7e6;color:#a16207;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;white-space:nowrap}.cdp-moderation-content{color:#233a5a;line-height:1.7;margin-bottom:14px}.cdp-moderation-actions{display:grid;gap:12px}.cdp-moderation-actions textarea{width:100%;min-height:82px;border:1px solid #d9e5f5;border-radius:14px;padding:12px 14px;resize:vertical}.cdp-moderation-actions div{display:flex;gap:10px;justify-content:flex-end}.cdp-btn-secondary{background:#64748b!important}@media(max-width:768px){.cdp-notification-wrap{position:static}.cdp-notification-dropdown{position:fixed;top:76px;left:12px;right:12px;width:auto}.cdp-moderation-card header{flex-direction:column}.cdp-moderation-actions div{flex-direction:column}.cdp-moderation-actions .cdp-btn{width:100%;text-align:center}}


/* =========================================================
   V5.3 - Tài liệu chung PDF online only
   ========================================================= */

.cdp-online-only-doc .cdp-page-head{
  margin-bottom:14px;
}

.cdp-pdf-online-notice{
  display:flex;
  align-items:center;
  gap:12px;
  background:#eaf3ff;
  border:1px solid #cfe2ff;
  color:#0d2e61;
  padding:14px 18px;
  border-radius:16px;
  margin-bottom:16px;
  box-shadow:0 8px 22px rgba(31,63,115,.05);
}

.cdp-pdf-online-notice strong{
  flex:0 0 auto;
  font-weight:900;
}

.cdp-pdf-online-notice span{
  color:#36506f;
  line-height:1.5;
}

.cdp-pdf-viewer-wrap{
  background:#111827;
  border:1px solid #d9e5f5;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(31,63,115,.13);
  min-height:72vh;
}

.cdp-pdf-viewer{
  display:block;
  width:100%;
  height:72vh;
  min-height:620px;
  border:0;
  background:#fff;
}

.cdp-pdf-description{
  margin-top:16px;
}

.cdp-online-only-doc .cdp-doc-actions a,
.cdp-online-only-doc .cdp-btn{
  user-select:none;
}

@media(max-width:1024px){
  .cdp-pdf-viewer-wrap{
    min-height:68vh;
  }

  .cdp-pdf-viewer{
    height:68vh;
    min-height:560px;
  }
}

@media(max-width:768px){
  .cdp-pdf-online-notice{
    align-items:flex-start;
    flex-direction:column;
    padding:14px;
  }

  .cdp-pdf-viewer-wrap{
    border-radius:14px;
    min-height:70vh;
  }

  .cdp-pdf-viewer{
    height:70vh;
    min-height:500px;
  }
}

@media(max-width:480px){
  .cdp-pdf-viewer{
    height:68vh;
    min-height:430px;
  }
}


/* =========================================================
   V5.4 - Admin document action buttons
   ========================================================= */
.cdp-admin-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.cdp-admin-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:12px;
  background:#eef4fb;
  border:1px solid #d4e3f6;
  color:#0d2e61;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}

.cdp-admin-btn:hover{
  background:#e3efff;
  color:#0d61d8;
}

.cdp-admin-btn.primary{
  background:#0d61d8;
  border-color:#0d61d8;
  color:#fff;
}

.cdp-admin-btn.primary:hover{
  background:#084eb3;
  color:#fff;
}

@media(max-width:768px){
  .cdp-admin-actions{
    width:100%;
    justify-content:flex-start;
  }

  .cdp-admin-btn{
    width:100%;
  }
}


/* =========================================================
   V5.5 - Diễn đàn chung dạng Tường công ty 3 cột
   ========================================================= */
.cdp-wall-page{
  max-width:1500px;
  margin:0 auto;
}

.cdp-wall-grid{
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
}

.cdp-wall-left,
.cdp-wall-right{
  display:flex;
  flex-direction:column;
  gap:14px;
  position:sticky;
  top:92px;
}

.cdp-wall-profile,
.cdp-wall-menu,
.cdp-wall-box,
.cdp-wall-composer,
.cdp-wall-post{
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.cdp-wall-profile{
  overflow:hidden;
  text-align:left;
}

.cdp-wall-cover{
  height:68px;
  background:linear-gradient(135deg,#b9d8ff,#eef2ff 55%,#c7d2fe);
}

.cdp-wall-avatar{
  margin:-28px 0 0 18px;
}

.cdp-wall-avatar img{
  border-radius:50%;
  border:3px solid #fff;
  background:#fff;
}

.cdp-wall-profile h3{
  margin:10px 16px 4px;
  font-size:18px;
  color:#111827;
  text-transform:uppercase;
}

.cdp-wall-profile p,
.cdp-wall-profile span{
  display:block;
  margin:0 16px 8px;
  color:#6b7280;
  font-size:13px;
}

.cdp-wall-profile span{
  margin-bottom:16px;
}

.cdp-wall-menu{
  padding:8px;
}

.cdp-wall-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:12px 14px;
  border-radius:6px;
  color:#111827;
  text-decoration:none;
  font-weight:600;
}

.cdp-wall-menu a:hover,
.cdp-wall-menu a.active{
  background:#f3f4f6;
}

.cdp-wall-menu strong{
  background:#ef4444;
  color:#fff;
  border-radius:999px;
  padding:2px 7px;
  font-size:12px;
}

.cdp-wall-center{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.cdp-wall-composer{
  padding:16px;
}

.cdp-wall-composer-row{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:10px;
  align-items:center;
}

.cdp-wall-composer-row img{
  border-radius:50%;
}

.cdp-wall-composer-row input{
  height:42px;
  border:1px solid #d1d5db;
  border-radius:999px;
  padding:0 16px;
  outline:none;
}

.cdp-wall-composer textarea{
  margin-top:12px;
  width:100%;
  min-height:86px;
  border:1px solid #d1d5db;
  border-radius:10px;
  padding:12px 14px;
  resize:vertical;
  outline:none;
}

.cdp-wall-composer-actions{
  display:grid;
  grid-template-columns:1fr 190px auto;
  gap:10px;
  align-items:center;
  margin-top:10px;
  border-top:1px solid #eee;
  padding-top:10px;
}

.cdp-wall-composer-actions label{
  text-align:center;
  font-weight:700;
  color:#2563eb;
}

.cdp-wall-composer-actions select{
  border:1px solid #d1d5db;
  border-radius:8px;
  padding:10px;
}

.cdp-wall-composer-actions button{
  border:0;
  border-radius:8px;
  background:#f97316;
  color:#fff;
  padding:11px 18px;
  font-weight:800;
  cursor:pointer;
}

.cdp-wall-post{
  padding:16px;
}

.cdp-wall-post-head{
  display:grid;
  grid-template-columns:46px 1fr auto;
  gap:10px;
  align-items:start;
}

.cdp-wall-post-icon{
  width:46px;
  height:46px;
  border-radius:8px;
  background:#fff7ed;
  display:grid;
  place-items:center;
  font-size:24px;
}

.cdp-wall-post-head h2{
  margin:0;
  font-size:16px;
  color:#111827;
}

.cdp-wall-post-head strong{
  display:block;
  font-size:13px;
  color:#374151;
  margin-top:2px;
}

.cdp-wall-post-head small{
  display:block;
  color:#6b7280;
  font-size:12px;
}

.cdp-wall-post-body{
  padding:16px 0 10px;
  color:#1f2937;
  line-height:1.65;
}

.cdp-wall-post-body h3{
  margin:0 0 8px;
  font-size:21px;
  color:#f97316;
  font-weight:600;
}

.cdp-wall-post-body a{
  color:#f97316;
  text-decoration:none;
  font-weight:700;
}

.cdp-wall-post-stats{
  border-top:1px solid #eee;
  padding:10px 0;
  color:#6b7280;
  font-size:14px;
}

.cdp-wall-post-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:6px 0;
  gap:4px;
}

.cdp-wall-post-actions button,
.cdp-wall-post-actions a{
  border:0;
  background:#fff;
  padding:10px;
  text-align:center;
  color:#374151;
  font-weight:700;
  text-decoration:none;
  border-radius:6px;
  cursor:pointer;
}

.cdp-wall-post-actions button:hover,
.cdp-wall-post-actions a:hover{
  background:#f3f4f6;
}

.cdp-wall-comments{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:12px;
}

.cdp-wall-comment{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:8px;
}

.cdp-wall-comment img{
  border-radius:50%;
}

.cdp-wall-comment div{
  background:#f3f4f6;
  border-radius:12px;
  padding:8px 10px;
}

.cdp-wall-comment strong{
  display:block;
  font-size:13px;
  color:#111827;
}

.cdp-wall-comment p{
  margin:3px 0 0;
  color:#374151;
}

.cdp-wall-comment-form{
  display:grid;
  grid-template-columns:32px 1fr auto;
  gap:8px;
  align-items:center;
  margin-top:12px;
}

.cdp-wall-comment-form img{
  border-radius:50%;
}

.cdp-wall-comment-form input{
  border:1px solid #d1d5db;
  border-radius:999px;
  padding:10px 14px;
}

.cdp-wall-comment-form button{
  border:0;
  background:#2563eb;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:700;
}

.cdp-wall-box{
  overflow:hidden;
}

.cdp-wall-box h3{
  margin:0;
  padding:14px 16px;
  color:#1d4ed8;
  font-size:16px;
  border-bottom:1px solid #eee;
}

.cdp-wall-notice,
.cdp-wall-group{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid #eee;
  color:#111827;
  text-decoration:none;
}

.cdp-wall-notice:last-child{
  border-bottom:0;
}

.cdp-wall-notice strong,
.cdp-wall-group strong{
  display:block;
  font-size:14px;
  color:#111827;
}

.cdp-wall-notice small,
.cdp-wall-group small{
  color:#6b7280;
  font-size:12px;
}

.cdp-wall-logo-dot{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#111827;
  color:#fbbf24;
  display:grid;
  place-items:center;
  font-weight:900;
}

.cdp-moderation-list{
  display:grid;
  gap:16px;
}

.cdp-moderation-card{
  background:#fff;
  border:1px solid #dde8f7;
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 28px rgba(31,63,115,.06);
}

.cdp-moderation-card header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #edf2fa;
  padding-bottom:12px;
  margin-bottom:12px;
}

.cdp-moderation-card h2{
  margin:0 0 6px;
  color:#0d2e61;
}

.cdp-moderation-card header span{
  background:#fff7e6;
  color:#a16207;
  border-radius:999px;
  padding:6px 10px;
  height:max-content;
  font-weight:900;
  font-size:12px;
}

.cdp-moderation-actions{
  display:grid;
  gap:10px;
}

.cdp-moderation-actions textarea{
  min-height:80px;
  border:1px solid #d9e5f5;
  border-radius:12px;
  padding:12px;
}

.cdp-moderation-actions div{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.cdp-btn-secondary{
  background:#64748b !important;
}

@media(max-width:1180px){
  .cdp-wall-grid{
    grid-template-columns:240px minmax(0,1fr);
  }
  .cdp-wall-right{
    grid-column:1 / -1;
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:860px){
  .cdp-wall-grid{
    grid-template-columns:1fr;
  }
  .cdp-wall-left,
  .cdp-wall-right{
    position:static;
  }
  .cdp-wall-right{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .cdp-wall-composer-actions,
  .cdp-wall-comment-form{
    grid-template-columns:1fr;
  }
  .cdp-wall-post-actions{
    grid-template-columns:1fr;
  }
  .cdp-wall-post-head{
    grid-template-columns:42px 1fr;
  }
  .cdp-wall-post-head>span{
    display:none;
  }
}


/* =========================================================
   V5.6 - Forum upload image/files + file server UI
   ========================================================= */
.cdp-file-upload-trigger{
  position:relative;
  overflow:hidden;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.cdp-file-upload-trigger input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.cdp-wall-attachments{
  display:grid;
  gap:10px;
  margin:12px 0;
}

.cdp-wall-image-attachment{
  display:block;
  border-radius:12px;
  overflow:hidden;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
}

.cdp-wall-image-attachment img{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:contain;
  background:#111827;
}

.cdp-wall-file-attachment{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #d9e5f5;
  border-radius:12px;
  background:#f8fbff;
  text-decoration:none;
  color:#0d2e61;
}

.cdp-wall-file-attachment span{
  width:42px;
  height:42px;
  border-radius:10px;
  background:#eaf3ff;
  display:grid;
  place-items:center;
  font-size:22px;
}

.cdp-wall-file-attachment strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cdp-wall-file-attachment em{
  font-style:normal;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}

.cdp-wall-file-attachment:hover{
  background:#eef6ff;
  border-color:#bcd7ff;
}

@media(max-width:560px){
  .cdp-wall-file-attachment{
    grid-template-columns:36px 1fr;
  }

  .cdp-wall-file-attachment em{
    grid-column:2;
  }
}


/* V5.8 - Restaurant staff limited view */
.cdp-login-required .cdp-btn{
  margin-top:12px;
}


/* =========================================================
   V6.0 - Stationery order module
   ========================================================= */
.cdp-stationery-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:20px;
  align-items:start;
}

.cdp-stationery-form,
.cdp-stationery-side{
  background:#fff;
  border:1px solid #dde8f7;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(31,63,115,.06);
}

.cdp-stationery-form{
  padding:22px;
}

.cdp-stationery-side{
  padding:22px;
}

.cdp-stationery-info{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  background:#eaf3ff;
  border:1px solid #cfe2ff;
  color:#0d2e61;
  border-radius:14px;
  padding:14px 16px;
  margin-bottom:18px;
}

.cdp-stationery-locked{
  background:#fff7e6;
  border:1px solid #ffe2a6;
  border-radius:14px;
  padding:16px;
  margin-bottom:18px;
  color:#835400;
}

.cdp-stationery-locked h3{
  margin:0 0 6px;
}

.cdp-stationery-table-wrap{
  overflow:auto;
}

.cdp-stationery-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.cdp-stationery-table th,
.cdp-stationery-table td{
  border-bottom:1px solid #edf2fa;
  padding:10px;
  text-align:left;
}

.cdp-stationery-table th{
  color:#0d2e61;
  background:#f7faff;
  font-weight:900;
}

.cdp-stationery-table input{
  width:100%;
  border:1px solid #d9e5f5;
  border-radius:10px;
  padding:10px 12px;
  outline:none;
}

.cdp-remove-row{
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:#fee2e2;
  color:#b91c1c;
  font-weight:900;
  cursor:pointer;
}

.cdp-stationery-actions{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  flex-wrap:wrap;
}

.cdp-stationery-side h3{
  margin-top:0;
  color:#0d2e61;
}

.cdp-stationery-side ol{
  padding-left:20px;
  color:#435673;
  line-height:1.8;
}

@media(max-width:1024px){
  .cdp-stationery-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .cdp-stationery-form,
  .cdp-stationery-side{
    padding:16px;
  }

  .cdp-stationery-actions .cdp-btn{
    width:100%;
    text-align:center;
  }
}


/* V6.1 - Stationery always open notice */
.cdp-stationery-info{
  background:#e8fff2;
  border-color:#b8f0cf;
}


/* =========================================================
   V6.4 - Stationery approval portal
   ========================================================= */
.cdp-approval-card{
  background:#fff;
  border:1px solid #dde8f7;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(31,63,115,.06);
  padding:22px;
}

.cdp-approval-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:8px 14px;
  font-weight:900;
  margin-bottom:18px;
  background:#fff7e6;
  color:#a16207;
}

.cdp-approval-status.approved{
  background:#dcfce7;
  color:#15803d;
}

.cdp-approval-status.rejected{
  background:#fee2e2;
  color:#b91c1c;
}

.cdp-approval-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  background:#f7faff;
  border:1px solid #e3eefc;
  border-radius:14px;
  padding:16px;
  margin-bottom:18px;
}

.cdp-approval-meta p{
  margin:0;
  color:#435673;
}

.cdp-approval-actions{
  margin-top:18px;
  display:grid;
  gap:12px;
}

.cdp-approval-actions textarea{
  width:100%;
  min-height:90px;
  border:1px solid #d9e5f5;
  border-radius:12px;
  padding:12px;
}

.cdp-approval-actions div{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

@media(max-width:768px){
  .cdp-approval-meta{
    grid-template-columns:1fr;
  }

  .cdp-approval-actions div{
    flex-direction:column;
  }
}