/* 369 Project Portal v3.3.3 — high-contrast customer + staff portal */
:root{
  --d369-ink:#151515;
  --d369-muted:#6f6b64;
  --d369-line:#ded8ce;
  --d369-soft:#f5f2ec;
  --d369-paper:#ffffff;
  --d369-gold:#c89a56;
  --d369-gold-dark:#8e6734;
  --d369-green:#2f7d4a;
  --d369-amber:#b87817;
  --d369-red:#b94539;
  --d369-blue:#496b93;
}

/* Header entry — guaranteed visible even when WordPress uses a custom menu. */
.header-staff-login{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border:1px solid #5b452c;border-radius:8px;background:#111313;color:#d8b276!important;font-size:10px;font-weight:800;letter-spacing:.05em;white-space:nowrap;text-decoration:none}
.header-staff-login:hover{border-color:#c89a56;color:#fff!important}
@media(max-width:1250px){.header-staff-login{display:none}}

/* Shared portal typography and hard contrast overrides. */
.d369-customer-lookup,.d369-project-result,.d369-staff-auth,.d369-staff-detail,.d369-portal-hero.staff{font-family:"Segoe UI",Arial,Helvetica,sans-serif}
.d369-project-result,.d369-project-result *,.d369-staff-detail,.d369-staff-detail *{box-sizing:border-box}
.d369-project-result{background:#f3f1ec;color:var(--d369-ink)!important;padding:44px 0 82px}
.d369-project-result h2,.d369-project-result h3,.d369-project-result h4,.d369-project-result strong,.d369-project-result b,.d369-project-result p{color:var(--d369-ink)!important}
.d369-project-result a{text-decoration:none}

/* CUSTOMER LOOKUP */
.d369-portal-hero.d369-customer-lookup{padding:42px 0 66px;background:linear-gradient(135deg,#0d0e0e 0%,#171511 100%);color:#fff;border-bottom:1px solid rgba(200,154,86,.24)}
.d369-portal-rolebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;margin-bottom:38px;border-bottom:1px solid rgba(255,255,255,.12)}
.d369-role-current{display:flex;align-items:center;gap:9px;color:#ddd7cd;font-size:11px;font-weight:800;letter-spacing:.08em}
.d369-role-dot{width:7px;height:7px;border-radius:50%;background:var(--d369-gold);box-shadow:0 0 0 4px rgba(200,154,86,.12)}
.d369-staff-entry{display:inline-flex;align-items:center;gap:11px;color:#f0d2a5!important;border:1px solid rgba(200,154,86,.55);border-radius:8px;padding:11px 15px;font-size:11px;font-weight:800;letter-spacing:.04em;text-decoration:none;background:rgba(255,255,255,.025)}
.d369-staff-entry:hover{background:var(--d369-gold);border-color:var(--d369-gold);color:#111!important}
.d369-lookup-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.72fr);gap:72px;align-items:center}
.d369-kicker{display:block;color:#d1a567!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;margin-bottom:16px!important}
.d369-lookup-copy h1,.d369-staff-auth-copy h1{margin:0;color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,68px);line-height:1.03;font-weight:400;letter-spacing:-.025em}
.d369-lookup-copy h1 em,.d369-staff-auth-copy h1 em{font-weight:400;color:#d6ad72;font-style:italic}
.d369-lookup-copy>p,.d369-staff-auth-copy>p{max-width:700px;margin:22px 0 0;color:#cbc7c0!important;font-size:16px;line-height:1.75}
.d369-lookup-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:#f4efe7;font-size:12px;font-weight:700}
.d369-lookup-points span{color:#f4efe7!important;margin:0!important;letter-spacing:0!important;font-size:12px!important}
.d369-lookup-card{background:#fff;border:1px solid #2e2b27;border-radius:14px;padding:28px;box-shadow:0 22px 50px rgba(0,0,0,.22);color:#111}
.d369-lookup-card-head{display:grid;gap:5px;margin-bottom:22px}.d369-lookup-card-head small{color:#97703d;font-size:10px;font-weight:800;letter-spacing:.1em}.d369-lookup-card-head strong{color:#171717;font-size:23px;line-height:1.2}
.d369-lookup-form{display:grid;gap:9px;max-width:none;margin:0}.d369-lookup-form label{color:#4d4942;font-size:10px;font-weight:800;letter-spacing:.08em}.d369-lookup-form input{width:100%;height:52px;border:1px solid #cbc4b8;border-radius:8px;background:#fff;color:#111;font-size:15px;font-weight:700;padding:0 15px;outline:none}.d369-lookup-form input:focus{border-color:var(--d369-gold);box-shadow:0 0 0 3px rgba(200,154,86,.13)}.d369-lookup-form button{width:100%;min-height:50px;margin-top:5px;border-radius:8px;font-size:12px}.d369-lookup-help{margin:13px 0 0;color:#777!important;font-size:11px;line-height:1.55}.d369-portal-alert{padding:14px 16px;margin:16px 0 0;border:1px solid #d9c9ad;border-radius:8px;background:#fffaf1;color:#3a3023!important;line-height:1.55}.d369-portal-alert.error{border-color:#e0aaa4;background:#fff3f1;color:#8e241b!important}.d369-portal-alert.success{border-color:#a6c9b0;background:#f0fbf3;color:#255632!important}

/* PROJECT SUMMARY */
.d369-project-overview{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#121313;color:#fff;border-radius:16px;padding:28px 30px;box-shadow:0 14px 38px rgba(20,20,20,.08)}
.d369-project-identity{min-width:0}.d369-overline{display:block;color:#d1a567!important;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}.d369-project-identity h2{margin:0 0 7px!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,46px);line-height:1.08;font-weight:400}.d369-project-identity p{margin:0;color:#d1cdc6!important;font-size:14px}.d369-project-identity p b{color:#fff!important}
.d369-project-statusbox{text-align:right;min-width:220px}.d369-project-statusbox>span{display:block;color:#9f9a90!important;font-size:9px;font-weight:800;letter-spacing:.11em;margin-bottom:8px}.d369-project-statusbox>strong{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;border:1px solid #6b5a42;background:#221e18;color:#f1cf9b!important;font-size:11px;letter-spacing:.04em}.d369-project-statusbox>a{display:block;margin-top:11px;color:#bfb7aa!important;font-size:11px}.d369-project-statusbox>a:hover{color:#fff!important}
.d369-project-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.d369-project-meta>div,.d369-staff-summary>div{min-height:92px;background:#fff;border:1px solid var(--d369-line);border-radius:12px;padding:16px 17px;box-shadow:0 4px 14px rgba(25,25,25,.025)}.d369-project-meta span,.d369-staff-summary span{display:block;color:#77726b!important;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:10px}.d369-project-meta strong,.d369-staff-summary strong{display:block;color:#161616!important;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.d369-meta-progress{border-color:#cbb28b!important;background:#fffaf1!important}.d369-meta-progress strong{font-size:24px!important;color:#8e6734!important}
.d369-progress-panel{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center;background:#fff;border:1px solid var(--d369-line);border-radius:12px;padding:15px 17px}.d369-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.d369-progress-copy span{font-size:9px;font-weight:800;letter-spacing:.09em;color:#77726b}.d369-progress-copy strong{font-size:20px!important}.d369-progress{position:relative;height:14px;background:#e9e5de;border:0;border-radius:999px;overflow:hidden}.d369-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b713d,#d1a25d);transition:width .35s ease}.d369-progress>strong{display:none!important}

/* SECTION HEADINGS */
.d369-portal-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:52px 0 18px;padding-bottom:14px;border-bottom:1px solid #d4cec3}.d369-portal-section-head>div>span{display:block;color:#906936!important;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:6px}.d369-portal-section-head h3{margin:0!important;color:#171717!important;font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.15;font-weight:400}.d369-portal-section-head>p{max-width:540px;margin:0;color:#716c64!important;font-size:13px;line-height:1.55;text-align:right}

/* TIMELINE */
.d369-timeline-customer{display:flex;flex-direction:column;gap:10px}.d369-timeline-row{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 110px;align-items:center;gap:14px;padding:17px 18px;background:#fff;border:1px solid #dcd6cc;border-radius:12px;box-shadow:0 4px 12px rgba(24,24,24,.025)}.d369-timeline-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:#b9b3aa}.d369-timeline-row.stage-working::before{background:var(--d369-amber)}.d369-timeline-row.stage-done::before{background:var(--d369-green)}.d369-timeline-row.stage-late::before{background:var(--d369-red)}.d369-timeline-row.stage-waiting::before{background:var(--d369-blue)}.d369-stage-index-wrap{display:grid;place-items:center}.d369-stage-index{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#171818;color:#fff!important;font-size:13px;font-weight:800}.stage-done .d369-stage-index{background:var(--d369-green)}.stage-working .d369-stage-index{background:#a86d16}.stage-late .d369-stage-index{background:var(--d369-red)}.d369-stage-main{min-width:0}.d369-stage-titleline{display:flex;justify-content:space-between;gap:12px;align-items:center}.d369-stage-main h4{margin:0!important;color:#181818!important;font-size:16px!important;font-weight:800!important;line-height:1.25}.d369-stage-badge{display:inline-flex;flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#f0ede7;color:#676158!important;font-size:9px!important;font-weight:800!important;letter-spacing:.03em!important}.stage-working .d369-stage-badge{background:#fff2dd;color:#88570f!important}.stage-done .d369-stage-badge{background:#eaf7ee;color:#2f7144!important}.stage-late .d369-stage-badge{background:#fff0ee;color:#a53c32!important}.stage-waiting .d369-stage-badge{background:#edf3fa;color:#3f6389!important}.d369-stage-main p{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0!important;color:#716c64!important;font-size:11px!important;line-height:1.4}.d369-stage-main p b{color:#4f4b45!important}.d369-stage-main p span{color:#aaa39a!important}.d369-stage-bar{height:6px;background:#ece8e1;border-radius:999px;overflow:hidden;margin-top:11px}.d369-stage-bar i{display:block;height:100%;border-radius:inherit;background:#9a7443}.stage-working .d369-stage-bar i{background:#c28221}.stage-done .d369-stage-bar i{background:#3f8a56}.stage-late .d369-stage-bar i{background:#c65346}.stage-waiting .d369-stage-bar i{background:#557aa5}.d369-stage-progress{text-align:right}.d369-stage-progress b{display:block;color:#161616!important;font-size:22px!important;line-height:1}.d369-stage-progress span{display:block;color:#8a857d!important;font-size:9px!important;margin-top:5px}

/* REPORTS */
.d369-report-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.d369-report-card{background:#fff;border:1px solid #dcd6cc;border-radius:12px;padding:18px;box-shadow:0 4px 12px rgba(24,24,24,.025)}.d369-report-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #eee9e2}.d369-report-top>div{display:grid;gap:3px}.d369-report-top small{color:#9d7948;font-size:8px;font-weight:800;letter-spacing:.1em}.d369-report-top strong{font-size:14px!important}.d369-report-top>span{color:#817b72!important;font-size:10px!important;white-space:nowrap}.d369-report-card>p{margin:0!important;color:#4e4a45!important;line-height:1.65;font-size:13px}.d369-report-images{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.d369-preview-image{padding:0;border:0;background:none;cursor:pointer;aspect-ratio:1;border-radius:7px;overflow:hidden}.d369-preview-image img{display:block;width:100%;height:100%;object-fit:cover}

/* DOCUMENTS */
.d369-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.d369-doc-group{overflow:hidden;background:#fff;border:1px solid #dcd6cc;border-radius:12px;box-shadow:0 4px 12px rgba(24,24,24,.025)}.d369-doc-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#171818;color:#fff}.d369-doc-title span{color:#fff!important;font-size:14px!important;font-weight:800!important}.d369-doc-title b{color:#d9b77e!important;font-size:9px!important}.d369-doc-file{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 15px;border-top:1px solid #eee9e2}.d369-doc-file:first-of-type{border-top:0}.d369-doc-file>div:first-child{min-width:0}.d369-doc-file strong{display:block;color:#191919!important;font-size:12px!important;overflow:hidden;text-overflow:ellipsis}.d369-doc-file small{display:block;color:#807a72!important;margin-top:4px;font-size:10px}.d369-doc-actions{display:flex;gap:7px;flex-shrink:0}.d369-doc-actions .btn{padding:9px 10px;border-radius:6px;font-size:9px}.d369-retention-note{font-size:11px;color:#6d6357!important;margin-top:14px}.d369-retention-note b{color:#473827!important}.d369-portal-empty{padding:24px;border:1px dashed #b9ae9c;border-radius:12px;background:#fff;color:#665d50!important}

/* PREVIEW */
.d369-preview-modal{position:fixed;inset:0;display:none;z-index:99999}.d369-preview-modal.open{display:block}.d369-preview-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84)}.d369-preview-dialog{position:absolute;inset:4vh 4vw;background:#111;border:1px solid #665642;box-shadow:0 24px 80px rgba(0,0,0,.4)}.d369-preview-close{position:absolute;right:10px;top:8px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;cursor:pointer}.d369-preview-frame{width:100%;height:100%;border:0;background:#fff}.d369-preview-full-image{display:block;max-width:100%;max-height:100%;margin:auto;object-fit:contain;height:100%}.d369-modal-open{overflow:hidden}

/* STAFF LOGIN */
.d369-staff-auth{min-height:calc(100vh - 88px);padding:62px 0;background:linear-gradient(135deg,#0d0e0e 0%,#18140f 100%);color:#fff}.d369-staff-auth-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:78px;align-items:center}.d369-back-customer{display:inline-flex;margin-bottom:34px;color:#c8a56e!important;font-size:10px;font-weight:800;letter-spacing:.07em;text-decoration:none}.d369-staff-auth-points{display:grid;gap:10px;margin-top:30px;max-width:560px}.d369-staff-auth-points span{display:flex;align-items:center;gap:12px;color:#e0dbd2!important;font-size:12px}.d369-staff-auth-points b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #655237;border-radius:50%;color:#d8af70;font-size:9px}.d369-staff-login-card{background:#fff;color:#151515;border-radius:16px;padding:30px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.d369-login-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#171818;color:#d6a75f;font-size:15px;font-weight:900;letter-spacing:-.04em;margin-bottom:18px}.d369-staff-login-card>small{color:#9b713c;font-size:9px;font-weight:800;letter-spacing:.12em}.d369-staff-login-card h2{margin:6px 0 8px!important;color:#171717!important;font-size:26px!important;font-family:Georgia,"Times New Roman",serif;font-weight:400}.d369-staff-login-card>p{margin:0 0 18px;color:#716b62!important;font-size:12px}.d369-staff-login{max-width:none;background:transparent;color:#111;padding:0;margin:0}.d369-staff-login p{margin:0 0 14px;color:#111!important}.d369-staff-login label{display:block;color:#555049;font-size:10px;font-weight:800;letter-spacing:.05em;margin-bottom:6px}.d369-staff-login input[type=text],.d369-staff-login input[type=password]{box-sizing:border-box;width:100%;height:48px;padding:0 13px;margin-top:6px;border:1px solid #cbc4b8;border-radius:8px;background:#fff;color:#111;font-size:14px;outline:none}.d369-staff-login input[type=text]:focus,.d369-staff-login input[type=password]:focus{border-color:var(--d369-gold);box-shadow:0 0 0 3px rgba(200,154,86,.13)}.d369-staff-login .login-remember label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:0}.d369-staff-login .login-submit{margin:18px 0 0}.d369-staff-login .login-submit input{width:100%;height:48px;border:0;border-radius:8px;background:#b9894a;color:#111;font-size:11px;font-weight:900;cursor:pointer}.d369-staff-login .login-submit input:hover{background:#d0a462}.d369-login-note{margin-top:16px;padding-top:14px;border-top:1px solid #eee8df;color:#817a70;font-size:10px;line-height:1.55}

/* STAFF DASHBOARD */
.d369-portal-hero.staff{padding:52px 0;background:#121313;color:#fff;border-bottom:1px solid #2b2925}.d369-portal-hero.staff .container>span{display:block;color:#cda86f!important;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.d369-portal-hero.staff h1{margin:0 0 8px!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,52px);font-weight:400}.d369-portal-hero.staff p{margin:0;color:#cbc6bd!important}.d369-logout,.d369-back-link{display:inline-block;color:#d2ac70!important;margin-top:12px;font-size:11px;font-weight:700;text-decoration:none}.d369-staff-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.d369-staff-project-card{border:1px solid #ddd7cc;border-radius:12px;background:#fff;padding:18px;color:#171717}.d369-staff-project-card>span{font-size:9px;letter-spacing:.08em;color:#8f6d3e!important;font-weight:800}.d369-staff-project-card h3{color:#171717!important;font-family:Georgia,"Times New Roman",serif;font-size:24px!important;font-weight:400;margin:8px 0}.d369-staff-project-card p{color:#68635c!important}.d369-staff-project-card .d369-progress{margin:14px 0}.d369-staff-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.d369-staff-card-bottom small{color:#777!important}.d369-staff-project-card.locked{opacity:.62}.d369-staff-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.d369-staff-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:28px;margin-top:34px;align-items:start}.d369-staff-layout h2{color:#171717!important;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:29px!important}.d369-timeline-customer.compact .d369-timeline-row{grid-template-columns:48px minmax(0,1fr) 100px;padding:13px 14px}.d369-staff-update-form{position:sticky;top:100px;background:#171818;color:#fff;padding:22px;border:1px solid #4b4235;border-radius:13px}.d369-staff-update-form h3{color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:27px!important;font-weight:400;margin:0 0 18px!important}.d369-staff-update-form label{display:block;color:#e8e3dc!important;font-size:9px;font-weight:800;letter-spacing:.07em;margin:13px 0}.d369-staff-update-form input,.d369-staff-update-form select,.d369-staff-update-form textarea{box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #514a40;border-radius:7px;background:#fff;color:#111;font:inherit}.d369-staff-update-form small{display:block;color:#aaa49b!important;margin-top:5px}.d369-staff-update-form .btn{width:100%;margin-top:8px;border-radius:7px}.d369-internal-note{margin-top:12px;padding:10px;background:#fff4d7;border-left:3px solid #c99031;color:#4d3c20!important;font-size:12px}

@media(max-width:1000px){
  .d369-lookup-grid,.d369-staff-auth-grid{grid-template-columns:1fr;gap:38px}.d369-lookup-card,.d369-staff-login-card{max-width:650px}.d369-project-meta{grid-template-columns:1fr 1fr}.d369-document-grid,.d369-report-feed{grid-template-columns:1fr}.d369-staff-project-grid{grid-template-columns:1fr 1fr}.d369-staff-layout{grid-template-columns:1fr}.d369-staff-update-form{position:static}.d369-staff-summary{grid-template-columns:1fr}.d369-preview-dialog{inset:2vh 2vw}
}
@media(max-width:680px){
  .d369-portal-rolebar{align-items:flex-start}.d369-staff-entry{padding:9px 10px;font-size:9px}.d369-lookup-copy h1,.d369-staff-auth-copy h1{font-size:42px}.d369-project-result{padding-top:24px}.d369-project-overview{align-items:flex-start;flex-direction:column;padding:22px}.d369-project-statusbox{text-align:left;min-width:0}.d369-project-meta{grid-template-columns:1fr 1fr}.d369-progress-panel{grid-template-columns:1fr}.d369-portal-section-head{align-items:flex-start;flex-direction:column;gap:9px;margin-top:38px}.d369-portal-section-head>p{text-align:left}.d369-timeline-row,.d369-timeline-customer.compact .d369-timeline-row{grid-template-columns:42px minmax(0,1fr);padding:14px}.d369-stage-progress{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}.d369-stage-progress b,.d369-stage-progress span{display:inline;margin:0}.d369-stage-titleline{align-items:flex-start;flex-direction:column;gap:6px}.d369-doc-file{align-items:flex-start;flex-direction:column}.d369-doc-actions{width:100%}.d369-doc-actions .btn{flex:1;text-align:center}.d369-report-images{grid-template-columns:repeat(3,1fr)}.d369-staff-project-grid{grid-template-columns:1fr}.d369-staff-auth{padding:40px 0}.d369-staff-login-card{padding:22px}
}
@media(max-width:440px){.d369-project-meta{grid-template-columns:1fr}.d369-lookup-card{padding:20px}.d369-project-identity h2{font-size:30px}.d369-role-current{font-size:9px}.d369-staff-entry{font-size:0}.d369-staff-entry::after{content:"NHÂN VIÊN";font-size:9px}}

/* ===== v3.3.2 FONT REPAIR + STAFF ACCOUNT UI ===== */
.d369-customer-lookup,
.d369-customer-lookup *,
.d369-project-result,
.d369-project-result *,
.d369-staff-auth,
.d369-staff-auth *,
.d369-staff-detail,
.d369-staff-detail *,
.d369-portal-hero.staff,
.d369-portal-hero.staff *{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-kerning:normal!important;
  font-variant-ligatures:none!important;
  font-feature-settings:normal!important;
  font-synthesis:none!important;
  text-rendering:optimizeLegibility;
}
.d369-lookup-copy h1,.d369-staff-auth-copy h1,.d369-project-identity h2,.d369-portal-section-head h3,.d369-staff-login-card h2,.d369-portal-hero.staff h1,.d369-staff-project-card h3,.d369-staff-layout h2,.d369-staff-update-form h3{letter-spacing:-.018em!important;font-style:normal!important;font-weight:700!important}
.d369-lookup-copy h1 em,.d369-staff-auth-copy h1 em{font-style:normal!important;font-weight:700!important;color:#d6ad72!important}
.d369-staff-hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:12px}.d369-staff-hero-actions .d369-logout{margin-top:0}
.d369-password-screen{display:grid;align-items:center}.d369-password-card{width:min(560px,100%);margin:0 auto;background:#fff;color:#171717;border-radius:16px;padding:30px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.d369-password-card h1{margin:4px 0 10px;color:#171717!important;font-size:34px!important;line-height:1.15}.d369-password-card>p{color:#6b655c!important;line-height:1.65}.d369-account-chip{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0;padding:13px 14px;border:1px solid #dfd8ce;border-radius:10px;background:#faf8f4}.d369-account-chip b{color:#8d6635!important}.d369-account-chip span{color:#686159!important;font-size:12px;text-align:right}.d369-password-form{margin-top:18px}.d369-password-form label{display:block;margin:14px 0;color:#4d4942!important;font-size:10px;font-weight:800;letter-spacing:.06em}.d369-password-form input{box-sizing:border-box;display:block;width:100%;height:48px;margin-top:6px;padding:0 13px;border:1px solid #cbc4b8;border-radius:8px;background:#fff;color:#111!important;font-size:14px}.d369-password-form small{display:block;margin-top:5px;color:#817a70!important;font-size:10px;letter-spacing:0}.d369-password-form .btn{width:100%;margin-top:8px}
.d369-timeline-row.is-mine{border-color:#c89a56;box-shadow:0 0 0 2px rgba(200,154,86,.10)}.d369-my-task{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#fff1dc;color:#8a5d1f!important;font-size:8px!important;font-weight:900!important;letter-spacing:.06em!important;white-space:nowrap}.d369-form-intro{margin:-8px 0 12px;color:#bcb5ab!important;font-size:11px!important;line-height:1.5}.d369-permission-summary{margin:14px 0;padding:10px 11px;border:1px solid #4c453c;border-radius:7px;background:#201f1d;color:#bfb7ad!important;font-size:10px;line-height:1.55}.d369-permission-summary b{color:#e6c28b!important}
@media(max-width:680px){.d369-account-chip{align-items:flex-start;flex-direction:column}.d369-account-chip span{text-align:left}.d369-password-card{padding:22px}.d369-my-task{margin-top:5px}}


/* ===== v3.3.3 PERSONAL TASK BOARD ===== */
.d369-my-task-board{margin-bottom:38px;padding:22px;border:1px solid #ddd7cc;border-radius:14px;background:#fff;color:#171717}.d369-my-task-board-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.d369-my-task-board-head span,.d369-staff-project-title span{display:block;color:#956c37!important;font-size:9px!important;font-weight:900!important;letter-spacing:.11em!important}.d369-my-task-board-head h2,.d369-staff-project-title h2{margin:4px 0 0!important;color:#171717!important;font-size:28px!important;line-height:1.2!important}.d369-my-task-board-head>strong{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff2dd;color:#865711!important;font-size:11px}.d369-my-task-table-wrap{overflow:auto}.d369-my-task-table{width:100%;min-width:760px;border-collapse:collapse}.d369-my-task-table th,.d369-my-task-table td{padding:12px 10px;border-bottom:1px solid #ece7df;text-align:left;vertical-align:middle;color:#252321!important}.d369-my-task-table th{background:#f7f4ef;color:#746c62!important;font-size:9px;font-weight:900;letter-spacing:.07em}.d369-my-task-table td{font-size:12px}.d369-my-task-table td small{display:block;margin-top:4px;color:#7c756c!important}.d369-my-task-table .btn{padding:9px 11px;font-size:9px;white-space:nowrap}.d369-my-task-table tr.is-locked{opacity:.58}.d369-staff-project-title{margin:0 0 14px}.d369-staff-project-title h2{font-size:24px!important}.d369-portal-empty{padding:18px;border:1px dashed #cfc7bb;border-radius:10px;background:#faf8f4;color:#665f56!important}.d369-staff-project-card,.d369-my-task-board,.d369-staff-detail{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important}
@media(max-width:680px){.d369-my-task-board{padding:16px}.d369-my-task-board-head{align-items:flex-start;flex-direction:column}.d369-my-task-board-head h2{font-size:24px!important}}


/* v3.3.4 - functional staff reporting controls */
.d369-stage-action{margin-top:8px;padding:7px 10px;border:1px solid #b78b4c;border-radius:6px;background:#fff;color:#7b5526;font:800 9px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.d369-stage-action:hover{background:#fff4df}
.d369-staff-form-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.d369-staff-form-actions .btn{width:100%;margin:0!important;min-height:44px}
.d369-complete-task{background:#1f7a4d!important;border:1px solid #1f7a4d!important;color:#fff!important}
.d369-reset-report{background:transparent!important;border:1px solid #756b5f!important;color:#ddd4c8!important}
.d369-staff-form-status{display:none;margin:12px 0 4px;padding:10px 12px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.45}
.d369-staff-form-status:not(:empty){display:block}
.d369-staff-form-status.loading,.d369-staff-form-status.info{background:#282827;color:#eadfcd}
.d369-staff-form-status.success{background:#173d2d;color:#c7f3db}
.d369-staff-form-status.error{background:#4a1e1e;color:#ffd3d3}
.d369-staff-update-form button:disabled{opacity:.45;cursor:not-allowed}


/* ===== v3.4.0 mobile login + manager console + report albums ===== */
.d369-mobile-login-form{display:grid;gap:14px}.d369-mobile-login-form label{margin:0!important}.d369-password-input-wrap{position:relative}.d369-password-input-wrap input{padding-right:62px!important}.d369-toggle-password{position:absolute;right:7px;top:12px;border:0;background:#f1ede6;border-radius:6px;padding:7px 9px;color:#5d5448;font-size:10px;font-weight:800}.d369-remember-row{display:flex!important;align-items:center;gap:8px!important;font-size:11px!important}.d369-remember-row input{width:18px;height:18px}.d369-login-submit{width:100%;height:50px;border:0;border-radius:8px;background:#b9894a;color:#111;font-size:11px;font-weight:900;cursor:pointer}.d369-login-error{margin-bottom:12px!important}.d369-manager-link{border-color:#c89a56!important;color:#f0c985!important}
.d369-report-albums{display:grid;gap:20px}.d369-album-day{border:1px solid #ddd7ce;border-radius:12px;background:#fff;overflow:hidden}.d369-album-day-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#f8f5ef;border-bottom:1px solid #e7e0d6}.d369-album-day-head span{display:block;color:#946d39!important;font-size:9px!important;font-weight:900;letter-spacing:.1em}.d369-album-day-head h3{margin:3px 0 0!important;font-size:20px!important}.d369-album-day-head>b{padding:6px 9px;border-radius:999px;background:#171717;color:#fff!important;font-size:10px}.d369-album-report{padding:16px 18px;border-bottom:1px solid #eee9e1}.d369-album-report:last-child{border-bottom:0}.d369-album-report-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.d369-album-report-meta span{color:#777!important;font-size:10px}.d369-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.d369-album-image{aspect-ratio:4/3;padding:0;border:0;border-radius:8px;overflow:hidden;background:#eee;cursor:pointer}.d369-album-image img{width:100%;height:100%;object-fit:cover;display:block}.d369-album-heading{margin-top:30px!important}
.d369-manager-console{background:#f3f1ec}.d369-manager-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:start}.d369-manager-card{padding:22px;border:1px solid #ddd7ce;border-radius:14px;background:#fff;color:#171717}.d369-manager-card h2{margin:0 0 6px}.d369-manager-card>p{color:#716b62}.d369-manager-card label{display:block;margin:13px 0;color:#5f584f;font-size:10px;font-weight:900;letter-spacing:.05em}.d369-manager-card input,.d369-manager-card select{box-sizing:border-box;width:100%;min-height:44px;margin-top:6px;padding:8px 10px;border:1px solid #cbc4b8;border-radius:8px;background:#fff;color:#111}.d369-manager-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.d369-manager-confirm{display:flex!important;align-items:flex-start;gap:9px;font-size:11px!important;font-weight:700!important;letter-spacing:0!important}.d369-manager-confirm input{width:18px!important;min-height:18px!important;margin:0!important}.d369-manager-task-rows{max-height:360px;overflow:auto;border:1px solid #e4ded5;border-radius:8px;margin:12px 0}.d369-manager-task-row{display:flex!important;gap:10px!important;align-items:flex-start;padding:11px 12px;margin:0!important;border-bottom:1px solid #eee9e1;font-size:12px!important;letter-spacing:0!important}.d369-manager-task-row:last-child{border:0}.d369-manager-task-row input{width:18px!important;min-height:18px!important;margin:2px 0 0!important}.d369-manager-task-row small{display:block;margin-top:3px;color:#777}.d369-manager-confirm-form{margin-top:18px;padding-top:18px;border-top:1px solid #e6e0d7}.d369-manager-project-list{margin-top:22px;padding:22px;border:1px solid #ddd7ce;border-radius:14px;background:#fff}.d369-manager-project-list article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #eee9e1}.d369-manager-project-list article:last-child{border:0}.d369-manager-project-list small{display:block;margin-top:4px;color:#777}.d369-contract-pending{margin:22px 0;padding:18px;border-left:4px solid #c89a56;background:#fff8e9;color:#3e372e}.d369-contract-pending p{margin:7px 0 0!important}
@media(max-width:900px){.d369-manager-grid{grid-template-columns:1fr}.d369-album-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){
  .d369-staff-auth{padding:24px 0 40px!important;min-height:auto}.d369-staff-auth-grid{gap:22px!important}.d369-staff-auth-copy h1{font-size:34px!important}.d369-staff-auth-copy>p{font-size:14px!important}.d369-staff-auth-points{display:none}.d369-back-customer{margin-bottom:18px}.d369-staff-login-card{width:100%;max-width:none!important;padding:18px!important;border-radius:12px}.d369-mobile-login-form input[type=text],.d369-mobile-login-form input[type=password]{font-size:16px!important;min-height:50px!important}.d369-login-submit{min-height:52px}.d369-password-input-wrap .d369-toggle-password{top:13px}.d369-album-grid{grid-template-columns:repeat(2,1fr)}.d369-album-day-head,.d369-album-report-meta{align-items:flex-start;flex-direction:column}.d369-manager-card,.d369-manager-project-list{padding:16px}.d369-manager-dates{grid-template-columns:1fr}.d369-manager-project-list article{align-items:flex-start;flex-direction:column}.d369-manager-project-list .btn{width:100%;text-align:center}
}
\n/* ===== v3.4.2 album = 1 employee / 1 day, merged across uploads ===== */
.d369-album-staff-list{display:grid;gap:14px;padding:14px}
.d369-staff-album{border:1px solid #e5ded4;border-radius:10px;background:#fff;padding:15px}
.d369-staff-album-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.d369-staff-album-head span{display:block;color:#956c36!important;font-size:8px!important;font-weight:900;letter-spacing:.12em}
.d369-staff-album-head h4{margin:3px 0 1px!important;font-size:16px!important;color:#171717!important}
.d369-staff-album-head small{color:#777!important;font-size:9px!important}
.d369-staff-album-head>b{font-size:10px;color:#fff!important;background:#171717;padding:6px 9px;border-radius:999px;white-space:nowrap}
.d369-staff-album-updates{margin-top:12px;border-top:1px solid #eee8df;padding-top:10px}
.d369-staff-album-updates summary{cursor:pointer;font-weight:800;font-size:11px;color:#725128;user-select:none}
.d369-album-update-row{padding:11px 0;border-bottom:1px dashed #e7e0d6}.d369-album-update-row:last-child{border-bottom:0}
.d369-album-update-row p{margin:5px 0 0!important;font-size:12px!important;line-height:1.6;color:#504b45!important}
@media(max-width:600px){.d369-album-staff-list{padding:10px}.d369-staff-album{padding:12px}.d369-staff-album-head{flex-direction:column;gap:8px}.d369-staff-album-head>b{white-space:normal}.d369-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.4.9 - Mobile manager console: chống tràn ngang, tăng tương phản, form vừa màn hình */
@media (max-width: 800px){
  .d369-manager-console,
  .d369-manager-console .container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
  .d369-manager-console .container{padding-left:14px!important;padding-right:14px!important}
  .d369-manager-activation{display:block!important;width:100%;max-width:100%;box-sizing:border-box;padding:18px!important;margin:0 0 18px!important;border-radius:14px!important;background:#fffaf1!important;color:#171717!important;overflow:hidden}
  .d369-manager-activation-copy{width:100%;min-width:0}
  .d369-manager-activation h2{color:#171717!important;font-size:25px!important;line-height:1.18!important;overflow-wrap:anywhere}
  .d369-manager-activation p{color:#6d6256!important;font-size:15px!important;line-height:1.6!important}
  .d369-manager-activation .d369-manager-step-badge{margin:0 0 14px!important}
  .d369-manager-activation .d369-manager-confirm-form{display:block!important;width:100%;max-width:100%;margin-top:16px;padding-top:16px;box-sizing:border-box}
  .d369-manager-activation .d369-manager-confirm-form label{display:block!important;width:100%;max-width:100%;box-sizing:border-box}
  .d369-manager-activation select,
  .d369-manager-activation input,
  .d369-manager-activation button{display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
  .d369-manager-activation select{height:46px;font-size:16px}
  .d369-manager-activation button{margin-top:12px;white-space:normal;line-height:1.3;padding:13px 14px}
  .d369-manager-grid{display:block!important;width:100%;max-width:100%}
  .d369-manager-card{width:100%;max-width:100%;box-sizing:border-box;padding:18px!important;margin:0 0 18px!important;overflow:hidden}
  .d369-manager-card h2{font-size:28px!important;line-height:1.2!important;color:#171717!important}
  .d369-manager-card>p{font-size:15px!important;line-height:1.55!important}
  .d369-manager-card input,.d369-manager-card select,.d369-manager-card textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;font-size:16px}
  .d369-manager-dates{grid-template-columns:1fr!important}
  .d369-manager-task-rows{width:100%;max-width:100%;max-height:430px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
  .d369-manager-task-row{width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start!important;padding:13px 12px!important}
  .d369-manager-task-row input[type=checkbox]{flex:0 0 22px;width:22px!important;height:22px!important;min-height:22px!important}
  .d369-manager-task-row span{min-width:0;overflow-wrap:anywhere}
  .d369-manager-assignment-form>.btn{width:100%;max-width:100%;white-space:normal}
  .d369-manager-project-list{width:100%;max-width:100%;box-sizing:border-box;padding:16px!important;overflow:hidden}
  .d369-manager-project-list article{align-items:flex-start;flex-direction:column}
}

/* ===== v3.5.0 - project-code workflow + high-contrast mobile task/project cards ===== */
.d369-project-code-badge{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:999px;background:#21170d;color:#efb660!important;font:800 10px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:.025em;overflow-wrap:anywhere}
.d369-code-activation-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.d369-code-activation-form label{margin:0!important;color:#51483d!important;font-weight:900!important}
.d369-code-activation-form input{width:100%!important;min-height:48px!important;margin-top:7px!important;border:1px solid #bcae9b!important;background:#fff!important;color:#111!important;font-size:16px!important;font-weight:700!important}
.d369-code-activation-form .btn{min-height:48px;white-space:nowrap}
.d369-manager-project-list,.d369-manager-project-list *{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important}
.d369-manager-project-list{background:#fff!important;color:#171717!important}
.d369-manager-project-list .d369-my-task-board-head h2,.d369-manager-project-list article b{color:#171717!important}
.d369-manager-project-list article small{color:#61594f!important;font-size:11px!important;line-height:1.5!important}
.d369-manager-project-list article{background:#fff!important}
.d369-manager-project-list .btn-outline{border-color:#a66f2f!important;color:#6d4317!important;background:#fff!important}
.d369-manager-project-list .btn-outline:hover{background:#21170d!important;color:#fff!important}

.d369-my-task-board{background:#fff!important;color:#171717!important;border:1px solid #e0d8cd!important;box-shadow:0 14px 35px rgba(0,0,0,.08)}
.d369-my-task-board .d369-my-task-board-head h2{color:#171717!important}
.d369-my-task-board .d369-my-task-board-head>div>span{color:#936629!important}
.d369-my-project-groups{display:grid;gap:14px;margin-top:16px}
.d369-my-project-group{border:1px solid #ddd5c9;border-radius:12px;background:#fff;overflow:hidden}
.d369-my-project-group>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;background:#f8f5ef;border-bottom:1px solid #e4ddd3}
.d369-my-project-group>header>div{min-width:0}.d369-my-project-group>header span{display:block;color:#986a2e!important;font-size:9px!important;font-weight:900;letter-spacing:.1em}.d369-my-project-group>header h3{margin:4px 0 8px!important;color:#171717!important;font-size:17px!important;line-height:1.35!important;overflow-wrap:anywhere}.d369-my-project-group>header .btn{flex:0 0 auto;margin:0!important;padding:11px 14px!important;min-width:112px;text-align:center}
.d369-my-project-task-list{display:grid}.d369-my-project-task{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid #eee8df}.d369-my-project-task:last-child{border-bottom:0}.d369-my-project-task>div:first-child{min-width:0}.d369-my-project-task b{color:#1f1d1a!important;font-size:13px!important}.d369-my-project-task small{display:block;margin-top:4px;color:#6d665e!important;font-size:10px!important;line-height:1.45!important}.d369-task-state{text-align:right;flex:0 0 auto}.d369-task-state strong{display:block;color:#8e5c20!important;font-size:15px!important}.d369-task-state span{display:block;margin-top:3px;color:#5f584f!important;font-size:9px!important}.d369-my-project-group.is-locked{opacity:.72}

@media(max-width:800px){
  .d369-code-activation-form{grid-template-columns:1fr!important}
  .d369-code-activation-form .btn{width:100%!important;white-space:normal!important}
  .d369-manager-project-list{padding:16px!important}
  .d369-manager-project-list article{padding:16px 0!important}
  .d369-manager-project-list article>div{width:100%;min-width:0}
  .d369-manager-project-list article b{display:block;font-size:15px!important;line-height:1.45!important;color:#171717!important;overflow-wrap:anywhere}
  .d369-manager-project-list article small{margin-top:8px!important;color:#514b44!important}
  .d369-manager-project-list .d369-project-code-badge{margin-bottom:4px}
  .d369-my-task-board{padding:16px!important;border-radius:16px!important}
  .d369-my-task-board-head h2{font-size:28px!important;line-height:1.2!important}
  .d369-my-project-group>header{display:block;padding:15px!important}
  .d369-my-project-group>header h3{font-size:16px!important;color:#171717!important}
  .d369-my-project-group>header .btn{display:block;width:100%;margin-top:13px!important}
  .d369-my-project-task{padding:13px 14px!important;align-items:flex-start}
  .d369-my-project-task b{font-size:13px!important;color:#171717!important}
  .d369-my-project-task small{font-size:10px!important;color:#655e56!important}
  .d369-task-state strong{font-size:14px!important}
  .d369-task-state span{max-width:92px;line-height:1.35}
}


/* v3.5.2 finance + manager actions */
.d369-cost-input,.d369-supplier-input{min-width:130px}.d369-cost-warning{display:block;margin-top:5px;font-weight:700;color:#b42318}.d369-cost-reference{display:block;margin-top:5px;color:#6b6258}.d369-finance-report{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding:18px;border:1px solid #d7c4a2;background:#fffaf1}.d369-finance-report>div{padding:14px;background:#fff;border:1px solid #eadfcf}.d369-finance-report span{display:block;font-size:12px;font-weight:800;color:#7a6c5b}.d369-finance-report strong{display:block;margin-top:8px;font-size:22px}.d369-manager-project-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.d369-manager-project-actions form{display:flex;gap:8px;flex-wrap:wrap}.d369-danger-btn{background:#fff!important;border:1px solid #b42318!important;color:#b42318!important}.d369-danger-btn:hover{background:#b42318!important;color:#fff!important}
@media(max-width:760px){.d369-finance-report{grid-template-columns:1fr}.d369-manager-project-actions,.d369-manager-project-actions form{width:100%}.d369-manager-project-actions .btn,.d369-manager-project-actions button{flex:1 1 46%;text-align:center}.d369-product-table-wrap{overflow-x:auto}.d369-product-table{min-width:1120px}}


/* ===== v3.5.4 - workflow, per-staff assignment boards, accounting comparison ===== */
.d369-manager-wizard{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.d369-manager-wizard span{padding:8px 12px;border-radius:999px;background:#ece8e1;color:#777;font-weight:800;font-size:11px}.d369-manager-wizard .is-done{background:#e7f5eb;color:#25623a}.d369-manager-wizard .is-active{background:#21170d;color:#efb660}.d369-manager-single-step{max-width:920px;margin:0 auto 24px}.d369-assignment-workspace{width:100%!important}.d369-assignment-project-select{display:block;max-width:760px;margin:18px 0!important}.d369-assignment-project-select select{width:100%;min-height:48px}.d369-staff-assignment-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.d369-staff-assignment-board{border:1px solid #ded6ca;border-radius:12px;background:#fff;overflow:hidden}.d369-staff-assignment-board header{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:#f7f3ed;border-bottom:1px solid #e5ded4}.d369-staff-assignment-board header span{font-size:10px;color:#96682e;font-weight:900}.d369-staff-assignment-board header h3{margin:3px 0;color:#171717}.d369-staff-assignment-board header small{color:#696158}.d369-staff-assignment-board header>b{font-size:9px;color:#fff;background:#21170d;border-radius:999px;padding:6px 8px;height:max-content}.d369-staff-assignment-tasks{display:grid}.d369-assignment-task-option{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid #eee8df;cursor:pointer}.d369-assignment-task-option:last-child{border-bottom:0}.d369-assignment-task-option input{width:20px!important;height:20px!important;flex:0 0 20px}.d369-assignment-task-option b{display:block;color:#171717;font-size:13px}.d369-assignment-task-option small{display:block;color:#746c62;font-size:10px;margin-top:3px}.d369-preview-assignment-btn{margin-top:16px}.d369-assignment-preview{margin:22px 0;padding:20px;border:2px solid #d9aa67;border-radius:14px;background:#fffaf1}.d369-assignment-preview-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.d369-assignment-preview-flow article{padding:14px;background:#fff;border:1px solid #e1d7c8;border-radius:10px}.d369-assignment-preview-flow h3{margin:0 0 3px;color:#171717}.d369-assignment-preview-flow small{color:#776d61}.d369-assignment-preview-flow ol{margin:12px 0 0;padding-left:20px}.d369-assignment-preview-flow li{margin:6px 0;font-weight:700}.d369-project-products{border-radius:14px;overflow:hidden;border:1px solid #ddd4c8;background:#fff}.d369-product-head{padding:18px 20px;background:#181818!important}.d369-product-head h2,.d369-product-head span,.d369-product-head strong{color:#fff!important}.d369-accounting-note{margin:14px 16px!important;border-radius:10px}.d369-product-table th{position:sticky;top:0;background:#f2eee7!important;color:#29251f!important}.d369-cost-cell,.d369-supplier-cell{min-width:170px}.d369-old-cost{display:block;margin-top:5px;color:#999!important;font-size:10px;font-weight:600}.d369-supplier-history{display:grid;gap:2px;margin-top:5px}.d369-supplier-history small{color:#999!important;font-size:9px;white-space:nowrap}
@media(max-width:800px){.d369-staff-assignment-boards{grid-template-columns:1fr}.d369-assignment-preview-flow{grid-template-columns:1fr}.d369-manager-wizard{overflow-x:auto;flex-wrap:nowrap}.d369-manager-wizard span{white-space:nowrap}.d369-assignment-workspace{padding:14px!important}.d369-product-table{min-width:1280px!important}}

/* ===== v3.5.8 - readability + reporting/discussion UX ===== */
.d369-project-portal .btn,.d369-project-portal button{font-family:Arial,"Segoe UI",sans-serif!important;font-weight:800!important;text-shadow:none!important}
.d369-project-portal .btn.btn-gold{background:#e9b15c!important;color:#15110b!important;border-color:#c28b3e!important}
.d369-project-portal .btn.btn-outline{background:#fff!important;color:#171717!important;border:1px solid #a6793d!important}
.d369-project-portal input,.d369-project-portal select,.d369-project-portal textarea{background:#fff!important;color:#111!important;border-color:#8d7a62!important}
.d369-project-portal input[type=date]{color-scheme:light!important}
.d369-stage-action{min-height:34px!important;padding:8px 12px!important;background:#17120d!important;color:#fff!important;border-color:#17120d!important}
.d369-timeline-row.is-stage-done{opacity:.48!important;filter:grayscale(.2)}
.d369-timeline-row.is-stage-current{opacity:1!important;filter:none!important;background:#fff7e8!important;border:2px solid #ca8b31!important;box-shadow:0 0 0 3px rgba(202,139,49,.12)!important}
.d369-report-stage-preview{background:#fff!important;color:#151515!important;border:2px solid #c78c39!important}.d369-report-stage-preview h3,.d369-report-stage-preview p{color:#171717!important}
.d369-tag-picker{display:grid;grid-template-columns:44px 1fr;gap:8px;margin-top:5px}.d369-at-button{background:#17120d!important;color:#fff!important;border:1px solid #17120d!important;border-radius:7px;font-size:22px}.d369-tag-search{margin-top:0!important}.d369-tag-select{margin-top:7px!important;min-height:86px!important}
.d369-comment-actions{display:flex;gap:8px;margin-top:10px}.d369-comment-actions button{background:#fff!important;color:#171717!important;border:1px solid #a57a43!important;border-radius:6px;padding:6px 10px}.d369-comment-delete-form{display:inline}.d369-comment-delete-form button{color:#a02018!important;border-color:#c14a40!important}.d369-comment-edit-form{margin-top:10px;padding:10px;background:#f8f4ed;border:1px solid #dec9a7;border-radius:8px}.d369-comment-edit-form textarea{width:100%;margin-bottom:8px}.d369-comment-edit-form>div{display:flex;gap:8px}.d369-comment-edit-form[hidden]{display:none!important}
.d369-manager-comment-task .d369-comment-task-fields{grid-template-columns:1fr 1fr 220px!important}.d369-comment-task-fields select,.d369-comment-task-fields input{min-height:42px!important}
.d369-preview-modal.open{z-index:999999!important}.d369-preview-dialog{max-width:min(1200px,96vw)!important;max-height:94vh!important}.d369-preview-full-image{max-width:100%!important;max-height:88vh!important;object-fit:contain!important;margin:auto!important;display:block!important}
@media(max-width:760px){.d369-manager-comment-task .d369-comment-task-fields{grid-template-columns:1fr!important}.d369-discussion-form{padding:14px!important}.d369-timeline-row{grid-template-columns:42px 1fr!important}.d369-stage-progress{grid-column:2!important;text-align:left!important}}
@media print{
 body.d369-product-list-printing .d369-project-products{font-family:Arial,"Segoe UI",sans-serif!important;color:#111!important}
 body.d369-product-list-printing .d369-product-head{background:#171717!important;color:#fff!important;padding:14px 16px!important}
 body.d369-product-list-printing .d369-product-head h2{font-size:20px!important;margin:2px 0!important;color:#fff!important}
 body.d369-product-list-printing .d369-product-table{table-layout:fixed!important;width:100%!important;border-collapse:collapse!important}
 body.d369-product-list-printing .d369-product-table th{background:#222!important;color:#fff!important;font-weight:800!important;border:1px solid #777!important}
 body.d369-product-list-printing .d369-product-table td{border:1px solid #aaa!important;vertical-align:top!important;font-size:10px!important;line-height:1.35!important}
 body.d369-product-list-printing .d369-cost-cell,body.d369-product-list-printing .d369-supplier-cell,body.d369-product-list-printing .d369-sale-price,body.d369-product-list-printing .d369-profit-cell{display:none!important}
}
@media print{
 body.d369-product-list-printing .d369-product-table th:nth-child(n+6),
 body.d369-product-list-printing .d369-product-table td:nth-child(n+6){display:none!important}
 body.d369-product-list-printing .d369-product-table th:nth-child(1){width:5%!important}
 body.d369-product-list-printing .d369-product-table th:nth-child(2){width:24%!important}
 body.d369-product-list-printing .d369-product-table th:nth-child(3){width:43%!important}
 body.d369-product-list-printing .d369-product-table th:nth-child(4){width:16%!important}
 body.d369-product-list-printing .d369-product-table th:nth-child(5){width:12%!important}
}

/* ===== v3.5.11 mobile portal audit ===== */
@media(max-width:820px){
  .d369-project-portal{overflow-x:hidden!important}
  .d369-project-portal .container{width:calc(100% - 20px)!important;max-width:100%!important}
  .d369-manager-grid,.d369-staff-layout{width:100%!important;max-width:100%!important;min-width:0!important}
  .d369-manager-card,.d369-my-task-board,.d369-project-products,.d369-project-discussion{max-width:100%!important;min-width:0!important}
  .d369-manager-card input,.d369-manager-card select,.d369-manager-card textarea,.d369-discussion-form input,.d369-discussion-form select,.d369-discussion-form textarea{font-size:16px!important;max-width:100%!important}
  .d369-manager-card button,.d369-discussion-form button,.d369-staff-layout button{min-height:44px!important;white-space:normal!important}
  .d369-product-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .d369-staff-assignment-board header{flex-direction:column!important;align-items:flex-start!important}
  .d369-staff-assignment-board header>b{align-self:flex-start!important}
  .d369-assignment-task-option{padding:11px 12px!important}
  .d369-assignment-task-option input{width:22px!important;height:22px!important;flex-basis:22px!important}
  .d369-assignment-preview{padding:14px!important}
  .d369-manager-wizard{padding-bottom:5px!important}
  .d369-preview-dialog{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important}
}

/* ===== v3.5.20: finance print mirrors accounting/manager web table ===== */
@media print{
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table td{
    display:table-cell!important;
  }
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-sale-price,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-cost-cell,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-supplier-cell,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-profit-cell{
    display:table-cell!important;
  }
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(1){width:3.5%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(2){width:11%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(3){width:20%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(4){width:10%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(5){width:7%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(6){width:8.5%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(7){width:8.5%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(8){width:10.5%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(9){width:10%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-product-table th:nth-child(10){width:10%!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-cost-input,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-supplier-input,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone datalist,
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-supplier-history{
    display:none!important;
  }
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-print-value{display:block!important;color:#111!important;font-weight:700!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-old-cost{display:block!important;color:#666!important;font-size:7.5px!important;margin-top:2px!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-cost-warning{display:block!important;font-size:7.5px!important;color:#8a311f!important}
  body.d369-product-list-printing.d369-product-print-finance .d369-product-print-clone .d369-finance-total td{display:table-cell!important;background:#f6f0e7!important;color:#111!important;font-weight:800!important}
}

/* v3.5.20 contrast guard for portal controls */
.d369-project-portal .btn,.d369-project-portal button{font-weight:800!important;text-shadow:none!important}
.d369-project-portal .btn-gold,.d369-project-portal button.btn-gold{background:#efb158!important;color:#111!important;border-color:#b47725!important}
.d369-project-portal .btn-outline,.d369-project-portal button.btn-outline{background:#fff!important;color:#17120d!important;border-color:#a66f25!important}
.d369-project-portal input,.d369-project-portal select,.d369-project-portal textarea{background:#fff!important;color:#111!important;border-color:#8d7a62!important;opacity:1!important}
.d369-project-portal input::placeholder,.d369-project-portal textarea::placeholder{color:#6d655d!important;opacity:1!important}
.d369-project-portal small,.d369-project-portal .muted{color:#625c55!important}


/* ===== v3.5.61 — Staff auth: login/logout + forgot password by email ===== */
.header-staff-login.is-logout{border-color:#8b5a4a;color:#f0c7b8!important}
.d369-auth-links{display:flex;justify-content:flex-end;align-items:center;margin-top:12px}
.d369-auth-links a{color:#9a6b2f!important;font-size:10px;font-weight:900;letter-spacing:.06em;text-decoration:none}
.d369-auth-links a:hover{color:#111!important;text-decoration:underline}
.d369-reset-success{background:#f4fbf5!important;border-color:#b8d8bd!important;color:#285c31!important;margin-bottom:14px!important}
.d369-forgot-password-box .d369-login-submit{margin-top:2px}
@media(max-width:700px){.d369-auth-links{justify-content:flex-start}.d369-auth-links a{font-size:11px}}