/* Auto-extracted from Razor views — do not edit inline styles in .cshtml */

/* ═══ DỰ ÁN PAGE ═══ */
.da-layout { display:grid; grid-template-columns:280px 1fr; min-height:calc(100vh - 64px); }
@media(max-width:900px) { .da-layout { grid-template-columns:1fr; } .da-sidebar { display:none !important; } }

/* Left sidebar */
.da-sidebar {
    background:linear-gradient(180deg,#0d1117 0%,#0f1923 100%); border-right:1px solid rgba(212,184,120,0.15); padding:0;
    position:sticky; top:0; height:calc(100vh - 64px); overflow-y:auto;
    display:flex; flex-direction:column;
}
.da-sidebar-header {
    padding:28px 24px 16px; border-bottom:1px solid rgba(212,184,120,0.15);
    font-size:9px; font-weight:700; letter-spacing:0.4em; text-transform:uppercase; color:#d4b878;
    display:flex; align-items:center; justify-content:space-between;
    background:rgba(212,184,120,0.04);
}
.da-nav-list { list-style:none; padding:12px 0; margin:0; flex:1; overflow-y:auto; }
.da-nav-item { padding:0; border-bottom:1px solid rgba(255,255,255,0.05); }
.da-nav-link {
    display:block; padding:14px 24px; cursor:pointer; text-decoration:none;
    font-size:13px; font-weight:500; color:rgba(255,255,255,0.85); line-height:1.4;
    border-left:3px solid transparent; transition:all 0.2s; background:none; border-top:none; border-right:none; border-bottom:none; border-radius:0; text-align:left; width:100%;
}
.da-nav-link:hover { background:rgba(212,184,120,0.07); color:#d4b878; border-left-color:rgba(212,184,120,0.4); }
.da-nav-link.active { background:rgba(212,184,120,0.1); color:#d4b878; border-left-color:#d4b878; font-weight:700; }
.da-nav-link .da-nav-date { display:block; font-size:10px; color:rgba(255,255,255,0.45); font-weight:400; margin-top:3px; }
.da-sidebar input::placeholder { color:rgba(255,255,255,0.3); }

/* Right content */
.da-content { padding:0; background:#f8f8f6; }
.da-welcome {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    min-height:60vh; text-align:center; padding:60px 40px;
}
.da-welcome-icon { font-size:4rem; color:rgba(212,184,120,0.25); margin-bottom:24px; }
.da-welcome-title { font-family:'Cormorant Garamond',serif; font-size:2.5rem; font-weight:300; color:#0a0a0a; margin:0 0 12px; }
.da-welcome-sub { font-size:13px; color:#9ca3af; }

/* Article view — full width */
.da-article-wrap { max-width:none; width:100%; padding:52px 60px 80px; background:#fff; min-height:100%; box-sizing:border-box; }
@media(max-width:600px) { .da-article-wrap { padding:32px 20px 60px; } }

/* Heading TOC in sidebar */
.da-toc-section { padding:12px 16px; border-top:1px solid rgba(212,184,120,0.1); }
.da-toc-label { font-size:9px; font-weight:700; letter-spacing:0.35em; text-transform:uppercase; color:rgba(212,184,120,0.5); margin-bottom:8px; display:block; }
.da-toc-list { list-style:none; padding:0; margin:0; }
.da-toc-item { padding:4px 0; }
.da-toc-link { font-size:12px; color:rgba(255,255,255,0.45); cursor:pointer; display:block; padding:4px 8px; border-left:2px solid transparent; transition:all 0.15s; background:none; border-top:none; border-right:none; border-bottom:none; text-align:left; width:100%; }
.da-toc-link:hover { color:#d4b878; border-left-color:rgba(212,184,120,0.4); background:rgba(212,184,120,0.07); }
.da-toc-link.h3-link { padding-left:18px; font-size:11px; color:rgba(255,255,255,0.3); }
.da-article-cat { display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; background:#f0ece6; color:#d4b878; padding:3px 12px; border-radius:2px; margin-bottom:16px; }
.da-article-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,4vw,2.8rem); font-weight:700; color:#0a0a0a; line-height:1.15; margin:0 0 12px; }
.da-article-divider { width:48px; height:3px; background:#d4b878; margin:16px 0 24px; border:none; }
.da-article-meta { font-size:12px; color:#9ca3af; margin-bottom:32px; }
.da-article-body { font-size:15px; line-height:1.85; color:#374151; }
.da-article-body h2 { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:700; color:#0a0a0a; margin:36px 0 12px; }
.da-article-body h3 { font-size:1rem; font-weight:700; color:#0a0a0a; margin:28px 0 10px; }
.da-article-body p { margin:0 0 16px; }
.da-article-body ul, .da-article-body ol { padding-left:24px; margin:0 0 16px; }
.da-article-body li { margin-bottom:6px; }
.da-article-body a { color:#d4b878; }
.da-article-body strong { color:#0a0a0a; }
.da-article-body blockquote { border-left:3px solid #d4b878;margin:24px 0;padding:16px 24px;background:rgba(212,184,120,0.05);border-radius:0 8px 8px 0;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:rgba(255,255,255,0.8) !important; }
.da-article-body .highlight-box { background:linear-gradient(135deg,rgba(212,184,120,0.08),rgba(212,184,120,0.03));border:1px solid rgba(212,184,120,0.2);border-radius:8px;padding:20px 24px;margin:24px 0; }
.da-article-body table { width:100%;border-collapse:collapse;margin:20px 0; }
.da-article-body table th { background:rgba(212,184,120,0.12);color:#d4b878;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;padding:10px 14px;text-align:left;border-bottom:2px solid rgba(212,184,120,0.3); }
.da-article-body table td { padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06);color:rgba(255,255,255,0.7);font-size:14px; }
.da-article-body table tr:hover td { background:rgba(212,184,120,0.04); }
.da-article-img { width:100%; height:280px; object-fit:cover; display:block; margin-bottom:36px; border-radius:2px; }

/* Share buttons (right float) */
.da-share-rail {
    position:fixed; right:24px; top:50%; transform:translateY(-50%);
    display:flex; flex-direction:column; gap:8px; z-index:10;
}
@media(max-width:1200px) { .da-share-rail { display:none; } }
.da-share-btn {
    width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:#fff; border:1px solid #e8e0d5; color:#6b7280; font-size:13px;
    cursor:pointer; text-decoration:none; transition:all 0.2s;
}
.da-share-btn:hover { background:#d4b878; color:#fff; border-color:#d4b878; }
.da-share-label { font-size:9px; letter-spacing:0.2em; text-transform:uppercase; color:#9ca3af; writing-mode:vertical-rl; text-orientation:mixed; transform:rotate(180deg); text-align:center; margin-top:4px; }

/* Admin toolbar */
.da-admin-bar {
    background:#0a0a0a; padding:10px 24px; display:flex; align-items:center; gap:10px;
    font-size:11px; color:rgba(255,255,255,0.5); letter-spacing:0.1em;
}
.da-admin-btn { font-size:10px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; padding:6px 14px; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.da-admin-btn-add  { background:#d4b878; color:#0a0a0a; }
.da-admin-btn-edit { background:#374151; color:#fff; }
.da-admin-btn-del  { background:#c0392b; color:#fff; }
.da-admin-btn:hover { opacity:0.85; }

/* ═══ Shared page hero banner — dùng chung cho Danh Mục Dự Án, Tiện Ích, Tiến Độ Thi Công ═══ */
.da-hero-banner {
    background:linear-gradient(135deg,#0a0a0a 0%,#111827 50%,#0a0a0a 100%);
    padding:42px 50px 30px; border-bottom:3px solid #d4b878; position:relative; overflow:hidden;
}
.da-hero-banner::before {
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse at 70% 50%,rgba(212,184,120,0.06) 0%,transparent 70%); pointer-events:none;
}
.da-hero-eyebrow { font-size:9px; font-weight:800; letter-spacing:0.55em; color:#d4b878; text-transform:uppercase; margin:0 0 10px; position:relative; }
.da-hero-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,4vw,3.2rem); font-weight:300; color:#fff; margin:0 0 10px; position:relative; }
.da-hero-title em { color:#d4b878; font-style:italic; font-weight:700; }
.da-hero-sub { font-size:13px; color:rgba(255,255,255,0.45); letter-spacing:0.08em; margin:0; position:relative; }
@media(max-width:768px) { .da-hero-banner { padding:32px 24px 24px; } }

/* Admin bar right-aligned hint text (dùng khi không có nút hành động) */
.da-admin-bar .da-admin-hint { margin-left:auto; font-size:10px; color:rgba(255,255,255,0.35); letter-spacing:0.05em; }
.da-admin-bar a.da-admin-btn { text-decoration:none; }