:root{
  --bg:#02162c;--bg2:#062340;--card:rgba(8,38,68,.78);--card2:rgba(7,31,55,.92);--line:rgba(255,255,255,.14);
  --text:#f6fbff;--muted:#b8c5d6;--dim:#7f91a9;--cyan:#00d8e6;--cyan2:#0aa6ba;--gold:#d89b42;--green:#45c36d;--red:#ff554c;--blue:#43a6ff;
  --shadow:0 24px 60px rgba(0,0,0,.32);--radius:14px;--sidebar:304px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 55% 10%,#08365f 0,#02162c 42%,#010b19 100%);color:var(--text);min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.site-bg{background:linear-gradient(180deg,rgba(2,14,29,.20),rgba(2,14,29,.92) 43%,#011126 100%),url('../images/bg-pinisi.jpg') center top/cover fixed no-repeat}.logo-row{display:flex;align-items:center;gap:14px}.logo-row img{width:70px;height:62px;object-fit:contain}.brand-title{font-family:Georgia,serif;font-size:30px;line-height:1;color:#fff}.brand-sub{font-size:12px;margin-top:5px;color:#fff;line-height:1.25}.topnav{height:88px;background:rgba(0,16,35,.88);border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;padding:0 58px;backdrop-filter:blur(10px);position:relative;z-index:10}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-weight:700;color:#fff;padding:32px 8px 21px;border-bottom:3px solid transparent}.nav-links a.active{color:var(--cyan);border-bottom-color:var(--cyan)}.nav-divider{height:42px;width:1px;background:rgba(255,255,255,.28)}.icon-line{display:inline-flex;align-items:center;gap:9px}.home-main{padding:52px 40px 0}.hero{max-width:720px;margin-left:86px;margin-bottom:24px}.hero h1{font-size:72px;line-height:1;letter-spacing:.5px;text-shadow:0 10px 22px rgba(0,0,0,.38);margin-bottom:22px}.hero p{font-size:21px;line-height:1.55;max-width:680px;margin-bottom:26px;color:#f3f7fc}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:10px;min-height:52px;padding:0 26px;background:rgba(9,33,59,.7);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;cursor:pointer;transition:.22s ease;box-shadow:none}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 35px rgba(0,0,0,.25)}.btn-primary{background:linear-gradient(135deg,#16ccd1,#078ba4);border-color:rgba(0,216,230,.45)}.btn-navy{background:#021431;border-color:#7e8aa1}.btn-muted{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}.btn-small{min-height:38px;font-size:13px;padding:0 16px;border-radius:7px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.feature-card,.project-card,.glass-card{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.feature-card{min-height:112px;display:flex;gap:18px;align-items:center;padding:18px 20px}.feature-ico,.stat-ico,.quick-ico{width:54px;height:54px;min-width:54px;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:30px}.feature-ico{font-size:42px;border-radius:0}.feature-card h3{font-size:15px;margin-bottom:7px}.feature-card p{font-size:13px;line-height:1.45;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;gap:16px}.section-title .left{display:flex;align-items:center;gap:13px}.section-title h2{font-size:22px;margin-bottom:3px}.section-title p{font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.project-card{padding:15px}.project-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.project-id{display:flex;gap:12px;align-items:center}.round-logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0d2c57;border:1px solid rgba(255,255,255,.23)}.round-logo img{width:30px;height:30px}.project-code{font-weight:900;font-size:18px}.link-cyan{color:var(--cyan)}.badge{border-radius:999px;padding:5px 12px;background:linear-gradient(135deg,#ffe2ad,#d9a65b);color:#2b2010;font-size:11px;font-weight:900;white-space:nowrap}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:800;background:rgba(219,161,38,.24);color:#ffc01b}.pill-blue{background:rgba(47,157,255,.18);color:#75c8ff}.info-list{display:grid;gap:9px;margin:12px 0 18px}.info-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.info-row span:last-child{text-align:right;color:#fff}.material-list{margin-left:22px;line-height:1.45;font-size:13px}.card-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:10px}.card-btn{height:38px;border:1px solid rgba(255,255,255,.2);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;gap:7px}.card-btn.light{background:#edf2f8;color:#071b32}.card-btn.dark{background:rgba(2,13,31,.55);color:#fff}.site-footer{margin-top:36px;border-top:2px solid var(--gold);background:rgba(2,15,32,.95);display:grid;grid-template-columns:1.4fr 1.2fr 1.2fr 1.2fr .9fr;gap:28px;align-items:center;padding:24px 64px}.footer-info{display:flex;gap:16px;align-items:center}.footer-info img{width:70px}.footer-title{font-family:Georgia,serif;font-size:25px}.footer-info p,.footer-item p,.copyright{font-size:14px;line-height:1.55;color:var(--muted)}.footer-item{display:flex;gap:16px;align-items:flex-start}.footer-ico{width:46px;min-width:46px;font-size:34px;color:#d7dce7}.footer-item h4{font-size:15px;margin-bottom:6px}.copyright{border-left:1px solid rgba(255,255,255,.22);padding-left:30px}.login-page{min-height:100vh;display:flex;flex-direction:column}.login-shell{flex:1;display:grid;grid-template-columns:1fr 700px;gap:60px;align-items:center;padding:58px 145px;background:linear-gradient(90deg,rgba(2,13,27,.96) 0,rgba(2,13,27,.75) 44%,rgba(2,13,27,.88) 100%),url('../images/bg-pinisi.jpg') center/cover no-repeat}.login-copy{max-width:660px}.login-copy h1{font-size:64px;line-height:1.05;margin:8px 0 16px}.login-copy h2{font-size:28px;font-weight:600}.login-copy .cyan-text{color:var(--cyan);font-size:20px;margin-bottom:18px}.login-copy p{font-size:17px;line-height:1.55}.benefits{display:grid;gap:28px;margin-top:28px}.benefit{display:flex;gap:20px;align-items:flex-start}.benefit-ico{width:58px;height:58px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#18ccd1,#0a7f99);font-size:26px}.login-card{background:rgba(4,22,45,.86);border:1px solid rgba(255,255,255,.23);box-shadow:var(--shadow);border-radius:14px;padding:46px 54px}.login-card h2{text-align:center;font-size:28px;margin-bottom:10px}.login-card>p{text-align:center;font-size:16px;color:#e9eef7;margin-bottom:28px}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.role-card{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);border-radius:9px;padding:24px 20px;display:flex;gap:16px;align-items:center;cursor:pointer;transition:.2s}.role-card.selected{border-color:var(--cyan);background:rgba(0,216,230,.10)}.role-icon{font-size:34px;color:var(--cyan)}.role-card span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.field{display:grid;gap:8px;margin-bottom:22px}.field label{font-weight:800;font-size:14px}.input-wrap{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(4,18,37,.55);padding:0 16px}.input-wrap input,.input-wrap select,.input-wrap textarea{width:100%;height:52px;background:transparent;border:none;outline:none;color:#fff}.input-wrap textarea{height:74px;padding:14px 0;resize:vertical}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:#8794a9}.login-alert{display:none;margin:0 0 16px;padding:12px 14px;border-radius:8px;background:rgba(255,85,76,.14);border:1px solid rgba(255,85,76,.4);color:#ffd0d0;font-size:13px}.login-note{display:flex;gap:12px;margin-top:26px;color:var(--muted);line-height:1.45}.register-shell{min-height:calc(100vh - 88px);background:#f5f7fb;color:#102036}.register-hero{height:190px;background:linear-gradient(90deg,rgba(2,15,32,.95),rgba(2,15,32,.65)),url('../images/bg-pinisi.jpg') center/cover no-repeat;padding:34px 104px}.register-hero,.register-hero h1,.register-hero p{color:#fff!important;text-shadow:0 6px 18px rgba(0,0,0,.55)}.register-hero .back-circle{color:#fff!important}.back-circle{width:52px;height:52px;border-radius:50%;border:1px solid rgba(0,216,230,.55);display:inline-grid;place-items:center;font-size:30px;background:rgba(0,216,230,.06);margin-right:20px;vertical-align:middle}.register-hero h1{display:inline-block;font-size:52px}.register-hero p{margin:12px 0 0 78px;font-size:17px;line-height:1.5;max-width:720px}.register-content{display:grid;grid-template-columns:1fr 520px;gap:24px;padding:18px 104px 16px}.white-card{background:white;border:1px solid #d9e1ec;border-radius:10px;box-shadow:0 10px 30px rgba(16,32,54,.08);padding:28px}.white-card h2{font-size:19px;margin-bottom:2px}.white-card p{color:#526177;font-size:14px}.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;margin-top:22px}.reg-field label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.reg-field input{height:40px;width:100%;border:1px solid #d3dce8;border-radius:7px;padding:0 16px;color:#102036}.reg-field input::placeholder{color:#9ba8b9}.full-row{grid-column:1/-1}.reg-submit{width:100%;height:48px;background:#011638;color:#fff;border:none;border-radius:6px;font-weight:900}.reg-bottom{text-align:center;margin-top:14px;color:#647287;font-size:13px}.after-list{display:grid;gap:26px;margin-top:36px}.after-item{display:grid;grid-template-columns:52px 1fr;gap:14px}.after-ico{font-size:34px;color:#0b858a}.security-box{margin-top:30px;border:1px solid #6ab8ff;background:#eff7ff;border-radius:8px;padding:18px;display:flex;gap:16px;color:#17416e}.app-body{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;background:radial-gradient(circle at 72% 0,#073a67 0,#021832 42%,#010b19 100%)}.sidebar{border-right:1px solid rgba(255,255,255,.15);background:rgba(2,17,35,.8);min-height:100vh;position:sticky;top:0;padding:18px 10px 0;display:flex;flex-direction:column}.sidebar .logo-row{padding:0 6px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar .brand-title{font-size:25px}.sidebar-label{font-size:13px;letter-spacing:2px;color:#a9b5c9;margin:24px 0 12px}.shipyard-card{background:rgba(0,216,230,.06);border-radius:8px;padding:18px 14px;display:flex;align-items:center;gap:14px;margin-bottom:18px}.shipyard-card .shipyard-ico{color:var(--cyan);font-size:34px}.nav-side{display:grid;gap:6px}.nav-side a{height:56px;border-radius:8px;display:flex;align-items:center;gap:16px;padding:0 18px;font-weight:700;color:#fff}.nav-side a.active{background:linear-gradient(90deg,rgba(0,216,230,.24),rgba(0,216,230,.10));border-left:4px solid var(--cyan)}.nav-side a span:first-child{font-size:22px}.side-art{margin-top:auto;opacity:.52;color:var(--gold);font-size:160px;text-align:center;line-height:.9;padding-bottom:26px}.side-user{border-top:1px solid rgba(255,255,255,.12);padding:22px 8px;display:flex;align-items:center;gap:12px}.avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#fff,#00cad7);display:grid;place-items:center;color:#07304f;font-size:28px}.app-main{min-width:0}.app-top{height:66px;display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:0 44px;background:rgba(2,16,34,.44);border-bottom:1px solid rgba(255,255,255,.06)}.notif{position:relative;font-size:24px}.notif::after{content:none!important;display:none!important}.top-user{display:flex;align-items:center;gap:15px;border-left:1px solid rgba(255,255,255,.22);padding-left:24px}.logout-btn{height:42px;padding:0 18px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(3,20,40,.68);color:#fff;font-weight:800;cursor:pointer;transition:.2s ease}.logout-btn:hover{border-color:var(--cyan);background:rgba(0,216,230,.16);transform:translateY(-1px)}.owner-actions{display:flex;flex-direction:column;align-items:flex-end}.owner-user-row{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.content-pad{padding:28px 48px 14px}.banner{margin:-28px -48px 24px;padding:30px 48px 44px;background:linear-gradient(90deg,rgba(2,20,40,.95),rgba(2,20,40,.58),rgba(2,20,40,.92)),url('../images/bg-pinisi.jpg') center 42%/cover no-repeat;position:relative}.banner-flex{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.banner h1{font-size:34px;margin-bottom:12px}.breadcrumb{margin-top:18px;color:var(--muted)}.breadcrumb span{color:var(--cyan)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:-28px;position:relative;z-index:2}.stat-card{min-height:152px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:22px 24px;display:flex;gap:18px;align-items:flex-start}.stat-ico{background:linear-gradient(135deg,#0a8d9d,#015c85);color:#fff}.stat-ico.gold{background:linear-gradient(135deg,#d49f42,#8a5f22)}.stat-ico.blue{background:linear-gradient(135deg,#3997ff,#0a438a)}.stat-ico.green{background:linear-gradient(135deg,#48c66a,#12672e)}.stat-ico.red{background:linear-gradient(135deg,#ff584d,#a51d1a)}.stat-body h4{font-size:14px;margin:6px 0}.stat-value{font-size:38px;font-weight:900;color:var(--cyan)}.stat-value.gold{color:#ffbc28}.stat-value.blue{color:#43a6ff}.stat-value.green{color:#4cc16e}.stat-value.red{color:#ff554c}.detail-link{margin-top:10px;font-size:14px;color:var(--cyan)}.quick-panel{margin-top:16px;background:rgba(8,38,68,.65);border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:16px}.quick-panel h3{font-size:20px;margin-bottom:12px}.quick-panel p{font-size:13px;color:var(--muted)}.quick-action{border:1px solid rgba(0,216,230,.16);border-radius:9px;padding:16px;display:flex;align-items:center;gap:14px;background:rgba(0,0,0,.06)}.quick-ico{font-size:30px;border-radius:0}.table-card{margin-top:16px;background:rgba(7,31,55,.86);border:1px solid var(--line);border-radius:10px;padding:18px}.table-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.table-head h2{font-size:21px}.table-head p{font-size:13px;color:var(--muted)}.table-tools{display:flex;gap:10px}.search-box{height:42px;min-width:260px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(3,20,40,.62);color:#fff;padding:0 16px}
.table-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.table-tools .search-box{flex:1 1 300px}
.table-tools .btn{flex:0 0 auto}
.table-tools .pinisi-status-filter,.table-tools .pt-inline-filter{flex:0 0 210px}
#my-proyek-page .table-tools{justify-content:flex-end}
#my-proyek-page .table-tools .search-box{min-width:280px}
.data-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:8px}.data-table th{background:rgba(255,255,255,.05);font-size:13px;text-align:left;padding:14px;color:#fff}.data-table td{padding:14px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:#e8edf5}.data-table small{display:block;color:var(--muted);margin-top:5px}.progressbar{width:140px;height:8px;background:rgba(255,255,255,.08);border-radius:8px;overflow:hidden;margin-top:6px}.progressbar i{display:block;height:100%;background:var(--cyan);width:0}.table-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin-top:14px}.pager{display:flex;gap:8px}.pager button{width:40px;height:40px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);color:#fff}.owner-layout{grid-template-columns:340px 1fr}.owner-content{padding:24px 30px 12px}.owner-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.owner-select{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:11px 18px;min-width:295px;background:rgba(7,27,50,.65)}.readonly-box{margin-top:8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(8,38,68,.72);padding:12px 18px;display:flex;gap:14px;align-items:center}.owner-grid{display:grid;grid-template-columns:1.1fr .58fr 1.12fr;gap:12px}.owner-card{background:rgba(8,38,68,.72);border:1px solid var(--line);border-radius:10px;padding:16px}.project-summary{display:grid;grid-template-columns:210px 1fr;gap:18px}.empty-photo{border:1px dashed rgba(255,255,255,.28);border-radius:10px;display:grid;place-items:center;text-align:center;min-height:235px;color:#d7dce6}.empty-photo .circle{width:74px;height:74px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);display:grid;place-items:center;margin:0 auto 14px;font-size:34px}.detail-table{display:grid;gap:12px;margin-top:14px}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px}.detail-row span:first-child{color:var(--muted)}.overall h3,.chart-card h3{font-size:17px}.big-percent{font-size:42px;color:var(--cyan);font-weight:900;margin:16px 0 8px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:22px;text-align:center}.metric{border-right:1px solid rgba(255,255,255,.10);font-size:11px;color:var(--muted)}.metric:last-child{border-right:none}.metric strong{display:block;color:#fff;margin-top:8px;font-size:14px}.chart-card{min-height:298px}.chart-legend{float:right;display:flex;gap:18px;font-size:12px;color:#d5deee}.legend-line{display:inline-block;width:24px;border-top:2px dashed var(--cyan);vertical-align:middle;margin-right:6px}.legend-line.real{border-top-style:solid}.legend-line.base{border-color:#a9b4c4}.chart-wrap{height:208px;clear:both;margin-top:16px}.chart-wrap canvas{width:100%;height:100%}.owner-bottom-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:12px}.doc-empty{border:1px dashed rgba(255,255,255,.22);border-radius:8px;min-height:178px;display:grid;place-items:center;text-align:center;margin-top:12px}.wbs-table th,.wbs-table td{padding:8px 10px}.status-chip{background:rgba(255,255,255,.06);padding:4px 8px;border-radius:5px}.legend-dots{display:flex;gap:26px;align-items:center;font-size:13px;color:var(--muted);justify-content:center;margin-top:8px}.dot{width:13px;height:13px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--green);vertical-align:middle}.dot.blue{background:#59b5ff}.dot.orange{background:#ff9c32}.dot.gray{background:#c1cad7}.history{margin-top:12px;display:grid;grid-template-columns:1fr 330px;gap:16px}.history-main,.info-side{background:rgba(8,38,68,.72);border:1px solid var(--line);border-radius:10px;padding:16px}.history-empty{min-height:95px;border:1px dashed rgba(255,255,255,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:30px;color:var(--muted)}.add-shell{min-height:100vh;background:linear-gradient(180deg,rgba(2,15,32,.98),rgba(2,15,32,.92)),url('../images/bg-pinisi.jpg') top right/80% auto no-repeat;padding:22px 66px 26px}.top-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.add-title{margin-bottom:18px}.add-title h1{font-size:34px;margin:14px 0 8px}.add-title p{max-width:640px;line-height:1.55}.form-panel{background:rgba(6,28,54,.84);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px}.panel-title{color:var(--cyan);font-size:18px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 38px}.dark-field label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.dark-field .input-wrap{height:auto}.method-grid{display:grid;grid-template-columns:1.1fr 1.5fr;gap:28px}.method-left{display:grid;grid-template-columns:1fr 1fr;gap:18px}.method-card{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:22px;min-height:150px}.method-card.active{border-color:var(--cyan);background:rgba(0,216,230,.08)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.upload-box{height:120px;border:1px dashed rgba(255,255,255,.35);border-radius:10px;display:grid;place-items:center;text-align:center;color:var(--muted)}.info-blue{margin-top:16px;border:1px solid rgba(0,216,230,.35);border-radius:7px;background:rgba(0,144,198,.12);color:#b9efff;padding:14px}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding:16px 22px}.hidden{display:none!important}@media(max-width:1400px){.feature-grid{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.quick-panel{grid-template-columns:1fr 1fr}.owner-grid,.owner-bottom-grid,.history{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;padding:40px}.register-content{grid-template-columns:1fr;padding:18px 40px}.site-footer{grid-template-columns:1fr 1fr}.copyright{border-left:none;padding-left:0}}@media(max-width:900px){:root{--sidebar:1fr}.topnav{padding:16px 20px;height:auto}.home-main{padding:32px 18px}.hero{margin-left:0}.hero h1{font-size:48px}.project-grid,.feature-grid,.stats-grid,.quick-panel,.reg-grid,.form-grid,.method-grid,.upload-grid,.method-left{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:26px 22px}.app-body,.owner-layout{display:block}.sidebar{position:relative;min-height:auto}.content-pad,.owner-content{padding:22px}.banner{margin:-22px -22px 18px;padding:26px 22px 44px}.login-card{padding:30px 24px}.role-choice{grid-template-columns:1fr}.register-hero{padding:28px}.register-hero h1{font-size:36px}.register-hero p{margin-left:0}.table-head{display:block}.table-tools{margin-top:12px;display:grid}.search-box{min-width:0}.project-summary{grid-template-columns:1fr}.owner-top{display:block}}

@media(max-width:900px){.app-top{justify-content:flex-start;gap:12px;flex-wrap:wrap;padding:12px 20px;height:auto}.top-user{border-left:none;padding-left:0}.owner-actions{align-items:flex-start;margin-top:16px}.owner-user-row{justify-content:flex-start;flex-wrap:wrap}.logout-btn{height:40px}}


/* Supplier material/contact pages */
.supplier-main{padding:32px 66px 0}.supplier-hero{padding-top:10px}.supplier-hero h1{font-size:46px;line-height:1.1;margin-bottom:8px}.supplier-hero p{font-size:17px;line-height:1.45;max-width:760px}.supplier-summary-card,.contact-summary-card{margin-top:22px;background:rgba(6,28,54,.88);border:1px solid var(--line);border-radius:10px;padding:18px 22px;display:grid;grid-template-columns:74px repeat(5,1fr);gap:22px;align-items:center;max-width:1100px}.contact-summary-card{max-width:1200px}.supplier-summary-card>div:not(.round-logo),.contact-summary-card>div:not(.round-logo){border-left:1px solid rgba(255,255,255,.14);padding-left:18px}.supplier-summary-card span,.contact-summary-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.supplier-summary-card strong,.contact-summary-card strong{font-size:16px}.round-logo.big{width:58px;height:58px}.round-logo.big img{width:40px;height:40px}.supplier-layout{display:grid;grid-template-columns:1fr 420px;gap:28px;margin-top:22px}.filter-row{display:grid;grid-template-columns:minmax(260px,1fr) 160px 160px 160px 150px;gap:12px;margin-bottom:14px}.search-box.wide{display:flex;align-items:center;height:44px;min-width:0}.dark-select{height:44px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(3,20,40,.7);color:#fff;padding:0 14px}.material-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.mini-stat{background:rgba(8,38,68,.78);border:1px solid var(--line);border-radius:9px;padding:14px 16px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.mini-stat i{grid-row:1/3;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:rgba(0,216,230,.14);color:var(--cyan);font-style:normal;font-size:24px}.mini-stat i.red{background:rgba(255,85,76,.18);color:var(--red)}.mini-stat i.gold{background:rgba(216,155,66,.20);color:var(--gold)}.mini-stat i.green{background:rgba(69,195,109,.18);color:var(--green)}.mini-stat i.blue{background:rgba(67,166,255,.16);color:var(--blue)}.mini-stat span{font-size:13px;color:#fff}.mini-stat strong{font-size:24px}.supplier-card{background:rgba(8,38,68,.84);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.18)}.supplier-card.no-pad{padding:0;overflow:hidden}.supplier-card h2{font-size:18px;margin-bottom:10px;color:#fff}.supplier-side{height:max-content}.supplier-side h2{color:var(--cyan)}.side-summary{display:grid;gap:12px;margin:20px 0}.side-summary div{display:flex;align-items:center;justify-content:space-between}.side-summary span{color:#e5edf8}.side-summary strong{font-size:18px}.side-summary hr{border:none;border-top:1px dashed rgba(255,255,255,.18);margin:3px 0}.full{width:100%;margin-top:12px}.updated{margin-top:18px;color:var(--muted);font-size:13px}.tag{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:5px 9px;font-size:12px;white-space:nowrap}.prio-high{background:rgba(255,85,76,.28);color:#ffd0d0}.prio-mid{background:rgba(216,155,66,.30);color:#ffe1ad}.prio-low{background:rgba(255,255,255,.12);color:#dce6f5}.status-needed{background:rgba(0,216,230,.18);color:#aaf8ff}.status-waiting{background:rgba(67,166,255,.20);color:#a9d6ff}.status-approved{background:rgba(69,195,109,.20);color:#aff5c6}.status-off{background:rgba(255,255,255,.10);color:#cbd6e5}.cyan-text{color:var(--cyan)!important}.blue-text{color:var(--blue)!important}.red-text{color:var(--red)!important}.gold-text{color:#ffb833!important}.material-table th:nth-child(1),.material-table td:nth-child(1){width:58px;text-align:center}.material-table td strong{display:block}.material-table td small{display:block;margin-top:4px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1fr 520px;gap:28px;margin-top:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:16px}.contact-form label,.full-label{display:grid;gap:8px;font-size:13px;font-weight:800}.contact-form b{color:#ff554c}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(3,20,40,.55);color:#fff;padding:0 14px;outline:none}.contact-form input,.contact-form select{height:42px}.contact-form textarea{height:76px;padding:14px;resize:vertical}.full-label{margin-top:18px}.full-label small{text-align:right;color:var(--muted);font-weight:400}.upload-strip{height:54px;border:1px dashed rgba(255,255,255,.28);border-radius:7px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.upload-strip span{font-size:12px;color:var(--muted)}.contact-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}.contact-list{display:grid;gap:10px}.contact-list div{display:grid;grid-template-columns:145px 1fr;gap:16px}.contact-list span{color:var(--muted);font-size:13px}.contact-list strong{font-size:13px;line-height:1.35}.map-card{height:112px;margin-top:16px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(135deg,rgba(0,216,230,.12),rgba(255,255,255,.04));display:grid;grid-template-columns:58px 1fr 170px;grid-template-rows:1fr 1fr;align-items:center;padding:12px 16px}.map-card span{grid-row:1/3;font-size:36px}.map-card small{color:var(--muted)}.map-card button{grid-row:1/3;grid-column:3;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(0,0,0,.18);color:#fff;height:36px}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{border-top:1px solid rgba(255,255,255,.08);padding:8px;text-align:left;font-size:12px}.mini-table th{color:var(--cyan)}.timeline-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:flex-start;margin-top:12px}.timeline-row i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,216,230,.18);color:var(--cyan);font-style:normal}.timeline-row.waiting i{background:rgba(216,155,66,.15);color:#ffb833}.timeline-row p{color:var(--muted);font-size:13px}.timeline-row time{color:#dce6f5;font-size:13px}.timeline-row em{justify-self:end;align-self:center;border:1px solid rgba(216,155,66,.45);color:#ffb833;border-radius:5px;padding:5px 8px;font-style:normal;font-size:12px}.success-message{margin-top:14px;border:1px solid rgba(69,195,109,.45);background:rgba(69,195,109,.12);color:#bff8d0;border-radius:8px;padding:12px 14px}.muted{color:var(--muted)}
@media(max-width:1400px){.supplier-layout,.contact-layout{grid-template-columns:1fr}.material-stat-grid{grid-template-columns:repeat(3,1fr)}.filter-row{grid-template-columns:1fr 1fr 1fr}.supplier-summary-card,.contact-summary-card{grid-template-columns:74px repeat(2,1fr)}}
@media(max-width:900px){.supplier-main{padding:26px 18px 0}.supplier-hero h1{font-size:36px}.supplier-summary-card,.contact-summary-card,.material-stat-grid,.filter-row,.contact-grid,.contact-actions{grid-template-columns:1fr}.supplier-summary-card>div:not(.round-logo),.contact-summary-card>div:not(.round-logo){border-left:none;padding-left:0}.map-card{grid-template-columns:1fr;height:auto}.map-card span,.map-card button{grid-row:auto;grid-column:auto}.contact-list div{grid-template-columns:1fr}.timeline-row{grid-template-columns:30px 1fr}.timeline-row time,.timeline-row em{grid-column:2;justify-self:start}}

/* WBS & Bobot serta Progres Harian pages */
.page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-gold{background:linear-gradient(135deg,#c88613,#6b4207);border-color:rgba(255,188,40,.65);color:#fff}.project-tabs{display:flex;gap:8px;margin:-18px 0 16px;position:relative;z-index:2}.project-tabs a{min-width:110px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:8px 8px 0 0;background:rgba(4,21,43,.78);display:flex;align-items:center;justify-content:center;font-weight:900}.project-tabs a.active{border-color:rgba(0,216,230,.55);background:linear-gradient(135deg,rgba(0,216,230,.20),rgba(8,38,68,.9));color:#fff}.project-kpi-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr 1fr;gap:16px}.stat-card.compact{min-height:112px;padding:18px 24px}.project-title{font-size:24px;line-height:1.12;font-weight:900}.split-grid{display:grid;grid-template-columns:1fr 430px;gap:18px;margin-top:16px}.table-card.no-margin{margin-top:0}.side-rab{height:max-content}.rab-project-card{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:10px;padding:14px;margin:16px 0 20px}.rab-project-card strong{display:block;color:var(--cyan);font-size:18px}.rab-project-card span{display:block;font-weight:900;margin-top:4px}.rab-project-card small{display:block;color:var(--muted);margin-top:4px}.rab-list{margin:14px 0 20px 20px;display:grid;gap:11px}.rab-list li{padding-left:6px;line-height:1.3}.rab-list li::marker{color:var(--cyan)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.progress-content .slim-banner{padding-bottom:34px}.progress-stats{grid-template-columns:repeat(4,1fr);margin-top:14px}.project-wide-card{display:grid;grid-template-columns:58px 1fr 1.1fr 1.05fr 1.2fr 1fr 1fr 1.2fr;gap:18px;align-items:center;background:rgba(7,31,55,.86);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin-top:8px}.project-wide-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.project-wide-card strong{display:block;font-size:16px}.project-wide-card a{display:block;margin-top:6px;color:var(--cyan);font-size:13px;font-weight:800}.widebar{width:100%;margin-top:8px}.progress-split{grid-template-columns:1.15fr .85fr}.progress-form-panel{margin-top:0}.progress-form-panel h2{font-size:20px;margin-bottom:14px}.daily-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}.daily-form label{display:grid;gap:8px;font-size:13px;font-weight:800}.daily-form input,.daily-form select,.daily-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(3,20,40,.55);color:#fff;padding:0 14px;outline:none}.daily-form input,.daily-form select{height:42px}.daily-form textarea{height:66px;padding:12px 14px;resize:vertical}.progress-form-actions{display:flex;justify-content:flex-end;gap:12px}.available-list{display:grid;gap:0;margin-top:10px}.available-list a{display:grid;grid-template-columns:50px 1fr 20px;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:13px 8px;color:#fff}.available-list a span{color:var(--cyan);font-weight:900}.available-list a strong{font-size:13px}.available-list a em{font-style:normal;text-align:right;color:#dce6f5}.history-card{margin-top:16px}.empty-state{min-height:96px;display:grid;place-items:center;text-align:center;color:var(--muted);gap:6px}.empty-state strong{display:block;color:#fff;font-size:16px}.empty-state span{display:block;color:var(--muted)}
@media(max-width:1400px){.project-kpi-grid,.project-wide-card,.progress-stats{grid-template-columns:1fr 1fr}.split-grid,.progress-split{grid-template-columns:1fr}.daily-form{grid-template-columns:1fr 1fr}.page-actions{margin-top:12px}.banner-flex{display:block}}
@media(max-width:900px){.project-kpi-grid,.project-wide-card,.progress-stats,.daily-form{grid-template-columns:1fr}.project-tabs{overflow-x:auto;padding-bottom:4px}.project-tabs a{min-width:100px}.page-actions .btn{width:100%}.row-actions .btn{width:100%}}

/* WBS & RAB Excel integration */
.table-scroll{max-height:560px;overflow:auto;border-radius:8px;border:1px solid rgba(255,255,255,.06)}
.table-scroll .data-table th{position:sticky;top:0;z-index:1;background:#0b2a4b}
.wbs-name.level-1{font-weight:900;color:#ffffff;text-transform:uppercase}
.wbs-name.level-2{padding-left:22px;color:#e7eef8}
.wbs-name.level-3{padding-left:38px;color:#cad7e9}
.side-rab{align-self:start;max-height:680px;overflow:auto}
.rab-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.rab-kpi div{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,216,230,.06);padding:12px}
.rab-kpi span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.rab-kpi strong{display:block;color:var(--cyan);font-size:15px;line-height:1.2}
.rab-list li{display:grid;grid-template-columns:66px 1fr;gap:8px;align-items:start;margin-bottom:8px;color:#e9eff8}
.rab-list li strong{color:var(--cyan);font-size:12px}
.rab-list li span{font-size:12px;line-height:1.35}
.mini-rab-wrap{margin:14px 0 16px;max-height:260px;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:8px}
.mini-rab-table{width:100%;border-collapse:collapse;font-size:11px}
.mini-rab-table th,.mini-rab-table td{padding:9px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}
.mini-rab-table th{background:rgba(255,255,255,.06);color:#fff;text-align:left;position:sticky;top:0;z-index:1}
.mini-rab-table td:nth-child(3),.mini-rab-table td:nth-child(4){white-space:nowrap;color:#dce8f7}
.available-list a small{display:block;grid-column:2;grid-row:2;color:#96a8be;font-size:11px;margin-top:4px}
.wbs-available{align-self:start;max-height:620px;overflow:auto}

/* Semua Proyek page */
.all-projects-main{padding:46px 68px 0;min-height:calc(100vh - 88px)}
.all-projects-hero{min-height:260px;display:flex;flex-direction:column;justify-content:center;padding-bottom:28px}
.breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:28px;color:#d9e5f3;font-weight:700}
.breadcrumb a{color:var(--cyan)}
.all-projects-hero h1{font-size:48px;line-height:1.08;margin-bottom:18px;text-shadow:0 8px 24px rgba(0,0,0,.35)}
.all-projects-hero p{font-size:20px;line-height:1.55;max-width:760px;color:#f2f6fb}
.all-projects-content{margin-top:0}
.all-filter-row{display:grid;grid-template-columns:1.6fr 1fr .9fr 1fr auto;gap:24px;align-items:center;margin:8px 0 28px}
.search-input{height:54px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(4,21,43,.78);display:flex;align-items:center;gap:12px;padding:0 18px;color:#fff}
.search-input span{font-size:24px;color:#dce7f4}
.search-input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff}
.search-input input::placeholder{color:#c4cfde}
.project-found{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:170px;color:#fff}
.project-found i{width:9px;height:9px;border-radius:50%;background:var(--cyan);display:inline-block}
.all-project-grid{margin-bottom:36px}
.empty-projects{grid-column:1/-1;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(7,31,55,.80);padding:32px;text-align:center;color:var(--muted)}
@media(max-width:1280px){.all-filter-row{grid-template-columns:1fr 1fr}.project-found{justify-content:flex-start}.all-projects-main{padding:34px 26px 0}}
@media(max-width:700px){.all-filter-row{grid-template-columns:1fr}.all-projects-hero h1{font-size:36px}.all-projects-hero p{font-size:16px}}

/* Logo dan ikon disesuaikan dengan mockup UI/UX Home */
.logo-row img.brand-logo-img{width:72px;height:64px;object-fit:contain;display:block}
.footer-info img.brand-logo-img{width:72px;height:64px;object-fit:contain;display:block}
.feature-ico{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible}
.feature-img{width:58px;height:58px;object-fit:contain;display:block}
.feature-ico.section-ship{width:56px!important;min-width:56px!important;height:56px!important}
.feature-ico.section-ship .feature-img{width:56px;height:56px}
.project-emblem{width:42px;height:42px;min-width:42px;border-radius:50%;object-fit:contain;display:block}
.project-emblem-big{width:58px;height:58px;min-width:58px}
.project-id .project-emblem{margin-top:0}

/* Dokumentasi Foto, Laporan, dan Pengaturan Proyek */
.project-identity-card{display:grid;grid-template-columns:74px repeat(6,1fr);gap:18px;align-items:center;background:rgba(7,31,55,.86);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:12px 0 16px}
.project-identity-card span,.setting-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.project-identity-card strong,.setting-summary strong{display:block;font-size:15px;line-height:1.3}.project-emblem-wrap{width:58px;height:58px;border-radius:50%;background:#0d2c57;border:1px solid rgba(0,216,230,.45);display:grid;place-items:center}.project-emblem-wrap img{width:42px;height:42px;object-fit:contain}.doc-stats{grid-template-columns:repeat(3,1fr);margin-top:0}.doc-split{grid-template-columns:.72fr 1.28fr}.doc-form-grid{display:grid;grid-template-columns:1fr;gap:14px}.doc-form-grid label{display:grid;gap:8px;font-size:13px;font-weight:800}.doc-form-grid input,.doc-form-grid select,.doc-form-grid textarea,.setting-form input,.setting-form select,.setting-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(3,20,40,.55);color:#fff;padding:0 14px;outline:none}.doc-form-grid input,.doc-form-grid select,.setting-form input,.setting-form select{height:42px}.doc-form-grid textarea,.setting-form textarea{height:76px;padding:12px 14px;resize:vertical}.gallery-card{min-height:320px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:12px}.gallery-item,.gallery-placeholder{border:1px dashed rgba(255,255,255,.30);border-radius:8px;background:rgba(255,255,255,.04);min-height:130px;display:grid;place-items:center;text-align:center}.gallery-item{padding:12px}.gallery-placeholder{width:100%;font-size:44px;color:#8fa2ba}.gallery-item strong{font-size:13px;margin-top:8px}.gallery-item small{color:var(--muted)}.gallery-empty{grid-column:1/-1;min-height:220px;border:1px dashed rgba(255,255,255,.22);border-radius:8px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px;color:var(--muted)}.gallery-empty div{font-size:54px;color:#8fa2ba}.gallery-empty strong{color:#fff;font-size:18px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.page-title-row h1{font-size:34px;margin:10px 0 8px}.page-title-row p{color:var(--muted)}.laporan-top-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:16px}.laporan-summary-box .project-identity-card{margin:0;height:100%;grid-template-columns:58px 1fr 1.5fr 1.2fr 1.1fr 1fr 1fr}.laporan-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:18px;margin-top:16px}.curve-card canvas{width:100%;height:280px}.legend{display:flex;gap:34px;justify-content:center;color:var(--muted);font-size:13px;margin-top:8px}.report-note{margin-top:16px}.report-note ul{margin:10px 0 0 20px;line-height:1.9}.report-note li::marker{color:var(--cyan)}.laporan-bottom-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;background:rgba(8,38,68,.84);border:1px solid var(--line);border-radius:10px;padding:18px}.laporan-bottom-info span{display:block;color:var(--muted);margin-bottom:6px}.laporan-bottom-info strong{color:var(--cyan);font-size:18px}.setting-summary{display:grid;grid-template-columns:90px repeat(5,1fr);gap:18px;align-items:center;background:rgba(7,31,55,.86);border:1px solid var(--line);border-radius:10px;padding:20px 24px;margin:12px 0 16px}.setting-logo{grid-row:span 2;width:72px;height:72px;border-radius:50%;border:1px solid rgba(0,216,230,.5);display:grid;place-items:center;background:rgba(0,216,230,.08)}.setting-logo img{width:54px;height:54px}.setting-grid{display:grid;grid-template-columns:1.05fr 1fr 1.05fr;gap:16px}.setting-grid .form-panel{margin-bottom:0}.setting-form{display:grid;gap:14px;margin-top:16px}.setting-form.two-col{grid-template-columns:1fr 1fr}.setting-form label{display:grid;gap:8px;font-size:13px;font-weight:800}.toggle-list{display:grid;gap:10px;margin-top:16px}.toggle-list div{display:grid;grid-template-columns:1fr 48px 46px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.035);padding:12px}.toggle-list small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.toggle-list b{color:#fff;font-weight:600}.toggle-list i{width:40px;height:22px;border-radius:999px;background:linear-gradient(135deg,#10cfd1,#088c95);position:relative}.toggle-list i::after{content:'';width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;right:2px;top:2px}.setting-actions{display:grid;gap:12px;margin-top:16px}
@media(max-width:1500px){.project-identity-card,.setting-summary,.laporan-top-grid{grid-template-columns:1fr 1fr}.project-emblem-wrap,.setting-logo{grid-row:auto}.laporan-grid,.doc-split,.setting-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.project-identity-card,.setting-summary,.laporan-top-grid,.laporan-bottom-info,.setting-form.two-col{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.page-title-row{display:block}}

/* Owner My Pinisi - Daftar Pekerjaan & Dokumentasi Foto */
.owner-subpage{padding-top:34px}.owner-subpage-top{margin-bottom:18px}.owner-subpage-top h1{font-size:34px;line-height:1.1}.owner-subpage-top p{max-width:720px;color:#dfe8f5;line-height:1.55}.owner-user-row{display:flex;align-items:center;gap:10px;justify-content:flex-end}.logout-btn{height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font-weight:800;padding:0 16px;cursor:pointer}.logout-btn:hover{background:rgba(255,255,255,.12)}
.owner-project-detail{display:grid;grid-template-columns:125px 230px 1fr 260px;gap:20px;align-items:center}.owner-logo-large{width:100px;height:100px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);display:grid;place-items:center;background:rgba(0,216,230,.04)}.owner-logo-large img{width:68px;height:68px;object-fit:contain}.owner-summary-meta h2{font-size:30px;color:var(--cyan);margin-bottom:4px}.owner-summary-meta h3{font-size:19px;margin-bottom:4px}.owner-summary-meta p{color:#b8c5d6}.owner-summary-lines{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}.owner-summary-lines span,.owner-progress-aside span{display:block;color:#b8c5d6;font-size:12px;margin-bottom:5px}.owner-summary-lines strong{display:block;font-size:14px;line-height:1.3}.owner-progress-aside{border-left:1px solid rgba(255,255,255,.16);padding-left:22px}.owner-progress-aside strong{display:block;color:var(--cyan);font-size:42px;line-height:1.1;margin:8px 0}.owner-progress-aside small{color:#b8c5d6}.owner-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.owner-kpi{display:flex;align-items:center;gap:18px;min-height:104px}.kpi-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(0,216,230,.06);font-size:28px;color:var(--cyan)}.kpi-icon.green{color:#41d76c}.kpi-icon.orange{color:#ffad32}.owner-kpi p{color:#e8eef8;margin-bottom:6px}.owner-kpi strong{font-size:32px;line-height:1;color:#fff}.owner-kpi small{display:block;color:#b8c5d6;margin-top:6px}.owner-table-card{margin-top:14px}.owner-wbs-table th,.owner-wbs-table td{text-align:left}.owner-wbs-table th:nth-child(3),.owner-wbs-table th:nth-child(4),.owner-wbs-table th:nth-child(5),.owner-wbs-table th:nth-child(6),.owner-wbs-table td:nth-child(3),.owner-wbs-table td:nth-child(4),.owner-wbs-table td:nth-child(5),.owner-wbs-table td:nth-child(6){text-align:center;white-space:nowrap}.owner-legend-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;color:#b8c5d6}.owner-note{border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:14px 18px;max-width:560px}.owner-doc-top-grid{display:grid;grid-template-columns:1.25fr .45fr .9fr;gap:12px;margin-bottom:12px}.owner-doc-summary-inner{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:stretch}.owner-doc-photo{min-height:230px}.owner-doc-progress{min-height:230px}.owner-doc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.owner-doc-metrics>div{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}.owner-doc-metrics>div:nth-last-child(-n+2){border-bottom:0}.doc-round{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#dfe8f5;font-size:24px}.owner-doc-metrics p{color:#e8eef8}.owner-doc-metrics strong{font-size:26px;color:#fff;display:inline-block;margin-right:4px}.owner-doc-metrics small{color:#b8c5d6}.owner-doc-gallery-card{margin-top:12px}.owner-gallery-grid{min-height:220px;border:1px dashed rgba(255,255,255,.22);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px}.owner-doc-tile{border:1px dashed rgba(255,255,255,.30);border-radius:8px;padding:12px;text-align:center;background:rgba(255,255,255,.04)}.owner-doc-tile strong,.owner-doc-tile small,.owner-doc-tile span{display:block;margin-top:8px}.owner-doc-tile small,.owner-doc-tile span{color:#b8c5d6;font-size:12px}.owner-doc-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;align-content:center;gap:10px;min-height:220px;color:#b8c5d6}.owner-doc-empty div{font-size:54px}.owner-doc-empty strong{font-size:20px;color:#fff}.owner-doc-empty span{max-width:560px;line-height:1.5}.owner-info-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:14px;margin-top:12px}.check-list{margin:14px 0 0 20px;line-height:1.8;color:#dce6f4}.check-list li::marker{content:'✓  ';color:var(--cyan)}.important-box{display:flex;gap:24px;align-items:center;border-color:rgba(0,216,230,.38)}.big-info{width:64px;height:64px;min-width:64px;border-radius:50%;border:2px solid var(--cyan);display:grid;place-items:center;color:var(--cyan);font-size:36px}.important-box p{color:#d6e0ef;line-height:1.65;margin-top:8px}
@media(max-width:1400px){.owner-project-detail,.owner-doc-top-grid,.owner-doc-summary-inner,.owner-info-grid{grid-template-columns:1fr}.owner-kpi-grid{grid-template-columns:1fr 1fr}.owner-legend-row{display:block}.owner-note{margin-top:12px;max-width:none}.owner-gallery-grid{grid-template-columns:1fr 1fr}.owner-summary-lines{grid-template-columns:1fr 1fr}.owner-progress-aside{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:14px}}
@media(max-width:780px){.owner-kpi-grid,.owner-gallery-grid,.owner-summary-lines,.owner-doc-metrics{grid-template-columns:1fr}.owner-user-row{justify-content:flex-start}.owner-subpage-top h1{font-size:28px}.owner-logo-large{width:82px;height:82px}.owner-logo-large img{width:58px;height:58px}}

/* Revisi Dokumentasi Foto: upload foto dilakukan dari menu Progres Harian */
.doc-gallery-only{grid-template-columns:1fr!important;}
.info-card-doc{margin-top:16px;}
.info-inline{display:flex;gap:14px;align-items:flex-start;color:#d8e3f2;line-height:1.65;}
.info-inline strong{color:var(--cyan);white-space:nowrap;}
.info-inline b{color:#fff;}
@media(max-width:800px){.info-inline{display:block}.info-inline strong{display:block;margin-bottom:8px}}

/* Owner: Histori Progres dan Laporan */
.owner-history-grid-top{display:grid;grid-template-columns:1fr 360px;gap:14px;margin-bottom:14px}.owner-history-summary .owner-project-detail{grid-template-columns:120px 220px 1fr 230px}.owner-history-progress-card{min-height:170px}.owner-history-mid-grid{display:grid;grid-template-columns:310px 1fr 360px;gap:14px;margin-bottom:14px}.owner-progress-info{display:grid;gap:12px}.owner-info-stat{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;background:rgba(255,255,255,.03)}.owner-info-stat span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#dfe8f5;font-size:22px}.owner-info-stat strong,.owner-info-stat small{display:block}.owner-info-stat small{font-size:12px;color:#b8c5d6;margin-top:4px}.owner-info-stat b{font-size:18px;color:#fff;text-align:right}.owner-history-chart .chart-wrap{height:250px}.owner-history-status .owner-doc-empty{min-height:250px}.owner-history-list-card{margin-top:10px}.owner-history-list-card h2{font-size:18px;margin-bottom:12px}.owner-history-list-card .owner-doc-empty{min-height:150px}
.owner-report-top-grid{display:grid;grid-template-columns:1.45fr .55fr .55fr .6fr .65fr;gap:14px;margin-bottom:14px}.owner-report-summary{min-height:220px}.owner-report-detail h3{font-size:18px;margin-bottom:16px}.owner-report-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.owner-report-list div{display:grid;grid-template-columns:28px 120px 1fr;gap:8px;align-items:center}.owner-report-list span{color:#dfe8f5}.owner-report-list em{font-style:normal;color:#d5deee}.owner-report-list strong{font-weight:800;color:#fff}.owner-report-list .big-inline{font-size:28px}.owner-report-kpi{display:grid;place-items:center;text-align:center;min-height:220px}.owner-report-kpi p{align-self:end;color:#e8eef8}.ring-kpi{width:118px;height:118px;border-radius:50%;border:10px solid rgba(255,255,255,.16);display:grid;place-items:center;color:var(--cyan);font-size:34px}.report-icon{width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:48px;color:#fff}.owner-report-kpi strong{font-size:24px;line-height:1.15}.owner-report-main-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:14px;margin-bottom:14px}.owner-report-chart .chart-wrap{height:250px}.owner-report-notes ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 34px;margin:14px 0 0 20px;color:#dfe8f5;line-height:1.7}.owner-report-notes li::marker{color:var(--cyan)}.owner-report-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.owner-report-footer-item{display:flex;align-items:center;gap:24px}.owner-report-footer-item span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff}.owner-report-footer-item p{color:#dfe8f5}.owner-report-footer-item strong{display:block;color:var(--cyan);font-size:20px;margin-top:5px}
@media(max-width:1400px){.owner-history-grid-top,.owner-history-mid-grid,.owner-report-top-grid,.owner-report-main-grid,.owner-report-footer-grid{grid-template-columns:1fr}.owner-report-list,.owner-report-notes ul{grid-template-columns:1fr}.owner-history-summary .owner-project-detail{grid-template-columns:1fr}}

/* Functional upload/documentation enhancements */
.upload-strip{cursor:pointer;transition:.2s ease}
.upload-strip:hover{border-color:rgba(0,216,230,.65);background:rgba(0,216,230,.06)}
.photo-mini-link{display:flex;align-items:center;gap:8px;color:var(--cyan);font-weight:700}
.table-photo-thumb{width:46px;height:34px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08)}
.table-photo-thumb.placeholder{display:grid;place-items:center;color:#b8c5d6}
.real-photo-card{text-decoration:none;color:inherit;min-height:190px;align-content:start;gap:8px}
.gallery-photo-img{width:100%;height:132px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.gallery-photo-img.placeholder{display:grid;place-items:center;font-size:36px;color:#8ea0ba}
.real-photo-card span{font-size:12px;color:#b8c5d6;line-height:1.35}
.owner-doc-thumb{width:100%;height:132px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);margin-bottom:10px}
.owner-doc-thumb.placeholder{display:grid;place-items:center;font-size:34px;color:#8ea0ba}
.owner-doc-cover-img{width:96px;height:96px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.25);margin-bottom:14px}
.owner-doc-tile{text-decoration:none;color:inherit}
@media print{
  .sidebar,.app-top,.page-actions,.logout-btn,.nav-side,.site-footer{display:none!important}
  .app-main,.content-pad,.owner-content{margin:0!important;padding:20px!important;width:100%!important}
  body{background:#fff!important;color:#111!important}
  .stat-card,.supplier-card,.table-card,.owner-card,.laporan-summary-box{background:#fff!important;color:#111!important;border:1px solid #ddd!important;box-shadow:none!important}
  .data-table th,.data-table td{color:#111!important;border-color:#ddd!important}
}

/* ===== Tambah Proyek Kapal Wizard ===== */
.add-project-content{padding-bottom:36px}
.add-project-banner{margin-bottom:18px}
.add-project-banner p{max-width:980px;line-height:1.6}
.add-project-nav .nav-group{display:grid;gap:4px}
.add-project-nav .nav-parent{font-weight:800}
.add-project-nav .nav-sub{display:grid;gap:2px;padding:0 0 0 44px}
.add-project-nav .nav-sub a{padding:10px 12px;border-radius:8px;color:#c8d6e6;font-size:13px}
.add-project-nav .nav-sub a.active{background:rgba(0,216,230,.12);color:#1fd6de;border-left:2px solid #16ccd1;padding-left:10px}
.wizard-shell{display:grid;gap:16px}
.wizard-form{display:grid;gap:0}
.wizard-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
.wizard-step-item{position:relative;padding-right:10px}
.wizard-step-circle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);font-weight:900;color:#dfe9f7;position:relative;z-index:2}
.wizard-step-label{font-size:13px;line-height:1.4;margin-top:10px;color:#c7d6e8;max-width:140px}
.wizard-step-line{position:absolute;left:46px;right:-8px;top:20px;height:2px;background:rgba(255,255,255,.18);z-index:1}
.wizard-step-item.is-active .wizard-step-circle,.wizard-step-item.is-done .wizard-step-circle{background:linear-gradient(135deg,#18ccd1,#078ba4);border-color:rgba(0,216,230,.55);color:#fff}
.wizard-step-item.is-done .wizard-step-line,.wizard-step-item.is-active .wizard-step-line{background:linear-gradient(90deg,#18ccd1,#0b8ca3)}
.wizard-step-item.is-active .wizard-step-label,.wizard-step-item.is-done .wizard-step-label{color:#fff;font-weight:800}
.wizard-step-panel{display:grid;gap:16px}
.duration-panel{border-color:rgba(25,209,223,.28)}
.duration-input-wrap{display:flex;align-items:center;gap:8px;min-width:150px}
.duration-input-wrap .inline-input{max-width:100px}
.duration-input-wrap span{color:#b9c9dc;font-size:12px}
.duration-warning{border-color:rgba(251,191,36,.42)!important;background:rgba(180,83,9,.16)!important;color:#fff1cc!important}
.selection-grid.simple-selection-grid{grid-template-columns:minmax(0,1fr)}

/* Simple Milestone Report */
.milestone-page{padding-bottom:42px}
.milestone-banner{margin-bottom:18px}
.milestone-banner .banner-flex{align-items:center}
.milestone-banner p{max-width:760px}
.milestone-download{white-space:nowrap;min-height:46px}
.milestone-report-root{display:grid;gap:18px}
.milestone-period-card{
  display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;
  padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:14px;
  background:linear-gradient(135deg,rgba(9,43,75,.94),rgba(5,28,53,.88));
  box-shadow:0 16px 34px rgba(0,0,0,.16)
}
.milestone-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;color:#8ea7c1;font-size:11px;font-weight:800;margin-bottom:7px}
.milestone-period-card>div>strong{font-size:18px;color:#f6fbff}
.milestone-period-fields{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.milestone-period-fields label{display:grid;gap:6px;color:#b9c9da;font-size:12px;font-weight:700}
.milestone-period-fields input{
  min-width:165px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:9px;
  background:#061b32;color:#f5fbff;padding:0 12px;color-scheme:dark
}
.milestone-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.milestone-kpi{
  min-height:138px;display:flex;align-items:center;gap:17px;padding:21px;border-radius:15px;
  border:1px solid rgba(255,255,255,.13);background:rgba(7,34,62,.90);
  box-shadow:0 16px 34px rgba(0,0,0,.15)
}
.milestone-kpi-progress{border-color:rgba(25,200,212,.38);background:linear-gradient(135deg,rgba(10,64,86,.92),rgba(6,36,64,.92))}
.milestone-kpi-icon{
  flex:0 0 58px;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;
  background:rgba(25,200,212,.14);color:#28d8df;font-size:27px;font-weight:900
}
.milestone-kpi-icon.status{background:rgba(77,145,229,.14);color:#78b6ff}
.milestone-kpi-icon.value{background:rgba(231,169,75,.14);color:#f1bd68;font-size:16px}
.milestone-kpi small{display:block;color:#9fb2c7;font-size:12px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}
.milestone-kpi strong{display:block;color:#f7fbff;font-size:29px;line-height:1.15;overflow-wrap:anywhere}
.milestone-kpi-progress strong{color:#25d4dc;font-size:36px}
.milestone-kpi-progress.milestone-deviation{border-color:rgba(255,126,105,.5);background:linear-gradient(135deg,rgba(91,38,45,.94),rgba(43,28,49,.94))}
.milestone-kpi-progress.milestone-deviation strong{color:#ff927f}
.milestone-kpi-progress.milestone-performance{border-color:rgba(64,210,142,.5);background:linear-gradient(135deg,rgba(13,78,69,.94),rgba(8,43,57,.94))}
.milestone-kpi-progress.milestone-performance strong{color:#49d99a}
.milestone-kpi-progress.milestone-on-target strong{color:#25d4dc}
.milestone-kpi em{display:block;color:#9caec1;font-size:11px;font-style:normal;margin-top:7px;line-height:1.4}
.milestone-chart-card,.milestone-recap-card{
  border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(5,27,51,.90);
  padding:20px;box-shadow:0 16px 34px rgba(0,0,0,.14);min-width:0
}
.milestone-scurve-card{padding-bottom:14px}
.milestone-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;flex-wrap:wrap}
.milestone-section-head h2{font-size:20px;margin:0 0 5px;color:#f6fbff}
.milestone-section-head p{color:#9fb1c5;font-size:12px;line-height:1.5;margin:0}
.milestone-chart-legend{display:flex;align-items:center;gap:16px;color:#c7d6e7;font-size:12px}
.milestone-chart-legend span{display:flex;align-items:center;gap:7px}
.milestone-chart-legend i{width:25px;height:4px;border-radius:99px;background:#19c8d4}
.milestone-chart-legend i.actual{background:#e7a94b}
.milestone-chart-frame{width:100%;overflow:hidden}
.milestone-svg{display:block;width:100%;height:auto;min-width:0}
.milestone-secondary-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.milestone-recap-card{padding:0;overflow:hidden}
.milestone-recap-card .milestone-section-head{padding:20px 20px 0}
.milestone-report-date{font-size:12px;color:#9fb1c5}
.milestone-report-date strong{color:#eaf3fb}
.milestone-recap-table{min-width:850px}
.milestone-recap-table th{white-space:normal}
.milestone-recap-table td:nth-child(n+3):nth-child(-n+5){text-align:right;font-variant-numeric:tabular-nums}
.milestone-recap-table tfoot td{background:rgba(25,200,212,.08);font-weight:900;color:#f6fbff}
.milestone-status-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.milestone-status-chip.status-idle{background:rgba(148,163,184,.13);color:#c4d0dd}
.milestone-status-chip.status-active{background:rgba(25,200,212,.13);color:#37dbe2}
.milestone-status-chip.status-done{background:rgba(84,201,135,.14);color:#77e2a5}
.milestone-empty{text-align:center!important;padding:30px!important;color:#9fb1c5}
.milestone-source-note{padding:14px 20px 18px;margin:0;color:#91a5ba;font-size:11px;border-top:1px solid rgba(255,255,255,.08)}
.milestone-owner-top{align-items:flex-start}
.milestone-owner-top>div:first-child p{margin-top:10px;color:#c5d3e3}
.milestone-owner-download{justify-content:flex-end;margin-top:10px}
.owner-milestone-root{margin-top:18px}

@media(max-width:1150px){
  .milestone-kpi-grid{grid-template-columns:1fr}
  .milestone-secondary-charts{grid-template-columns:1fr}
}
@media(max-width:720px){
  .milestone-page{padding-left:14px;padding-right:14px}
  .milestone-period-card{align-items:stretch}
  .milestone-period-fields,.milestone-period-fields label,.milestone-period-fields input,.milestone-period-fields .btn{width:100%}
  .milestone-kpi{min-height:116px}
  .milestone-kpi strong{font-size:24px}
  .milestone-kpi-progress strong{font-size:31px}
  .milestone-chart-card{padding:15px}
  .milestone-banner .banner-flex{align-items:flex-start}
}
.wizard-head-block h2{font-size:31px;margin-bottom:8px}
.wizard-head-block p{color:#d6e3f3;line-height:1.6;max-width:980px}
.wizard-panel{background:rgba(6,28,54,.82)}
.full-span{grid-column:1/-1}
.summary-strip{display:grid;gap:16px}
.summary-strip.three-up{grid-template-columns:repeat(3,1fr)}
.summary-strip.four-up{grid-template-columns:repeat(4,1fr)}
.summary-chip{background:rgba(8,38,68,.72);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px;min-height:92px}
.summary-chip span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b8ea2,#0e5a8c);font-size:24px;color:#fff}
.summary-chip small{display:block;color:#a7b7ca;margin-bottom:6px}
.summary-chip strong{font-size:30px;color:#19d1df}
.wizard-actions{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.choice-table{display:grid;gap:16px}
.choice-row{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.choice-row:last-child{border-bottom:none}
.choice-label{display:flex;align-items:center;gap:14px}
.choice-no{width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,216,230,.4);display:grid;place-items:center;color:#19d1df;font-weight:900}
.choice-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.choice-pill{min-height:50px;padding:0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);color:#d9e7f8;cursor:pointer;font-weight:800}
.choice-pill.active{background:rgba(0,216,230,.12);border-color:rgba(0,216,230,.45);color:#1fd6de}
.choice-checkers{display:flex;gap:12px;flex-wrap:wrap}
.checker-pill{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);cursor:pointer;font-weight:800}
.checker-pill input{accent-color:#1fd6de}
.checker-pill.active{background:rgba(0,216,230,.12);border-color:rgba(0,216,230,.45);color:#1fd6de}
.info-block-large ul{margin:10px 0 0 20px;display:grid;gap:6px}
.method-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.method-option{position:relative;text-align:left;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(8,38,68,.72);padding:24px 18px 18px;color:#fff;cursor:pointer;display:grid;gap:12px;min-height:250px}
.method-option:hover{transform:translateY(-1px)}
.method-option.active{border-color:rgba(0,216,230,.45);background:rgba(0,216,230,.08)}
.method-count{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:rgba(0,216,230,.12);display:grid;place-items:center;font-weight:900;color:#1fd6de}
.method-ico{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle,#136f99 0,#08304e 70%);margin:18px auto 0;color:#27dae2}
.method-option h3{text-align:center;font-size:18px;line-height:1.3}
.method-option p{text-align:center;color:#d0deee;line-height:1.5}
.method-option ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#bdd0e6;font-size:13px}
.recommend-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#2dd9df,#0c7f9b);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}
.compact-table-card{margin-top:0}
.compact-table th,.compact-table td{padding:12px 10px;font-size:13px;vertical-align:top}
.info-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.info-grid-two p{line-height:1.6;margin-top:8px}
.upload-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}
.sub-panel-title{font-size:21px;margin-bottom:10px}
.sub-text{color:#c7d8eb;line-height:1.55;margin-bottom:14px}
.upload-card2{display:block;border:1px dashed rgba(255,255,255,.24);border-radius:12px;background:rgba(0,0,0,.10);cursor:pointer;margin-bottom:16px}
.upload-card-inner{min-height:152px;display:grid;place-items:center;text-align:center;padding:16px;color:#dce6f5}
.upload-symbol{font-size:42px;color:#26d7df;margin-bottom:8px}
.upload-card-inner strong{font-size:18px}
.upload-card-inner p{color:#aec1d7;margin-top:6px}
.upload-card-inner small{margin-top:8px;color:#1fd6de}
.upload-note{font-size:13px;line-height:1.55;color:#b8cae0}
.upload-head-inline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.table-scroll{overflow:auto}
.manual-entry-table td input,.manual-entry-table td select{width:100%}
.inline-select,.inline-input{width:100%;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(2,18,37,.6);color:#fff;padding:0 10px}
.inline-input{min-width:84px}
.mini-remove{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}
.manual-toolbar{margin-top:12px}
.toggle-check{display:flex;align-items:center;gap:12px;margin-top:14px;color:#dbe6f6;font-weight:700}
.toggle-check input{accent-color:#17cdd2}
.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-item{background:rgba(8,38,68,.72);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}
.process-item strong{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#21d6de}
.selection-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}
.aside-panel{align-content:start}
.selector-table td:last-child,.selector-table th:last-child{text-align:center}
.check-cell{display:inline-flex;align-items:center;justify-content:center}
.check-cell input{width:20px;height:20px;accent-color:#17cdd2}
.ring-summary{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;margin-bottom:18px}
.ring-meter{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#11d4dd 0 0,rgba(255,255,255,.08) 0 100%);margin:auto}
.ring-meter-inner{width:126px;height:126px;border-radius:50%;background:rgba(3,19,38,.94);display:grid;place-items:center;text-align:center;padding:8px}
.ring-meter-inner strong{font-size:32px;color:#1fd6de}
.metric-block{display:grid;gap:6px;margin-bottom:14px}
.metric-block small{color:#9fb5ca}
.metric-block strong{font-size:30px;color:#1fd6de}
.small-title{font-size:16px;margin-bottom:10px}
.selected-section-list{display:flex;flex-wrap:wrap;gap:10px}
.picked-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,216,230,.35);background:rgba(0,216,230,.08);padding:10px 12px;border-radius:999px;color:#d7e6f6;font-size:13px}
.picked-chip strong{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);color:#23d8de}
.picked-chip.off{opacity:.7}
.assignment-layout{display:grid;grid-template-columns:1.45fr .85fr;gap:16px}
.assignment-side{display:grid;gap:16px}
.distribution-list{display:grid;gap:14px}
.distribution-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px}
.distribution-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.distribution-track i,.result-bar-track i{display:block;height:100%;background:linear-gradient(135deg,#19d1df,#0a7fa0)}
.privacy-list{display:grid;gap:12px;margin-left:18px;line-height:1.55;color:#d7e4f4}
.result-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}
.bottom-result-grid{grid-template-columns:1fr 1fr}
.result-bars{display:grid;gap:16px}
.result-bar-item{display:grid;gap:8px}
.result-bar-label{display:flex;justify-content:space-between;gap:14px;font-size:13px}
.result-bar-track{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.validation-list{display:grid;gap:12px}
.validation-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.03)}
.validation-item strong{color:#3be36b}
.module-chip-wrap{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.module-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-weight:800}
.final-actions{padding-top:6px}
@media(max-width:1500px){.method-choice-grid{grid-template-columns:1fr 1fr}.upload-columns,.selection-grid,.assignment-layout,.result-grid,.bottom-result-grid,.info-grid-two{grid-template-columns:1fr}.summary-strip.three-up,.summary-strip.four-up{grid-template-columns:1fr 1fr}.ring-summary{grid-template-columns:1fr}}
@media(max-width:1000px){.wizard-stepper{grid-template-columns:1fr}.wizard-step-item{padding-right:0;padding-bottom:10px}.wizard-step-line{display:none}.choice-row{grid-template-columns:1fr}.summary-strip.three-up,.summary-strip.four-up,.process-strip{grid-template-columns:1fr}.method-choice-grid{grid-template-columns:1fr}.summary-chip strong{font-size:24px}}


/* ===== Refinement: Wizard mockup fidelity ===== */
.add-project-content .banner.add-project-banner{
  min-height:178px;
  display:flex;
  align-items:flex-end;
  padding-top:42px;
  padding-bottom:34px;
  border-bottom:1px solid rgba(0,216,230,.18);
}
.add-project-content .banner.add-project-banner h1{
  font-size:38px;
  letter-spacing:.2px;
}
.wizard-shell{
  margin-top:-10px;
}
.wizard-stepper{
  background:rgba(2,18,37,.32);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:18px 20px 14px;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}
.wizard-head-block{
  padding:4px 2px;
}
.wizard-head-block h2{
  font-size:34px;
  letter-spacing:.1px;
}
.wizard-head-block p{
  color:#d7e2f0;
  max-width:1120px;
}
.wizard-panel,
.summary-chip,
.method-option,
.process-item{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 32px rgba(0,0,0,.16);
}
.wizard-panel{
  border-radius:14px;
  padding:22px;
}
.form-grid .dark-field .input-wrap{
  min-height:48px;
}
.form-grid .dark-field label{
  color:#eaf2fb;
}
.summary-chip{
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,48,82,.76),rgba(6,28,54,.72));
}
.summary-chip strong{
  font-size:26px;
}
.choice-row{
  grid-template-columns:1fr 1.25fr;
}
.choice-pill,
.checker-pill{
  flex:1;
  justify-content:center;
}
.method-option{
  padding-top:30px;
  background:linear-gradient(180deg,rgba(10,48,82,.76),rgba(6,28,54,.72));
}
.method-option.active{
  outline:1px solid rgba(0,216,230,.45);
  box-shadow:0 0 0 1px rgba(0,216,230,.12), 0 20px 48px rgba(0,0,0,.22);
}
.method-option .method-ico{
  box-shadow:0 0 0 10px rgba(255,255,255,.025);
}
.upload-card2{
  background:linear-gradient(180deg,rgba(3,20,41,.48),rgba(6,28,54,.55));
}
.upload-card2:hover{
  border-color:rgba(0,216,230,.55);
}
.selector-table tbody tr:hover,
.manual-entry-table tbody tr:hover{
  background:rgba(0,216,230,.045);
}
.ring-meter{
  box-shadow:0 0 0 12px rgba(255,255,255,.025);
}
.distribution-track,
.result-bar-track{
  height:14px;
}
.result-bar-track i,
.distribution-track i{
  box-shadow:0 0 18px rgba(0,216,230,.28);
}
.final-actions .btn-primary{
  min-width:300px;
}
.final-actions .btn-navy{
  min-width:220px;
}
.wizard-actions .btn{
  min-width:190px;
}

/* ===== Skenario Tambah Proyek & Pemilihan WBS Aktif ===== */
.scenario-strip{display:grid;gap:16px}
.scenario-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.scenario-head h3{font-size:22px;margin-bottom:6px}
.scenario-head p{color:#c8d8eb;line-height:1.55;max-width:950px}
.scenario-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,216,230,.42);background:rgba(0,216,230,.12);color:#28e0e7;font-weight:900;white-space:nowrap}
.scenario-badge.manual{border-color:rgba(255,190,72,.45);background:rgba(255,190,72,.12);color:#ffd180}
.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.scenario-card{min-height:142px;text-align:left;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:linear-gradient(180deg,rgba(10,48,82,.70),rgba(6,28,54,.66));color:#fff;padding:18px;display:grid;gap:10px;cursor:pointer;transition:.22s ease;position:relative;overflow:hidden}
.scenario-card:before{content:"";position:absolute;inset:-40px auto auto -40px;width:120px;height:120px;border-radius:50%;background:rgba(0,216,230,.08)}
.scenario-card:hover{transform:translateY(-1px);border-color:rgba(0,216,230,.35)}
.scenario-card.active{border-color:rgba(0,216,230,.68);box-shadow:0 0 0 1px rgba(0,216,230,.22),0 18px 42px rgba(0,0,0,.22);background:linear-gradient(180deg,rgba(0,112,137,.42),rgba(6,28,54,.72))}
.scenario-card span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(0,216,230,.12);border:1px solid rgba(0,216,230,.4);color:#29e4ea;font-weight:900;position:relative;z-index:1}
.scenario-card strong{font-size:16px;line-height:1.35;position:relative;z-index:1}
.scenario-card small{color:#c1d4e8;line-height:1.45;position:relative;z-index:1}
.section-title-inline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.section-title-inline p{color:#bfd1e6;line-height:1.5;font-size:13px;margin-top:-2px}
.section-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.section-tools .btn{min-width:0;white-space:nowrap}
.selector-table input[type="checkbox"]{cursor:pointer}
.selector-table tr:has(input[type="checkbox"]:checked){background:rgba(0,216,230,.055)}
@media(max-width:1500px){.scenario-grid{grid-template-columns:1fr 1fr}.section-title-inline{display:grid}.section-tools{justify-content:flex-start}}
@media(max-width:900px){.scenario-grid{grid-template-columns:1fr}.scenario-head{display:grid}.scenario-badge{justify-content:center}.section-tools{display:grid}.section-tools .btn{width:100%}}

/* ===== Pinisi Track System Logic Enhancements ===== */
.system-dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0 18px}
.system-metric{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(180deg,rgba(10,48,82,.74),rgba(4,21,42,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.system-metric>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(0,216,230,.11);border:1px solid rgba(0,216,230,.32);color:#28e4ea;font-size:22px}
.system-metric small{display:block;color:#b9c8da;margin-bottom:4px}.system-metric strong{display:block;color:#fff;font-size:25px}.system-metric em{display:block;color:#7ea0bb;font-style:normal;font-size:12px;margin-top:3px}
.notif-center{position:relative}.notif-bell{position:relative;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.notif-bell span{position:absolute;right:-9px;top:-9px;background:#1fcbd4;color:#06162b;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-weight:900}.notif-menu{display:none;position:absolute;right:-18px;top:40px;width:360px;z-index:50;background:#061b35;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.42)}.notif-center.open .notif-menu{display:block}.notif-menu>strong{display:block;margin-bottom:10px;color:#fff}.notif-item{display:flex;gap:10px;text-decoration:none;color:#dce8f8;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;margin:8px 0;background:rgba(255,255,255,.035)}.notif-item em{width:10px;height:10px;border-radius:50%;background:#29e4ea;margin-top:5px;flex:0 0 auto}.notif-item.warning em{background:#f6ad32}.notif-item.danger em{background:#ff5c5c}.notif-item.success em{background:#20d69f}.notif-item b{display:block;font-size:13px}.notif-item small{color:#9fb2c8}.notif-empty{color:#9fb2c8;margin:0}
.audit-panel{margin-top:18px}.audit-list{display:grid;gap:9px}.audit-row{display:grid;grid-template-columns:170px 180px 1fr 160px;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.12)}.audit-row span,.audit-row em{color:#92a9bf;font-style:normal;font-size:12px}.audit-row strong{color:#23dfe7}.audit-row p{margin:0;color:#dbe7f3}.audit-empty{color:#9fb2c8;padding:18px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;text-align:center}
.detail-hero-card{display:grid;grid-template-columns:330px 1fr;gap:20px;border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(10,48,82,.72),rgba(4,21,42,.70));margin-bottom:18px}.detail-hero-left{display:flex;gap:18px;align-items:center}.detail-hero-left img{width:86px;height:86px;object-fit:contain}.detail-hero-left span,.detail-hero-grid span{display:block;color:#9fb2c8;font-size:13px}.detail-hero-left h1{font-size:34px;color:#20e0e8}.detail-hero-left p{font-size:18px}.detail-hero-left em{font-style:normal;color:#b9c8da}.detail-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-hero-grid>div{border-left:1px solid rgba(255,255,255,.12);padding-left:16px}.detail-hero-grid strong{display:block;color:#fff;margin-top:5px}.detail-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.detail-action-grid a,.detail-action-grid button{border:1px solid rgba(0,216,230,.35);border-radius:12px;background:rgba(0,216,230,.08);color:#e8fbff;text-decoration:none;padding:14px;text-align:center;font-weight:800;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.mini-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-photo-grid a{display:grid;text-decoration:none;color:#fff;gap:7px}.mini-photo-grid img{width:100%;height:105px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.mini-photo-grid span{font-size:12px;color:#a9bdd2}.enhance-export-bar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.readonly-watermark{position:fixed;right:24px;bottom:24px;border:1px solid rgba(0,216,230,.35);background:rgba(0,20,35,.72);color:#23dfe7;border-radius:999px;padding:8px 14px;font-weight:800;font-size:12px;z-index:20;pointer-events:none}.template-manager{margin-top:16px}.template-actions{display:grid;grid-template-columns:1fr 240px auto auto;gap:10px;margin-top:12px}.template-actions input,.template-actions select{width:100%;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.15);border-radius:10px;color:#fff;padding:12px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.admin-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-actions h2,.admin-actions p{width:100%}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.help-card{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,rgba(10,48,82,.72),rgba(4,21,42,.70));padding:20px}.help-card h3{color:#fff;margin-bottom:8px}.help-card p,.help-card li{color:#bed0e4;line-height:1.55}.help-card ul{padding-left:18px;margin-top:10px}.mobile-menu-toggle{display:none;position:fixed;left:14px;top:14px;z-index:90;width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#061b35;color:#fff;font-size:22px}
@media(max-width:1300px){.system-dashboard-grid{grid-template-columns:repeat(2,1fr)}.detail-hero-card,.detail-grid{grid-template-columns:1fr}.detail-action-grid{grid-template-columns:repeat(2,1fr)}.template-actions{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.mobile-menu-toggle{display:grid;place-items:center}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-300px;top:0;bottom:0;width:280px;z-index:80;transition:.22s ease;overflow:auto}.sidebar-open .sidebar{left:0}.app-main{margin-left:0}.system-dashboard-grid,.stats-grid,.detail-action-grid,.help-grid,.admin-grid{grid-template-columns:1fr!important}.top-user{max-width:210px}.notif-menu{right:-90px;width:310px}.data-table{min-width:760px}.table-card{overflow:auto}.detail-hero-grid{grid-template-columns:1fr}.supplier-layout,.contact-layout{grid-template-columns:1fr!important}.footer-info,.footer-item,.copyright{min-width:240px}.site-footer{overflow:auto}}
@media print{.sidebar,.app-top,.nav-side,.logout-btn,.btn,.enhance-export-bar,.mobile-menu-toggle{display:none!important}.app-shell{display:block}.app-main,main{padding:0!important}.table-card,.stat-card,.project-identity-card{break-inside:avoid;background:#fff!important;color:#000!important;border-color:#ddd!important}.data-table th,.data-table td{color:#000!important;border-color:#ddd!important}.cyan-text,.link-cyan{color:#000!important}}


/* ===== Pusat Komunikasi Proyek ===== */
.communication-heading p{max-width:980px;line-height:1.6}
.comm-hero{
  display:grid;
  grid-template-columns:1fr 330px;
  gap:18px;
  background:linear-gradient(135deg,rgba(7,45,77,.88),rgba(5,22,43,.88)),url('../images/bg-pinisi.jpg') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:26px;
  margin-bottom:16px;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.comm-eyebrow{display:inline-flex;margin-bottom:10px;color:#21d6de;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:12px}
.comm-hero h2{font-size:32px;margin-bottom:8px}
.comm-hero p{color:#d8e4f2;line-height:1.6;max-width:880px}
.comm-hero-side{
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:18px;
  display:grid;
  gap:8px;
  align-content:center;
}
.comm-hero-side small{color:#9db1c8;font-weight:800;text-transform:uppercase;font-size:11px}
.comm-hero-side strong{font-size:17px;color:#fff;margin-bottom:6px}
.comm-stat-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  margin-bottom:16px;
}
.comm-stat-grid article{
  min-height:118px;
  background:rgba(8,38,68,.76);
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  padding:16px;
  display:grid;
  gap:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.comm-stat-grid span{font-size:24px;color:#20d4df}
.comm-stat-grid small{color:#acc0d7}
.comm-stat-grid strong{font-size:34px;color:#fff}
.comm-main-grid{
  display:grid;
  grid-template-columns:410px 1fr;
  gap:16px;
  align-items:start;
}
.comm-left-panel,.comm-right-panel{display:grid;gap:16px}
.comm-panel{border-radius:14px}
.comm-panel h3{font-size:20px;margin-bottom:12px}
.comm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.comm-form-grid .full-span{grid-column:1/-1}
.comm-form .dark-field label{font-size:12px;color:#eaf2fb}
.comm-form .input-wrap{min-height:48px}
.comm-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.comm-form-actions .btn{min-height:44px;padding:0 16px;font-size:13px}
.priority-list{display:flex;flex-wrap:wrap;gap:8px}
.priority-list span{
  display:inline-flex;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(0,216,230,.08);
  border:1px solid rgba(0,216,230,.24);
  color:#d9edf5;
  font-size:12px;
  font-weight:800;
}
.weekly-summary-card{
  background:linear-gradient(180deg,rgba(10,48,82,.82),rgba(6,28,54,.78));
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:18px;
}
.weekly-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.weekly-head span{color:#21d6de;text-transform:uppercase;font-size:11px;font-weight:900}
.weekly-head h3{font-size:21px;margin-top:5px}
.weekly-head strong{font-size:40px;color:#21d6de}
.weekly-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.weekly-grid div{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  padding:12px;
}
.weekly-grid small,.weekly-list strong{display:block;color:#aebfd3;margin-bottom:6px}
.weekly-grid b{font-size:13px}
.weekly-list{display:grid;gap:8px}
.weekly-list span{display:block;color:#e1ebf7;font-size:13px;line-height:1.45}
.comm-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  background:rgba(6,28,54,.72);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:10px;
}
.comm-tabs button{
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#dbe7f4;
  font-weight:800;
  cursor:pointer;
}
.comm-tabs button.active{
  background:linear-gradient(135deg,#17cbd1,#078aa4);
  border-color:rgba(0,216,230,.45);
  color:#fff;
}
#comm-list{display:grid;gap:12px}
.comm-card{
  background:rgba(8,38,68,.78);
  border:1px solid rgba(255,255,255,.13);
  border-left-width:4px;
  border-radius:14px;
  padding:18px;
  box-shadow:0 12px 35px rgba(0,0,0,.14);
}
.comm-card.ok{border-left-color:#3ad36a}
.comm-card.wait{border-left-color:#ffc247}
.comm-card.bad{border-left-color:#ff665f}
.comm-card.info{border-left-color:#27d3df}
.comm-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}
.comm-card-head h3{font-size:19px;margin-top:5px}
.comm-type{
  display:inline-flex;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  color:#21d6de;
  letter-spacing:.04em;
}
.comm-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:7px 11px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.comm-status.ok{background:rgba(58,211,106,.14);color:#61e889}
.comm-status.wait{background:rgba(255,194,71,.14);color:#ffd274}
.comm-status.bad{background:rgba(255,102,95,.14);color:#ff9a94}
.comm-status.info{background:rgba(39,211,223,.14);color:#58e7ee}
.comm-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.comm-meta span{
  display:inline-flex;
  gap:4px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:6px 9px;
  color:#b8cadf;
  font-size:12px;
}
.comm-body-text{line-height:1.6;color:#e4edf8;margin-bottom:12px}
.comm-reply{
  border:1px solid rgba(0,216,230,.18);
  border-radius:10px;
  background:rgba(0,216,230,.06);
  padding:12px;
  margin-bottom:12px;
}
.comm-reply p{margin:6px 0;color:#e6f4fa}
.comm-reply small{color:#9fb8ca}
.comm-read-row{display:flex;gap:14px;flex-wrap:wrap;color:#aebed2;font-size:12px;margin-bottom:12px}
.comm-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.comm-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  text-align:center;
  background:rgba(8,38,68,.55);
  border:1px dashed rgba(255,255,255,.18);
  border-radius:14px;
  color:#c9d8ea;
}
.comm-empty span{display:block;color:#9fb1c8;margin-top:8px}
.comm-bottom-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
  margin-top:16px;
}
.comm-timeline{display:grid;gap:14px}
.comm-timeline-item{display:grid;grid-template-columns:28px 1fr;gap:12px}
.comm-timeline-item>span{
  width:15px;height:15px;border-radius:50%;background:#22d7df;margin-top:6px;box-shadow:0 0 0 6px rgba(0,216,230,.08);
}
.comm-timeline-item div{border-left:1px solid rgba(255,255,255,.12);padding-left:14px;padding-bottom:8px}
.comm-timeline-item b{display:block;color:#21d6de;font-size:12px;text-transform:uppercase;margin-bottom:4px}
.comm-timeline-item strong{display:block;font-size:15px;margin-bottom:4px}
.comm-timeline-item small{display:block;color:#aebfd3;line-height:1.45}
.read-status-list{display:grid;gap:12px}
.read-status-list div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:14px;
}
.read-status-list span{color:#b8c9dc}
.read-status-list strong{color:#fff;text-align:right}
.quick-contact-box{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:1500px){
  .comm-stat-grid{grid-template-columns:repeat(3,1fr)}
  .comm-main-grid,.comm-bottom-grid,.comm-hero{grid-template-columns:1fr}
}
@media(max-width:900px){
  .comm-stat-grid,.weekly-grid,.comm-form-grid{grid-template-columns:1fr}
  .comm-card-head,.weekly-head{display:block}
  .comm-hero h2{font-size:25px}
}

/* ===== Owner Monitoring Terpadu ===== */
.owner-monitoring-content{
  padding:28px 32px 44px;
  max-width:1680px;
  margin:0 auto;
}
.owner-monitoring-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  padding:22px 24px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(8,42,73,.92),rgba(3,25,51,.92));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.owner-monitoring-heading{min-width:0}
.owner-monitoring-eyebrow{
  display:inline-flex;
  margin-bottom:8px;
  color:#86eff5;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.owner-monitoring-heading h1{
  margin:0 0 6px;
  font-size:34px;
  line-height:1.1;
}
.owner-monitoring-heading p{
  max-width:720px;
  color:#c6d4e6;
  line-height:1.5;
}
.owner-monitoring-tools{
  display:grid;
  justify-items:end;
  gap:10px;
  min-width:480px;
}
.owner-monitoring-tools .owner-user-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  width:100%;
  flex-wrap:nowrap;
}
.owner-identity{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:170px;
  max-width:240px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.05);
}
.owner-identity>span{color:#83edf3;font-size:20px}
.owner-identity strong,.owner-identity small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.owner-identity strong{font-size:13px}
.owner-identity small{margin-top:2px;color:#9fb2c9;font-size:10px}
.owner-monitoring-tools .language-picker,
.owner-monitoring-tools .language-switcher,
.owner-monitoring-tools .pinisi-global-language-switcher{
  flex:0 0 190px;
  min-width:190px;
  max-width:190px;
}
.owner-monitoring-tools .logout-btn{flex:0 0 auto;white-space:nowrap}
.owner-monitoring-download{
  width:auto;
  min-height:44px;
  padding:0 20px;
}
.owner-monitoring-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  padding:11px 14px;
  border:1px solid rgba(0,216,230,.18);
  border-radius:10px;
  background:rgba(0,216,230,.06);
  color:#bdd0e4;
  font-size:13px;
}
.owner-monitoring-note>span{color:#47e6ef;font-size:18px}
.owner-monitoring-report{display:grid;gap:16px}
.owner-monitoring-report>section,
.owner-monitoring-report>.milestone-section{
  margin:0!important;
}
.owner-monitoring-page .milestone-report-root table{
  width:100%;
  table-layout:fixed;
}
.owner-monitoring-page .milestone-report-root th,
.owner-monitoring-page .milestone-report-root td{
  vertical-align:top;
  overflow-wrap:anywhere;
}
@media(max-width:1250px){
  .owner-monitoring-header{grid-template-columns:1fr;align-items:start}
  .owner-monitoring-tools{width:100%;min-width:0;justify-items:start}
  .owner-monitoring-tools .owner-user-row{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:720px){
  .owner-monitoring-content{padding:18px 14px 32px}
  .owner-monitoring-header{padding:18px}
  .owner-monitoring-heading h1{font-size:28px}
  .owner-monitoring-tools .owner-user-row{display:grid;grid-template-columns:1fr}
  .owner-identity,.owner-monitoring-tools .language-picker,.owner-monitoring-tools .language-switcher,.owner-monitoring-tools .pinisi-global-language-switcher{min-width:0;max-width:none;width:100%}
  .owner-monitoring-tools .logout-btn,.owner-monitoring-download{width:100%}
}

/* ===== Header Ringkas Seluruh Subhalaman Owner ===== */
#owner-daftar-pekerjaan-page .owner-subpage-top,
#owner-dokumentasi-foto-page .owner-subpage-top,
#owner-histori-progres-page .owner-subpage-top,
#my-pinisi-komunikasi-page .owner-top{
  display:grid;
  grid-template-columns:minmax(340px,1fr) minmax(520px,610px);
  align-items:start;
  gap:24px;
  padding:20px 22px;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(7,40,70,.90),rgba(3,23,47,.92));
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}
#owner-daftar-pekerjaan-page .owner-subpage-top>div:first-child,
#owner-dokumentasi-foto-page .owner-subpage-top>div:first-child,
#owner-histori-progres-page .owner-subpage-top>div:first-child,
#my-pinisi-komunikasi-page .owner-top>div:first-child{
  min-width:0;
  padding-top:4px;
}
#owner-daftar-pekerjaan-page .owner-subpage-top h1,
#owner-dokumentasi-foto-page .owner-subpage-top h1,
#owner-histori-progres-page .owner-subpage-top h1,
#my-pinisi-komunikasi-page .owner-top h1{
  margin:0 0 7px;
  font-size:32px;
  line-height:1.12;
}
#owner-daftar-pekerjaan-page .owner-subpage-top>div:first-child p,
#owner-dokumentasi-foto-page .owner-subpage-top>div:first-child p,
#owner-histori-progres-page .owner-subpage-top>div:first-child p,
#my-pinisi-komunikasi-page .owner-top>div:first-child p{
  max-width:680px;
  margin-top:0!important;
  color:#c7d5e6;
  line-height:1.5;
}
#owner-daftar-pekerjaan-page .owner-actions,
#owner-dokumentasi-foto-page .owner-actions,
#owner-histori-progres-page .owner-actions,
#my-pinisi-komunikasi-page .owner-actions{
  display:grid!important;
  grid-template-columns:190px minmax(300px,1fr);
  align-items:start!important;
  gap:10px;
  width:100%;
  min-width:0;
  margin:0;
}
#owner-daftar-pekerjaan-page .owner-actions>.language-switcher,
#owner-dokumentasi-foto-page .owner-actions>.language-switcher,
#owner-histori-progres-page .owner-actions>.language-switcher,
#my-pinisi-komunikasi-page .owner-actions>.language-switcher{
  grid-column:1;
  grid-row:1;
  width:190px;
  min-width:0;
  margin:0!important;
}
#owner-daftar-pekerjaan-page .owner-user-row,
#owner-dokumentasi-foto-page .owner-user-row,
#owner-histori-progres-page .owner-user-row,
#my-pinisi-komunikasi-page .owner-user-row{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  width:100%;
  min-width:0;
}
#owner-daftar-pekerjaan-page .owner-select,
#owner-dokumentasi-foto-page .owner-select,
#owner-histori-progres-page .owner-select,
#my-pinisi-komunikasi-page .owner-select{
  width:100%;
  min-width:0;
  max-width:none;
  overflow:hidden;
  padding:9px 11px;
}
#owner-daftar-pekerjaan-page .owner-select strong,
#owner-dokumentasi-foto-page .owner-select strong,
#owner-histori-progres-page .owner-select strong,
#my-pinisi-komunikasi-page .owner-select strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#owner-daftar-pekerjaan-page .owner-select small,
#owner-dokumentasi-foto-page .owner-select small,
#owner-histori-progres-page .owner-select small,
#my-pinisi-komunikasi-page .owner-select small{
  margin-left:0!important;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#owner-daftar-pekerjaan-page .readonly-box,
#owner-dokumentasi-foto-page .readonly-box,
#owner-histori-progres-page .readonly-box,
#my-pinisi-komunikasi-page .readonly-box{
  grid-column:1/-1;
  grid-row:2;
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:9px 12px;
  margin:0;
  border-radius:10px;
  background:rgba(0,216,230,.055);
}
#owner-daftar-pekerjaan-page .readonly-box>span:first-child,
#owner-dokumentasi-foto-page .readonly-box>span:first-child,
#owner-histori-progres-page .readonly-box>span:first-child,
#my-pinisi-komunikasi-page .readonly-box>span:first-child{
  font-size:20px!important;
  flex:0 0 auto;
}
#owner-daftar-pekerjaan-page .readonly-box strong,
#owner-dokumentasi-foto-page .readonly-box strong,
#owner-histori-progres-page .readonly-box strong,
#my-pinisi-komunikasi-page .readonly-box strong{
  font-size:12px;
}
#owner-daftar-pekerjaan-page .readonly-box p,
#owner-dokumentasi-foto-page .readonly-box p,
#owner-histori-progres-page .readonly-box p,
#my-pinisi-komunikasi-page .readonly-box p{
  margin:2px 0 0!important;
  font-size:11px;
  line-height:1.35;
}
@media(max-width:1380px){
  #owner-daftar-pekerjaan-page .owner-subpage-top,
  #owner-dokumentasi-foto-page .owner-subpage-top,
  #owner-histori-progres-page .owner-subpage-top,
  #my-pinisi-komunikasi-page .owner-top{
    grid-template-columns:1fr;
  }
  #owner-daftar-pekerjaan-page .owner-actions,
  #owner-dokumentasi-foto-page .owner-actions,
  #owner-histori-progres-page .owner-actions,
  #my-pinisi-komunikasi-page .owner-actions{
    max-width:610px;
  }
}
@media(max-width:720px){
  #owner-daftar-pekerjaan-page .owner-subpage-top,
  #owner-dokumentasi-foto-page .owner-subpage-top,
  #owner-histori-progres-page .owner-subpage-top,
  #my-pinisi-komunikasi-page .owner-top{
    padding:17px;
    gap:16px;
  }
  #owner-daftar-pekerjaan-page .owner-actions,
  #owner-dokumentasi-foto-page .owner-actions,
  #owner-histori-progres-page .owner-actions,
  #my-pinisi-komunikasi-page .owner-actions{
    grid-template-columns:1fr;
    max-width:none;
  }
  #owner-daftar-pekerjaan-page .owner-actions>.language-switcher,
  #owner-dokumentasi-foto-page .owner-actions>.language-switcher,
  #owner-histori-progres-page .owner-actions>.language-switcher,
  #my-pinisi-komunikasi-page .owner-actions>.language-switcher,
  #owner-daftar-pekerjaan-page .owner-user-row,
  #owner-dokumentasi-foto-page .owner-user-row,
  #owner-histori-progres-page .owner-user-row,
  #my-pinisi-komunikasi-page .owner-user-row,
  #owner-daftar-pekerjaan-page .readonly-box,
  #owner-dokumentasi-foto-page .readonly-box,
  #owner-histori-progres-page .readonly-box,
  #my-pinisi-komunikasi-page .readonly-box{
    grid-column:1;
    grid-row:auto;
    width:100%;
  }
  #owner-daftar-pekerjaan-page .owner-actions>.language-switcher,
  #owner-dokumentasi-foto-page .owner-actions>.language-switcher,
  #owner-histori-progres-page .owner-actions>.language-switcher,
  #my-pinisi-komunikasi-page .owner-actions>.language-switcher{
    width:100%;
  }
}

/* ===== 95% Final Polish Layer ===== */
#pt-toast-wrap{position:fixed;right:22px;bottom:22px;z-index:9999;display:grid;gap:10px;max-width:360px}
.pt-toast{transform:translateY(16px);opacity:0;background:rgba(4,22,45,.96);border:1px solid rgba(255,255,255,.16);border-left:4px solid #24d4df;border-radius:12px;padding:13px 15px;box-shadow:0 20px 55px rgba(0,0,0,.35);transition:.28s ease}
.pt-toast.show{transform:translateY(0);opacity:1}
.pt-toast strong{display:block;margin-bottom:3px;color:#fff}.pt-toast span{display:block;color:#c7d6e8;font-size:13px;line-height:1.45}.pt-toast.ok{border-left-color:#3ad36a}.pt-toast.warn{border-left-color:#ffc247}
.pt-profile-menu{position:absolute;z-index:9998;width:240px;background:rgba(4,22,45,.98);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.38);padding:12px;display:grid;gap:6px}
.pt-profile-menu strong{font-size:15px}.pt-profile-menu small{color:#9fb1c8;margin-bottom:7px}.pt-profile-menu a,.pt-profile-menu button{height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#e9f1fb;display:flex;align-items:center;padding:0 12px;cursor:pointer;text-align:left;font-weight:700}.pt-profile-menu button:hover,.pt-profile-menu a:hover{border-color:rgba(0,216,230,.35);background:rgba(0,216,230,.08)}
.pt-inline-filter{height:42px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(3,20,40,.62);color:#fff;padding:0 14px;min-width:150px}
.pt-mark-read{width:100%;height:34px;margin:8px 0;border-radius:8px;border:1px solid rgba(0,216,230,.24);background:rgba(0,216,230,.08);color:#bdf7ff;font-weight:800;cursor:pointer}
.pt-import-panel{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:16px}.pt-import-panel h3{font-size:18px;margin-bottom:4px}.pt-import-panel p{color:#b8c9dc;font-size:13px;line-height:1.5}.pt-import-panel #pt-rab-import-status{grid-column:1/-1;color:#bdf7ff;font-size:13px}
.owner-export-bar{display:flex;justify-content:flex-end;gap:12px;margin:0 0 14px}
.owner-simple-box{background:linear-gradient(135deg,rgba(8,44,75,.82),rgba(5,24,46,.82));border:1px solid rgba(0,216,230,.18);border-radius:14px;padding:18px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin:10px 0 14px}.owner-simple-box span{color:#21d6de;text-transform:uppercase;font-size:11px;font-weight:900}.owner-simple-box h3{font-size:20px;margin:5px 0}.owner-simple-box p{color:#c8d7e9}.owner-mode-actions{display:flex;gap:10px;flex-wrap:wrap}
.owner-simple-mode .data-table th:nth-child(3),.owner-simple-mode .data-table td:nth-child(3),.owner-simple-mode .data-table th:nth-child(4),.owner-simple-mode .data-table td:nth-child(4),.owner-simple-mode .data-table th:nth-child(5),.owner-simple-mode .data-table td:nth-child(5){display:none}
.owner-simple-mode .owner-card{border-color:rgba(0,216,230,.24)}
@media(max-width:900px){
  #pt-toast-wrap{left:14px;right:14px;bottom:14px;max-width:none}
  .pt-import-panel{grid-template-columns:1fr}
  .owner-simple-box{display:grid}
  .owner-mode-actions .btn{width:100%}
  .app-main{min-width:0}.content-pad,.owner-content{padding:16px!important}.table-card{overflow:auto}.data-table{min-width:760px}.table-head,.table-tools{display:grid!important;gap:10px}.table-tools>*{width:100%;min-width:0}.page-actions,.card-actions,.row-actions,.comm-card-actions{display:grid!important;grid-template-columns:1fr!important}.btn{width:100%;min-width:0}.progressbar{width:100%;min-width:100px}.gallery-item,.real-photo-card{min-width:0}.form-grid,.comm-form-grid{grid-template-columns:1fr!important}.dark-field.full-span{grid-column:1!important}.upload-grid,.upload-columns,.selection-grid,.assignment-layout,.result-grid,.bottom-result-grid{grid-template-columns:1fr!important}
  #progress-harian-page .content-pad,#dokumentasi-foto-page .content-pad{padding:14px!important}
  #progress-harian-page .form-panel,#dokumentasi-foto-page .form-panel{padding:14px}
  #daily-progress-form .form-grid{gap:12px}
  .photo-mini-link{display:grid;gap:6px}
}

/* ===== FINAL BUTTON + READABILITY FIX ===== */
:root{color-scheme:dark}
button,a,.btn,.card-btn,.quick-action,.stat-card,.detail-link,.project-card{cursor:pointer}
button:disabled,.btn:disabled{opacity:.72;cursor:pointer}
select.pinisi-readable-select,
.input-wrap select,
.dark-field select,
.comm-form select,
.inline-select,
.pt-inline-filter,
.pinisi-status-filter{
  background:#04152b!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.22)!important;
  color-scheme:dark;
}
select.pinisi-readable-select option,
.input-wrap select option,
.dark-field select option,
.comm-form select option,
.inline-select option,
.pt-inline-filter option,
.pinisi-status-filter option{
  background:#ffffff!important;
  color:#102036!important;
}
.white-card select,
.register-content select,
.white-card input,
.white-card textarea,
.register-content input,
.register-content textarea{
  background:#ffffff!important;
  color:#102036!important;
}
.white-card select option,
.register-content select option{
  background:#ffffff!important;
  color:#102036!important;
}
input,textarea{caret-color:auto}
.input-wrap input,
.input-wrap textarea{
  color:#ffffff;
}
.white-card .input-wrap input,
.white-card .input-wrap textarea,
.register-content .input-wrap input,
.register-content .input-wrap textarea{
  color:#102036!important;
}
#communication-center .input-wrap select,
#communication-center .input-wrap input,
#communication-center .input-wrap textarea{
  background:#04152b!important;
  color:#ffffff!important;
}
#communication-center select option{
  background:#ffffff!important;
  color:#102036!important;
}
#pinisi-global-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100000;
  display:grid;
  gap:10px;
  max-width:380px;
}
.pinisi-toast{
  opacity:0;
  transform:translateY(12px);
  background:rgba(4,22,45,.98);
  border:1px solid rgba(255,255,255,.17);
  border-left:4px solid #19d1df;
  border-radius:12px;
  box-shadow:0 22px 60px rgba(0,0,0,.38);
  padding:13px 15px;
  transition:.25s ease;
}
.pinisi-toast.show{opacity:1;transform:translateY(0)}
.pinisi-toast strong{display:block;margin-bottom:4px;color:#fff}
.pinisi-toast span{display:block;color:#c9d9ea;line-height:1.45;font-size:13px}
.pinisi-toast.ok{border-left-color:#42d66d}
.pinisi-toast.warn{border-left-color:#ffc247}
.pinisi-quick-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}
.pinisi-quick-links .btn{min-height:42px;padding:0 16px;font-size:13px}
.pinisi-status-filter{
  height:42px;
  border-radius:7px;
  padding:0 14px;
  min-width:155px;
}
.table-tools .pinisi-status-filter,
.table-tools .search-box{
  min-height:42px;
}
.comm-form select,
.comm-form input,
.comm-form textarea{
  font-weight:600;
}
.comm-form select:focus,
.input-wrap select:focus,
.inline-select:focus,
.pt-inline-filter:focus{
  outline:2px solid rgba(0,216,230,.45);
  outline-offset:2px;
}
@media(max-width:900px){
  #pinisi-global-toast{left:14px;right:14px;bottom:14px;max-width:none}
  .pinisi-quick-links{display:grid;grid-template-columns:1fr;width:100%}
  .pinisi-quick-links .btn{width:100%}
  select.pinisi-readable-select,.pinisi-status-filter{width:100%}
}

/* ===== FINAL LIVE FEATURES: SIDEBAR, HELP, BUTTONS ===== */
#pinisi-live-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100000;
  display:grid;
  gap:10px;
  max-width:380px;
}
.pinisi-live-toast{
  opacity:0;
  transform:translateY(12px);
  background:rgba(4,22,45,.98);
  border:1px solid rgba(255,255,255,.18);
  border-left:4px solid #1ed6e2;
  border-radius:12px;
  box-shadow:0 22px 60px rgba(0,0,0,.38);
  padding:13px 15px;
  transition:.25s ease;
}
.pinisi-live-toast.show{opacity:1;transform:translateY(0)}
.pinisi-live-toast strong{display:block;color:#fff;margin-bottom:3px}
.pinisi-live-toast span{display:block;color:#c9d8ea;font-size:13px;line-height:1.45}
.pinisi-live-toast.ok{border-left-color:#3fd76d}
.pinisi-live-toast.warn{border-left-color:#ffc247}
.shipyard-card{position:relative;cursor:pointer;user-select:none}
.shipyard-card:hover{border-color:rgba(0,216,230,.32);box-shadow:inset 0 0 0 1px rgba(0,216,230,.08)}
.shipyard-toggle-hint{
  position:absolute;
  left:16px;
  right:16px;
  bottom:-22px;
  display:none;
  color:#87a8bf;
  font-size:10px;
  letter-spacing:.01em;
}
.shipyard-card:hover .shipyard-toggle-hint{display:block}
.sidebar.shipyard-menu-collapsed .nav-side{
  display:none!important;
}
.sidebar.shipyard-menu-collapsed .side-section-title,
.sidebar.shipyard-menu-collapsed .sidebar-label{
  margin-bottom:12px;
}
.sidebar.shipyard-menu-collapsed .shipyard-card{
  border-color:rgba(0,216,230,.34);
  background:rgba(0,216,230,.09);
}
.sidebar.shipyard-menu-collapsed::after{
  content:'Menu galangan disembunyikan. Klik kartu galangan untuk menampilkan kembali.';
  display:block;
  margin:26px 14px;
  padding:14px;
  border:1px dashed rgba(0,216,230,.25);
  border-radius:12px;
  color:#b8c9dc;
  font-size:12px;
  line-height:1.5;
}
.pinisi-live-profile-menu{
  position:absolute;
  z-index:100001;
  width:250px;
  background:rgba(4,22,45,.98);
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  box-shadow:0 24px 65px rgba(0,0,0,.42);
  padding:12px;
  display:grid;
  gap:7px;
}
.pinisi-live-profile-menu strong{font-size:15px;color:#fff}
.pinisi-live-profile-menu small{display:block;color:#9fb2c8;margin-bottom:6px}
.pinisi-live-profile-menu a,
.pinisi-live-profile-menu button{
  height:38px;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:#f2f7ff;
  padding:0 12px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  text-align:left;
}
.pinisi-live-profile-menu a:hover,
.pinisi-live-profile-menu button:hover{
  border-color:rgba(0,216,230,.38);
  background:rgba(0,216,230,.1);
}
.help-back-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:linear-gradient(135deg,rgba(8,44,76,.92),rgba(4,22,45,.92));
  border:1px solid rgba(0,216,230,.25);
  border-radius:16px;
  padding:18px 20px;
  margin:16px 0 20px;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}
.help-back-box strong{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.help-back-box span{display:block;color:#bfd2e6;line-height:1.45}
.live-admin-panel{margin-bottom:18px}
.live-admin-panel p{color:#b8c9dc;line-height:1.55;margin:6px 0 14px}
.live-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.pinisi-readable-select,
select,
.input-wrap select,
.dark-field select,
.comm-form select{
  background:#04152b!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.22)!important;
}
.pinisi-readable-select option,
select option,
.input-wrap select option,
.dark-field select option,
.comm-form select option{
  background:#ffffff!important;
  color:#102036!important;
}
button:not(:disabled),a,.btn,.stat-card,.quick-action,.feature-card,.project-card,.help-card,.shipyard-card{cursor:pointer}
.nav-side .help-nav-link + .help-nav-link{display:none!important}
@media(max-width:900px){
  #pinisi-live-toast{left:14px;right:14px;bottom:14px;max-width:none}
  .help-back-box{display:grid}
  .help-back-box .btn{width:100%}
  .live-action-grid{grid-template-columns:1fr}
  .pinisi-live-profile-menu{left:14px!important;right:14px!important;width:auto!important}
}

/* ===== Owner Laporan Export Placement Fix ===== */
#owner-laporan-page .owner-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
#owner-laporan-page .owner-export-bar,
#owner-laporan-page .owner-export-below-name{
  position:static!important;
  top:auto!important;
  right:auto!important;
  width:100%;
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px;
  justify-content:stretch!important;
  align-items:center;
  margin:0!important;
  padding:10px;
  border:1px solid rgba(0,216,230,.18);
  border-radius:12px;
  background:rgba(0,216,230,.06);
}
#owner-laporan-page .owner-export-bar .btn{
  width:100%;
  min-height:42px;
  justify-content:center;
}
#owner-laporan-page main > .enhance-export-bar,
#owner-laporan-page .app-main > .enhance-export-bar{
  display:none!important;
}
@media(max-width:900px){
  #owner-laporan-page .owner-export-bar,
  #owner-laporan-page .owner-export-below-name{
    grid-template-columns:1fr;
  }
}

/* ===== SYSTEM ADMINISTRATOR LOCAL PANEL ===== */
.admin-login-page .login-card{border:1px solid rgba(0,216,230,.22)}
.admin-login-shell .login-copy h1{font-size:54px}
.system-admin-body .page-heading p b{color:#eaf7ff}
.system-admin-sidebar .side-section-title{color:#87e7f2}
.system-admin-content .form-panel{margin-bottom:18px}
.admin-tab-panel{display:none}
.admin-tab-panel.active{display:block}
.system-admin-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.admin-kpi{
  min-height:128px;
  background:linear-gradient(145deg,rgba(8,44,76,.92),rgba(4,22,45,.94));
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:18px;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
.admin-kpi div{font-size:30px;color:var(--cyan);margin-bottom:10px}
.admin-kpi span{display:block;color:#9fb2c8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.admin-kpi strong{display:block;color:#fff;font-size:26px;margin-top:6px}
.panel-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:16px;
}
.panel-title-row h3{margin-bottom:4px}
.panel-title-row p{color:#aebed2;line-height:1.55}
.admin-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#eaf7ff;
  font-size:12px;
  font-weight:900;
}
.admin-badge.ok{background:rgba(61,220,112,.12);border-color:rgba(61,220,112,.35);color:#9cf7b8}
.admin-badge.danger{background:rgba(255,82,82,.12);border-color:rgba(255,82,82,.35);color:#ffb2b2}
.admin-badge.role-admin{background:rgba(255,194,71,.12);border-color:rgba(255,194,71,.35);color:#ffd486}
.admin-badge.role-galangan{background:rgba(0,216,230,.12);border-color:rgba(0,216,230,.35);color:#9bf4ff}
.admin-badge.role-owner{background:rgba(157,124,255,.14);border-color:rgba(157,124,255,.35);color:#d0c3ff}
.admin-actions-cell{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.btn-mini{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  font-size:11px!important;
  border-radius:8px!important;
}
.btn-danger{
  background:rgba(255,82,82,.14)!important;
  border:1px solid rgba(255,82,82,.32)!important;
  color:#ffcccc!important;
}
.btn-danger:hover{background:rgba(255,82,82,.24)!important}
.admin-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.admin-alert{
  margin:0 0 16px;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid rgba(0,216,230,.2);
  background:rgba(0,216,230,.08);
  color:#eaf7ff;
  font-weight:800;
}
.admin-alert.ok{border-color:rgba(61,220,112,.35);background:rgba(61,220,112,.1);color:#b9ffcc}
.admin-alert.danger{border-color:rgba(255,82,82,.35);background:rgba(255,82,82,.1);color:#ffd0d0}
#system-admin-page table small{color:#98aeca}
#system-admin-page .table-tools{margin-bottom:12px}
#system-admin-page .search-box{
  width:320px;
  max-width:100%;
  background:#04152b!important;
  color:#fff!important;
}
@media(max-width:1200px){
  .system-admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .system-admin-kpis{grid-template-columns:1fr}
  .panel-title-row{display:grid}
  .admin-action-grid{grid-template-columns:1fr}
  .admin-actions-cell{display:grid}
  .btn-mini{width:100%}
}

/* ===== PROJECT ARCHIVE & DELETE FOR MY PROYEK ===== */
.project-life-actions{gap:7px;align-items:center;flex-wrap:wrap}
.btn-archive{
  background:rgba(255,194,71,.13)!important;
  border:1px solid rgba(255,194,71,.34)!important;
  color:#ffe0a3!important;
}
.btn-delete{
  background:rgba(255,82,82,.13)!important;
  border:1px solid rgba(255,82,82,.34)!important;
  color:#ffc7c7!important;
}
.btn-archive:hover{background:rgba(255,194,71,.22)!important}
.btn-delete:hover{background:rgba(255,82,82,.24)!important}
.project-life-archive-card{margin-top:22px}
.project-life-archived-pill{
  background:rgba(148,163,184,.14)!important;
  color:#d6deea!important;
  border-color:rgba(148,163,184,.28)!important;
}
.project-life-note{
  color:#aebed2;
  font-weight:800;
  font-size:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  border-radius:999px;
  padding:9px 12px;
}
#project-life-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:grid;
  gap:10px;
  max-width:360px;
}
.project-life-toast{
  background:#06203f;
  color:#eaf7ff;
  border:1px solid rgba(0,216,230,.25);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
  border-radius:14px;
  padding:13px 15px;
  font-weight:900;
}
.project-life-toast.danger{
  background:#401016;
  color:#ffd2d2;
  border-color:rgba(255,82,82,.36);
}
@media(max-width:780px){
  .project-life-actions{display:grid}
  .project-life-actions .btn{width:100%}
  .project-life-note{border-radius:12px}
}

/* ===== DELETE REQUEST WORKFLOW ===== */
.btn-delete-request{
  background:rgba(255,126,66,.14)!important;
  border:1px solid rgba(255,126,66,.36)!important;
  color:#ffd5bd!important;
}
.btn-delete-request:hover{background:rgba(255,126,66,.24)!important}
.btn-delete-request:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
  background:rgba(148,163,184,.13)!important;
  border-color:rgba(148,163,184,.28)!important;
  color:#d6deea!important;
}
.delete-request-card{
  margin-top:18px;
  border:1px solid rgba(255,126,66,.18)!important;
}
.delete-request-reason{
  max-width:360px;
  white-space:normal;
  line-height:1.45;
  color:#cbd7e8;
}
.admin-badge.pending{
  background:rgba(255,126,66,.13);
  border-color:rgba(255,126,66,.36);
  color:#ffd5bd;
}
.admin-badge.approved{
  background:rgba(61,220,112,.12);
  border-color:rgba(61,220,112,.35);
  color:#9cf7b8;
}
.admin-badge.rejected{
  background:rgba(255,82,82,.12);
  border-color:rgba(255,82,82,.35);
  color:#ffb2b2;
}

/* ===== PINISI TRACK TWO MODES / TRIAL EVALUATION ===== */
.trial-body{
  background:
    radial-gradient(circle at 20% 10%, rgba(0,216,230,.16), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(255,194,71,.12), transparent 24%),
    #061326;
  min-height:100vh;
  color:#eaf7ff;
}
.trial-topnav{
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(3,15,31,.92);
  backdrop-filter:blur(14px);
}
.trial-shell{
  width:min(1180px, calc(100% - 36px));
  margin:0 auto;
  padding:34px 0 64px;
}
.trial-hero,.trial-page-head{
  background:linear-gradient(135deg, rgba(8,44,76,.94), rgba(4,22,45,.96));
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  padding:34px;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
  position:relative;
  overflow:hidden;
}
.trial-hero:after,.trial-page-head:after{
  content:"";
  position:absolute;
  right:-80px;
  top:-80px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(0,216,230,.12);
}
.trial-label{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(0,216,230,.12);
  border:1px solid rgba(0,216,230,.28);
  color:#9bf4ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:14px;
}
.trial-hero h1,.trial-page-head h1{
  font-size:clamp(34px,5vw,58px);
  margin:0 0 12px;
  color:#fff;
}
.trial-hero p,.trial-page-head p{
  color:#c0ccdd;
  max-width:800px;
  line-height:1.7;
  font-size:16px;
}
.trial-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.trial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.trial-card,.trial-instruction-panel,.trial-account-box,.trial-form,.trial-dashboard-card{
  background:rgba(7,31,60,.88);
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  padding:22px;
  box-shadow:0 18px 50px rgba(0,0,0,.23);
}
.trial-card h3{margin:8px 0;color:#fff}
.trial-card p,.trial-instruction-panel p,.trial-account-box p,.trial-dashboard-card p{
  color:#b7c4d7;
  line-height:1.65;
}
.trial-card a{color:#9bf4ff;font-weight:900}
.trial-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(0,216,230,.23), rgba(255,194,71,.18));
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
}
.trial-instruction-panel,.trial-account-box{margin-top:20px}
.trial-steps{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.trial-steps div{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}
.trial-steps strong{color:#9bf4ff;min-width:42px}
.trial-steps span{color:#dce6f5}
.trial-account-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.trial-account-grid div{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px;
}
.trial-account-grid b{display:block;margin-bottom:8px}
.trial-account-grid code{
  display:block;
  color:#fff;
  background:#031225;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:9px;
}
.trial-summary-strip,.trial-dashboard-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.trial-summary-strip article,.trial-dashboard-kpis article{
  background:rgba(7,31,60,.88);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  padding:16px;
}
.trial-summary-strip span,.trial-dashboard-kpis span{
  display:block;
  color:#aab8cc;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.trial-summary-strip strong,.trial-dashboard-kpis strong{
  display:block;
  font-size:28px;
  color:#fff;
  margin-top:6px;
}
.uat-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:16px;
  background:rgba(7,31,60,.88);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:18px;
  margin-bottom:14px;
}
.uat-id{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,216,230,.12);
  color:#9bf4ff;
  font-size:12px;
  font-weight:900;
}
.uat-card h3{margin:12px 0 6px;color:#fff}
.uat-card p{color:#b7c4d7;line-height:1.6}
.uat-card-control{
  display:grid;
  gap:10px;
}
.uat-status-badge{
  justify-self:start;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
  font-size:12px;
}
.uat-status-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.uat-status-buttons button{
  background:#051b36;
  color:#d8e5f5;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  min-height:36px;
  font-weight:900;
  cursor:pointer;
}
.uat-status-buttons button.active{
  background:rgba(0,216,230,.18);
  border-color:rgba(0,216,230,.36);
  color:#a9f7ff;
}
.uat-card textarea,.trial-form textarea,.trial-form input,.trial-form select{
  width:100%;
  background:#04152b!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px;
  padding:12px;
}
.trial-form{margin-top:18px}
.trial-form .field{margin-bottom:16px}
.trial-form label{
  display:block;
  margin-bottom:8px;
  color:#dbe8f8;
  font-weight:900;
}
.trial-form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.trial-question-list{
  display:grid;
  gap:12px;
  margin-top:16px;
}
.trial-question{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:16px;
  align-items:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:14px;
}
.trial-likert{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.trial-likert label{
  margin:0;
  display:grid;
  place-items:center;
}
.trial-likert input{display:none}
.trial-likert span{
  width:42px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#061c38;
  border:1px solid rgba(255,255,255,.13);
  color:#fff;
  font-weight:900;
}
.trial-likert input:checked + span{
  background:rgba(0,216,230,.22);
  border-color:rgba(0,216,230,.46);
  color:#a9f7ff;
}
.trial-result-box{
  margin-top:16px;
  padding:16px;
  border-radius:14px;
  border:1px solid rgba(0,216,230,.24);
  background:rgba(0,216,230,.08);
  color:#eaf7ff;
}
.tam-dimension{
  display:inline-flex;
  min-width:54px;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,194,71,.13);
  color:#ffe3aa;
  font-weight:900;
  font-size:12px;
}
.trial-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.eval-row{
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:10px 0;
  color:#dce6f5;
}
.feedback-mini{
  padding:12px;
  border-radius:12px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:10px;
}
.feedback-mini p{margin:6px 0}
.feedback-mini small{color:#97a9c0}
.mini-list{
  display:grid;
  gap:9px;
}
#trial-toast-wrap{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99999;
  display:grid;
  gap:10px;
  width:min(360px,calc(100vw - 36px));
}
.trial-toast{
  background:#06203f;
  color:#eaf7ff;
  border:1px solid rgba(0,216,230,.28);
  border-radius:14px;
  padding:13px 15px;
  font-weight:900;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
}
.normal-mode-hero{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@media(max-width:1050px){
  .trial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trial-account-grid{grid-template-columns:1fr}
  .uat-card{grid-template-columns:1fr}
  .trial-question{grid-template-columns:1fr}
  .trial-summary-strip,.trial-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .trial-shell{width:min(100% - 22px,1180px);padding-top:18px}
  .trial-hero,.trial-page-head,.trial-card,.trial-form,.trial-dashboard-card{border-radius:18px;padding:18px}
  .trial-grid,.trial-dashboard-grid{grid-template-columns:1fr}
  .trial-summary-strip,.trial-dashboard-kpis{grid-template-columns:1fr}
  .trial-hero-actions,.trial-form-actions{display:grid}
  .trial-hero-actions .btn,.trial-form-actions .btn{width:100%}
  .trial-likert span{width:100%}
}

/* Supplier document upload - material offer */
.upload-strip-active{
  min-height:76px;
  height:auto;
  padding:16px 18px;
  flex-direction:column;
  align-items:center;
  text-align:center;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.upload-strip-active strong{font-size:14px}
.upload-strip-active span{line-height:1.35;max-width:520px}
.upload-strip-active.dragover,
.upload-strip-active:focus{
  border-color:rgba(0,216,230,.85);
  background:rgba(0,216,230,.09);
  outline:none;
}
.supplier-upload-info{
  margin-top:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(3,20,40,.42);
  border-radius:7px;
  padding:10px 12px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  color:#dce6f5;
  font-size:12px;
}
.supplier-upload-info strong{color:#fff}
.supplier-upload-info span{color:#9fefff;word-break:break-all}
.offer-history-list{margin-top:16px;display:grid;gap:10px}
.offer-history-item{border:1px solid rgba(255,255,255,.11);background:rgba(3,20,40,.38);border-radius:8px;padding:12px;display:grid;gap:5px}
.offer-history-item strong{font-size:13px;color:#fff}
.offer-history-item span,.offer-history-item small{font-size:12px;color:var(--muted)}
.material-source-note{margin:0 0 14px;border:1px solid rgba(0,216,230,.22);background:rgba(0,216,230,.07);border-radius:9px;padding:12px 14px;color:#d9faff;font-size:13px;line-height:1.45}


/* ===== CLEANUP REQUEST: HOME, MY PROYEK, DETAIL WBS, ADMINISTRATOR ===== */
#my-proyek-page .banner-flex{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
#my-proyek-page #add-project-link{
  margin-left:auto;
  align-self:flex-start;
  white-space:nowrap;
  min-width:max-content;
}
#my-proyek-page #pinisi-quick-links{display:none!important}
#detail-proyek-page .main-wbs-card{overflow:visible}
#detail-proyek-page .table-subtitle{
  margin:4px 0 16px;
  color:#aebfd3;
  line-height:1.55;
}
.main-wbs-list{
  display:grid;
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
}
.main-wbs-list li{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
.main-wbs-list li span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(0,216,230,.12);
  border:1px solid rgba(0,216,230,.26);
  color:#83f4ff;
  font-weight:900;
}
.main-wbs-list li strong{color:#fff;line-height:1.35}
.main-wbs-list li em{
  justify-self:end;
  font-style:normal;
  font-size:12px;
  font-weight:900;
  color:#b9c9db;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.05);
  white-space:nowrap;
}
#system-admin-page .content-pad.system-admin-content{
  max-width:1500px;
  margin:0 auto;
}
#system-admin-page .page-heading{
  margin-bottom:22px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,41,74,.78),rgba(4,22,44,.66));
}
#system-admin-page .page-heading h1{margin-top:8px;line-height:1.16}
#system-admin-page .page-heading p{max-width:900px;line-height:1.65;color:#b8c9dc}
.system-admin-kpis{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:16px!important;
}
.admin-kpi{
  min-height:142px;
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.admin-kpi small{
  display:block;
  margin-top:8px;
  color:#9fb2c8;
  line-height:1.35;
  font-size:12px;
  font-weight:700;
}
#system-admin-page .form-panel{
  padding:22px!important;
  border-radius:18px!important;
}
#system-admin-page .panel-title-row{
  align-items:center;
  gap:18px;
  padding-bottom:14px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#system-admin-page .panel-title-row h3{font-size:22px;line-height:1.25}
#system-admin-page .panel-title-row p{max-width:760px;margin-top:6px}
#system-admin-page .admin-refresh-status{display:block;margin-top:8px;color:#9fb3c9;line-height:1.4}
#system-admin-page .admin-refresh-status[data-state="loading"]{color:#ffd36a}
#system-admin-page .admin-refresh-status[data-state="success"]{color:#55e0a4}
#system-admin-page .admin-refresh-status[data-state="error"]{color:#ff8e86}
#system-admin-page .panel-title-row .btn{width:auto;min-width:138px;white-space:nowrap}
#system-admin-page .table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(2,15,31,.25);
}
#system-admin-page table{
  width:100%;
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
}
#system-admin-page th{
  position:sticky;
  top:0;
  z-index:1;
  background:#082844;
  color:#dffaff;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#system-admin-page th,
#system-admin-page td{
  padding:14px 16px!important;
  vertical-align:top;
  line-height:1.45;
}
#system-admin-page td strong{line-height:1.35}
#system-admin-page td small{display:block;margin-top:5px;line-height:1.35}
#system-admin-page .admin-actions-cell{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:10px!important;
  align-items:start;
  min-width:250px;
}
#system-admin-page .btn-mini{
  min-height:38px!important;
  height:auto!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  line-height:1.2!important;
  white-space:normal;
}
#system-admin-page .admin-action-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:14px!important;
}
#system-admin-page .admin-action-grid .btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
@media(max-width:900px){
  #my-proyek-page .banner-flex{display:grid;grid-template-columns:1fr}
  #my-proyek-page #add-project-link{width:100%;margin-left:0}
  .main-wbs-list li{grid-template-columns:40px 1fr}
  .main-wbs-list li em{grid-column:2;justify-self:start}
  #system-admin-page .panel-title-row{display:grid}
  #system-admin-page .panel-title-row .btn{width:100%}
}

/* ===== Revisi pilihan proyek dari statistik My Proyek ===== */
.project-choice-card[hidden]{display:none!important}
.project-choice-card{margin:18px 0 22px!important;border-radius:18px!important;overflow:visible!important}
.project-choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.project-choice-head h2{font-size:22px;margin-bottom:8px;color:#fff}
.project-choice-head p{color:#b9c8da;line-height:1.55}
.project-choice-head>span{min-width:96px;text-align:center;border:1px solid rgba(0,216,230,.35);background:rgba(0,216,230,.08);color:#dffcff;border-radius:999px;padding:8px 12px;font-weight:900}
.project-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-select-card{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(8,38,68,.88),rgba(4,21,42,.86));border-radius:16px;padding:18px;display:grid;gap:12px;box-shadow:0 16px 34px rgba(0,0,0,.16)}
.project-select-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.project-select-top span,.project-select-meta span{display:block;color:#9fb2c8;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.project-select-top strong{display:block;color:#25e0e8;font-size:22px;margin-top:3px}
.project-select-top em{font-style:normal;border:1px solid rgba(255,190,80,.34);background:rgba(255,190,80,.10);color:#ffd98b;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px;white-space:nowrap}
.project-select-card h3{font-size:18px;color:#fff;line-height:1.32}
.project-select-card p{color:#b9c8da}
.project-select-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.project-select-meta strong{color:#fff;font-size:18px}
.project-select-progress{height:8px;margin-top:-4px}
.project-select-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.project-select-actions .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center}
.project-choice-empty{border:1px dashed rgba(255,255,255,.18);border-radius:14px;padding:22px;text-align:center;color:#b9c8da;background:rgba(255,255,255,.035)}
.project-choice-empty strong{display:block;color:#fff;margin-bottom:6px}

/* ===== Revisi tabel Ringkasan WBS Detail Proyek ===== */
#detail-proyek-page .wbs-main-table{min-width:0!important;margin-top:14px}
#detail-proyek-page .wbs-main-table th:first-child,
#detail-proyek-page .wbs-main-table td:first-child{width:72px;text-align:center}
#detail-proyek-page .wbs-main-table td:nth-child(2){font-weight:800;color:#eef7ff;line-height:1.42}
#detail-proyek-page .wbs-main-table .pill{display:inline-flex;align-items:center;justify-content:center;min-width:112px;white-space:nowrap}

@media(max-width:1100px){.project-choice-grid{grid-template-columns:1fr}.project-choice-head{display:block}.project-choice-head>span{display:inline-block;margin-top:12px}}


/* ===== Revisi My Proyek: hapus area pilihan proyek & aksi cepat sesuai tanda kuning ===== */
#my-proyek-page .detail-link,
#my-proyek-page #project-choice-card,
#my-proyek-page .project-choice-card,
#my-proyek-page .quick-panel{display:none!important}
#my-proyek-page .stat-card{cursor:default!important}


/* ===== UPDATE: SIDEBAR & HEADER KONSISTEN SEMUA HALAMAN APP ===== */
:root{--sidebar:304px}
.app-body .sidebar{
  background:linear-gradient(180deg,rgba(2,18,37,.98),rgba(3,23,47,.94));
  border-right:1px solid rgba(255,255,255,.14);
  box-shadow:18px 0 42px rgba(0,0,0,.16);
  padding:16px 12px 0;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,216,230,.35) transparent;
}
.app-body .sidebar .logo-row{
  min-height:98px;
  padding:8px 8px 18px;
  border-bottom:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  gap:13px;
}
.app-body .sidebar .logo-row img{width:66px;height:58px;object-fit:contain}
.app-body .sidebar .brand-title{font-size:25px;line-height:1.05}
.app-body .sidebar .brand-sub{font-size:11px;line-height:1.25;color:#dfe8f5}
.sidebar-label,.side-section-title{
  display:block;
  font-size:12px;
  letter-spacing:2.2px;
  color:#9fb0c4;
  margin:22px 0 10px;
  padding:0 2px;
  text-transform:uppercase;
}
.app-body .shipyard-card{
  min-height:72px;
  margin:0 0 16px;
  padding:15px 14px;
  border:1px solid rgba(0,216,230,.12);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(0,216,230,.09),rgba(255,255,255,.035));
}
.app-body .shipyard-card strong{
  display:block;
  max-width:176px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-body .shipyard-card small{font-size:11px}
.nav-side{
  display:grid;
  gap:7px;
  padding-bottom:18px;
}
.nav-side a{
  min-height:52px;
  height:auto;
  border:1px solid transparent;
  border-radius:10px;
  padding:0 16px;
  gap:14px;
  color:#eef5ff;
  font-weight:800;
  letter-spacing:-.01em;
}
.nav-side a span:first-child{
  width:22px;
  min-width:22px;
  text-align:center;
  font-size:18px;
  color:#dce8f7;
}
.nav-side a:hover{
  background:rgba(0,216,230,.08);
  border-color:rgba(0,216,230,.18);
}
.nav-side a.active{
  background:linear-gradient(90deg,rgba(0,216,230,.22),rgba(0,216,230,.08));
  border-left:4px solid var(--cyan);
  border-color:rgba(0,216,230,.18);
  color:#fff;
  padding-left:12px;
}
.nav-side a.active span:first-child{color:var(--cyan)}
.side-user,.sidebar-user{
  margin-top:auto;
  border-top:1px solid rgba(255,255,255,.12);
  padding:18px 8px 20px;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:86px;
}
.side-user strong,.sidebar-user strong{
  display:block;
  max-width:162px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:13px;
}
.side-user small,.sidebar-user small{
  display:block;
  color:#b8c5d6;
  font-size:11px;
  margin-top:4px;
}
.app-body .avatar{
  width:46px;
  height:46px;
  min-width:46px;
  font-size:22px;
  box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
.app-top{
  position:sticky;
  top:0;
  z-index:45;
  height:72px;
  padding:0 36px;
  background:linear-gradient(90deg,rgba(2,16,34,.96),rgba(4,28,55,.92));
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.app-top .notif,
.app-top .notif-center{
  margin-right:4px;
}
.app-top .top-user{
  min-height:48px;
  padding-left:22px;
  border-left:1px solid rgba(255,255,255,.18);
}
.app-top .top-user strong{
  display:block;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.app-top .top-user small{
  max-width:240px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.logout-btn{
  height:42px;
  border-radius:10px;
  padding:0 18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
}
.logout-btn:hover{
  background:rgba(0,216,230,.16);
  border-color:rgba(0,216,230,.42);
}
.banner.slim-banner,.page-title-row,.communication-heading{
  margin-top:0;
}
@media(max-width:900px){
  :root{--sidebar:288px}
  .app-top{height:auto;min-height:66px;padding:10px 16px;gap:12px;flex-wrap:wrap}
  .app-top .top-user{padding-left:12px}
  .app-body .sidebar{padding:14px 10px 0}
  .nav-side a{min-height:48px}
}


#komunikasi-proyek-page .banner-flex,
#pengaturan-page .banner-flex,
#dokumentasi-foto-page .banner-flex{
  align-items:flex-start;
}
#komunikasi-proyek-page .banner-flex > div:first-child,
#pengaturan-page .banner-flex > div:first-child,
#dokumentasi-foto-page .banner-flex > div:first-child{
  width:100%;
}



/* ===== Header Hero Consistency Update ===== */
:root{
  --pinisi-header-height:72px;
  --pinisi-header-height-mobile:66px;
}
.app-main{position:relative;overflow:hidden}
.app-main::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:420px;
  background:
    linear-gradient(90deg,rgba(2,20,40,.96),rgba(2,20,40,.60),rgba(2,20,40,.92)),
    url('../images/bg-pinisi.jpg') center top/cover no-repeat;
  z-index:0;
  pointer-events:none;
}
.app-main > *{position:relative;z-index:1}
.app-top{
  position:sticky;
  top:0;
  z-index:45;
  min-height:var(--pinisi-header-height);
  height:var(--pinisi-header-height);
  background:linear-gradient(90deg,rgba(2,20,40,.72),rgba(2,20,40,.46),rgba(2,20,40,.68)) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.content-pad>.banner:first-child{
  margin:calc(-28px - var(--pinisi-header-height)) -48px 24px;
  padding:calc(30px + var(--pinisi-header-height)) 48px 44px;
  background:linear-gradient(90deg,rgba(2,20,40,.34),rgba(2,20,40,.18),rgba(2,20,40,.30));
}
.content-pad>.banner.slim-banner:first-child{
  padding-top:calc(28px + var(--pinisi-header-height));
}
.content-pad>.page-heading:first-child,
.content-pad>.page-title-row:first-child,
.content-pad>.communication-heading:first-child{
  margin:calc(-28px - var(--pinisi-header-height)) -48px 24px;
  padding:calc(30px + var(--pinisi-header-height)) 48px 36px;
  background:linear-gradient(90deg,rgba(2,20,40,.34),rgba(2,20,40,.18),rgba(2,20,40,.30));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.content-pad>.page-heading:first-child h1,
.content-pad>.page-title-row:first-child h1,
.content-pad>.communication-heading:first-child h1,
.owner-content>.owner-top:first-child h1,
.content-pad>.banner:first-child h1{
  text-shadow:0 8px 20px rgba(0,0,0,.32);
}
.owner-content>.owner-top:first-child{
  margin:-24px -30px 18px;
  padding:38px 30px 26px;
  background:linear-gradient(90deg,rgba(2,20,40,.34),rgba(2,20,40,.18),rgba(2,20,40,.30));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.owner-subpage .owner-top{
  margin-bottom:18px;
}
.owner-subpage .owner-top .owner-actions{
  align-self:flex-start;
}
#detail-proyek-page .content-pad>#detail-content,
#admin-page .content-pad>#admin-content,
#system-admin-page .content-pad>#admin-content{
  position:relative;
  z-index:2;
}
@media(max-width:900px){
  .app-main::before{height:360px}
  .app-top{
    min-height:var(--pinisi-header-height-mobile);
    height:auto;
  }
  .content-pad>.banner:first-child,
  .content-pad>.page-heading:first-child,
  .content-pad>.page-title-row:first-child,
  .content-pad>.communication-heading:first-child{
    margin:calc(-22px - var(--pinisi-header-height-mobile)) -22px 18px;
    padding:calc(26px + var(--pinisi-header-height-mobile)) 22px 32px;
  }
  .content-pad>.banner.slim-banner:first-child{
    padding-top:calc(26px + var(--pinisi-header-height-mobile));
  }
  .owner-content>.owner-top:first-child{
    margin:-22px -22px 18px;
    padding:28px 22px 24px;
  }
}


/* ===== Owner Header Cleanup ===== */
.owner-content>.owner-top:first-child,
.owner-subpage .owner-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:28px;
}
.owner-content>.owner-top:first-child > div:first-child,
.owner-subpage .owner-top > div:first-child{
  flex:1 1 auto;
  min-width:280px;
}
.owner-content>.owner-top:first-child .owner-actions,
.owner-subpage .owner-top .owner-actions{
  flex:0 0 320px;
  width:320px;
  max-width:100%;
  align-items:stretch;
}
.owner-content>.owner-top:first-child .owner-user-row,
.owner-subpage .owner-top .owner-user-row{
  justify-content:space-between;
  gap:12px;
}
.owner-content>.owner-top:first-child .owner-select,
.owner-subpage .owner-top .owner-select{
  min-width:0;
  flex:1 1 auto;
}
.owner-content>.owner-top:first-child .readonly-box,
.owner-subpage .owner-top .readonly-box{
  width:100%;
}
#pinisi-quick-links{display:none !important;}
@media(max-width:900px){
  .owner-content>.owner-top:first-child,
  .owner-subpage .owner-top{
    display:block;
  }
  .owner-content>.owner-top:first-child .owner-actions,
  .owner-subpage .owner-top .owner-actions{
    width:100%;
    margin-top:16px;
  }
}


/* Revisi Pengaturan: toggle Aktif/Tidak Aktif dapat diklik */
.toggle-list > div.setting-toggle-ready{
  grid-template-columns:minmax(0,1fr) 84px 46px;
  cursor:pointer;
  user-select:none;
  transition:background .18s ease,border-color .18s ease,opacity .18s ease;
}
.toggle-list > div.setting-toggle-ready:hover{
  border-color:rgba(0,216,230,.34);
  background:rgba(0,216,230,.055);
}
.toggle-list > div.setting-toggle-ready:focus-visible{
  outline:2px solid rgba(0,216,230,.75);
  outline-offset:3px;
}
.toggle-list > div.setting-toggle-ready b{
  text-align:right;
  white-space:nowrap;
  font-size:13px;
  color:#dfff39;
}
.toggle-list > div.setting-toggle-ready i{
  transition:background .18s ease;
}
.toggle-list > div.setting-toggle-ready i::after{
  transition:left .18s ease,right .18s ease,transform .18s ease;
}
.toggle-list > div.setting-toggle-ready.is-inactive{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.08);
}
.toggle-list > div.setting-toggle-ready.is-inactive span{
  opacity:.72;
}
.toggle-list > div.setting-toggle-ready.is-inactive b{
  color:#ffca6a;
}
.toggle-list > div.setting-toggle-ready.is-inactive i{
  background:linear-gradient(135deg,#5a6a7b,#33465b);
}
.toggle-list > div.setting-toggle-ready.is-inactive i::after{
  right:auto;
  left:2px;
}

/* ===== Kurva-S real-time dan grafik modern ===== */
#curve-canvas{width:100%;min-height:320px;display:block;border-radius:14px;background:linear-gradient(180deg,rgba(3,25,48,.72),rgba(2,15,31,.88));border:1px solid rgba(255,255,255,.10)}
.pinisi-visual-dashboard{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin:18px 0}
.pinisi-visual-card{background:rgba(8,38,68,.78);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.22);padding:18px;min-width:0}
.pinisi-visual-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.pinisi-visual-head h3{font-size:18px;margin-bottom:5px;color:#f6fbff}
.pinisi-visual-head p{font-size:13px;line-height:1.45;color:#b8c5d6;max-width:540px}
.pinisi-visual-head span{white-space:nowrap;border-radius:999px;background:rgba(0,216,230,.12);border:1px solid rgba(0,216,230,.25);color:#9df7ff;font-size:12px;font-weight:800;padding:7px 11px}
#pinisi-progress-bar-canvas{width:100%;height:320px;display:block;border-radius:12px;background:rgba(2,16,33,.52);border:1px solid rgba(255,255,255,.08)}
.pinisi-donut-layout{display:grid;grid-template-columns:minmax(220px,.85fr) 1fr;gap:12px;align-items:center}
#pinisi-weight-pie-canvas{width:100%;height:300px;display:block;border-radius:12px;background:rgba(2,16,33,.52);border:1px solid rgba(255,255,255,.08)}
.pinisi-donut-legend{display:grid;gap:9px;align-content:center}
.pinisi-donut-legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:12px;color:#d6e3f3}
.pinisi-donut-legend-row i{width:10px;height:10px;border-radius:50%;display:inline-block}
.pinisi-donut-legend-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9d8ea}
.pinisi-donut-legend-row strong{color:#fff;font-size:12px}
.owner-visual-dashboard{grid-template-columns:1fr 1fr;margin:18px 0 0}
.owner-visual-dashboard .pinisi-visual-card{background:rgba(8,38,68,.86)}
.report-note li strong,.owner-report-notes li strong{color:#9df7ff}
@media(max-width:1180px){.pinisi-visual-dashboard,.owner-visual-dashboard{grid-template-columns:1fr}.pinisi-donut-layout{grid-template-columns:1fr}}

/* PDF RAB/WBS auto import panel */
.pinisi-pdf-rab-panel{
  margin:18px 0 22px;
  padding:18px;
  border:1px solid rgba(34,211,238,.22);
  background:linear-gradient(135deg,rgba(12,31,53,.88),rgba(8,21,38,.74));
  border-radius:20px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.pinisi-pdf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pinisi-pdf-head h3{margin:0 0 6px;color:#f6fbff;font-size:18px}
.pinisi-pdf-head p{margin:0;max-width:760px;color:#b8c7da;line-height:1.55}
.pinisi-pdf-note{margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);color:#c8d5e6;font-size:13px}
.pinisi-pdf-status{margin-top:12px;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.5;border:1px solid rgba(255,255,255,.12);color:#d9e8f6;background:rgba(255,255,255,.06)}
.pinisi-pdf-status.ok{border-color:rgba(52,211,153,.35);background:rgba(5,150,105,.13);color:#dffbef}
.pinisi-pdf-status.warn{border-color:rgba(251,191,36,.35);background:rgba(180,83,9,.13);color:#fff1cc}
.pinisi-pdf-status.info{border-color:rgba(34,211,238,.28);background:rgba(8,145,178,.12);color:#d6f7ff}
#wizard-rab-file-status + .pinisi-pdf-status,
#pinisi-wizard-pdf-status{margin-top:14px}

/* ===== Laporan full actions, insight cards, and export-ready detail ===== */
.pinisi-laporan-action-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 0 16px;
  padding:16px 18px;
  border:1px solid rgba(34,211,238,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(8,38,68,.84),rgba(8,21,38,.72));
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.pinisi-laporan-action-left strong{display:block;color:#f6fbff;font-size:17px;margin-bottom:4px}
.pinisi-laporan-action-left span{display:block;color:#b8c5d6;font-size:13px;line-height:1.45}
.pinisi-laporan-action-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.pinisi-laporan-action-buttons .btn{white-space:nowrap;min-height:38px}
.pinisi-laporan-insights{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:18px 0}
.pinisi-insight-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,38,68,.80);box-shadow:0 18px 46px rgba(0,0,0,.20);padding:18px;min-width:0}
.pinisi-insight-card::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#00d8e6,#d89b42);opacity:.92}
.pinisi-insight-card h3{font-size:18px;margin:2px 0 8px;color:#f6fbff}
.pinisi-insight-card p{color:#b8c5d6;font-size:13px;line-height:1.55;margin-bottom:14px}
.pinisi-insight-card ul{margin:12px 0 0 18px;color:#d8e6f5;line-height:1.75;font-size:13px}
.pinisi-insight-card li::marker{color:#00d8e6}
.pinisi-insight-card strong{color:#9df7ff}
.pinisi-insight-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pinisi-insight-kpis div,.pinisi-ranked-info div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:13px;padding:11px 12px}
.pinisi-insight-kpis span,.pinisi-ranked-info span{display:block;color:#9fb1c8;font-size:12px;margin-bottom:5px}
.pinisi-insight-kpis strong,.pinisi-ranked-info b{display:block;color:#fff;font-size:18px;line-height:1.25}
.pinisi-ranked-info{display:grid;grid-template-columns:1fr;gap:10px}
.pinisi-ranked-info small{display:block;color:#c4d2e4;font-size:12px;line-height:1.35;margin:3px 0 6px;max-height:34px;overflow:hidden}
.pinisi-laporan-detail-table{margin:18px 0!important}
.pinisi-laporan-detail-table .table-scroll{max-height:480px;overflow:auto}
.pinisi-report-printing .sidebar,.pinisi-report-printing .app-top,.pinisi-report-printing .pinisi-laporan-action-toolbar,.pinisi-report-printing .page-actions,.pinisi-report-printing .owner-actions,.pinisi-report-printing [data-footer],.pinisi-report-printing .site-footer{display:none!important}
.pinisi-report-printing .app-main{margin:0!important;width:100%!important;background:#fff!important;color:#111!important}
.pinisi-report-printing .content-pad,.pinisi-report-printing .owner-content{padding:18px!important;background:#fff!important;color:#111!important}
.pinisi-report-printing .supplier-card,.pinisi-report-printing .table-card,.pinisi-report-printing .stat-card,.pinisi-report-printing .owner-card,.pinisi-report-printing .pinisi-visual-card,.pinisi-report-printing .pinisi-insight-card{break-inside:avoid;background:#fff!important;color:#111!important;border:1px solid #ccc!important;box-shadow:none!important}
.pinisi-report-printing *{color:#111!important;text-shadow:none!important}
@media(max-width:1280px){.pinisi-laporan-insights{grid-template-columns:1fr}.pinisi-laporan-action-toolbar{align-items:flex-start;flex-direction:column}.pinisi-laporan-action-buttons{justify-content:flex-start}}
@media(max-width:760px){.pinisi-insight-kpis{grid-template-columns:1fr}.pinisi-laporan-action-buttons .btn,.pinisi-laporan-action-buttons a{width:100%;justify-content:center}}

/* My Pinisi transparency dashboard */
.owner-transparency-dashboard{display:grid;gap:16px;margin:18px 0 0}
.owner-transparency-title-card{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px!important}
.owner-transparency-title-card h2{font-size:24px;margin:4px 0 8px;color:#f6fbff}
.owner-transparency-title-card p{max-width:760px;color:#b8c5d6;line-height:1.55}
.owner-transparency-eyebrow{display:inline-block;border-radius:999px;background:rgba(0,216,230,.12);border:1px solid rgba(0,216,230,.25);color:#9df7ff;font-size:12px;font-weight:800;padding:7px 11px;text-transform:uppercase;letter-spacing:.04em}
.owner-transparency-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:680px}
.owner-transparency-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.owner-transparency-kpis .owner-card{min-height:132px;padding:18px!important;display:flex;flex-direction:column;justify-content:center}
.owner-transparency-kpis span{color:#dfe8f5;font-size:13px}
.owner-transparency-kpis strong{display:block;color:#9df7ff;font-size:26px;line-height:1.15;margin:8px 0 4px}
.owner-transparency-kpis small{color:#b8c5d6;line-height:1.35}
.owner-transparency-chart-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}
.owner-transparency-chart-grid canvas{width:100%;height:310px;display:block}
.owner-transparency-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.owner-transparency-card-head h3{font-size:18px;margin-bottom:5px;color:#f6fbff}
.owner-transparency-card-head p{font-size:13px;color:#b8c5d6;line-height:1.45}
.owner-transparency-card-head span{white-space:nowrap;border-radius:999px;background:rgba(0,216,230,.12);border:1px solid rgba(0,216,230,.25);color:#9df7ff;font-size:12px;font-weight:800;padding:7px 11px}
.owner-donut-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(160px,.72fr);gap:12px;align-items:center}
.owner-donut-legend{display:grid;gap:8px}
.owner-donut-legend-row{display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:center;color:#dfe8f5;font-size:12px}
.owner-donut-legend-row i{width:11px;height:11px;border-radius:50%;display:block}
.owner-donut-legend-row strong{color:#fff;font-size:12px}
.owner-transparency-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.owner-transparency-insight-grid .owner-card{padding:20px!important}
.owner-transparency-insight-grid h3{font-size:18px;margin-bottom:8px;color:#f6fbff}
.owner-transparency-insight-grid p{color:#b8c5d6;line-height:1.5;margin-bottom:10px}
.owner-transparency-insight-grid ul{margin:0 0 0 18px;color:#dfe8f5;line-height:1.7}
.owner-transparency-insight-grid li::marker{color:#00d8e6}
.owner-transparency-insight-grid strong{color:#9df7ff}
.owner-transparency-table-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.owner-transparency-activity-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.owner-photo-mini-list{display:grid;gap:10px}
.owner-photo-mini-item{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);text-decoration:none;color:#f6fbff}
.owner-photo-mini-item img,.owner-photo-mini-placeholder{width:74px;height:58px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#9df7ff}
.owner-photo-mini-item strong{display:block;color:#fff;margin-bottom:2px}
.owner-photo-mini-item span,.owner-photo-mini-item small{display:block;color:#b8c5d6;line-height:1.35}
.owner-photo-mini-empty{padding:18px;border-radius:14px;border:1px dashed rgba(255,255,255,.20);color:#b8c5d6;display:grid;gap:6px;text-align:center}
.owner-photo-mini-empty strong{color:#f6fbff}
@media(max-width:1400px){.owner-transparency-title-card{flex-direction:column}.owner-transparency-actions{justify-content:flex-start;max-width:none}.owner-transparency-kpis{grid-template-columns:repeat(2,1fr)}.owner-transparency-chart-grid,.owner-transparency-table-grid,.owner-transparency-activity-grid{grid-template-columns:1fr}.owner-transparency-insight-grid{grid-template-columns:1fr}.owner-donut-layout{grid-template-columns:1fr}}
@media(max-width:760px){.owner-transparency-kpis{grid-template-columns:1fr}.owner-transparency-actions .btn{width:100%;justify-content:center}.owner-photo-mini-item{grid-template-columns:1fr}.owner-photo-mini-item img,.owner-photo-mini-placeholder{width:100%;height:160px}}

/* ===== My Pinisi: mode ringkas / mode teknis aktif ===== */
.owner-mode-notice{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,216,230,.12),rgba(216,155,66,.08));
  border:1px solid rgba(0,216,230,.22);
  color:#dfe8f5;
}
.owner-mode-notice strong{
  flex:0 0 auto;
  color:#9df7ff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-radius:999px;
  border:1px solid rgba(0,216,230,.26);
  background:rgba(0,216,230,.10);
  padding:7px 10px;
}
.owner-mode-notice span{line-height:1.5;color:#c8d7e9}
.owner-mode-btn.is-active,
.owner-mode-actions .btn.is-active{
  border-color:rgba(157,247,255,.75)!important;
  box-shadow:0 0 0 3px rgba(0,216,230,.12),0 12px 28px rgba(0,216,230,.10);
}
body.owner-mode-ringkas #owner-transparency-dashboard .owner-transparency-table-grid,
body.owner-mode-ringkas #owner-transparency-dashboard .owner-transparency-activity-grid{
  display:none!important;
}
body.owner-mode-ringkas #owner-transparency-dashboard .owner-transparency-insight-grid{
  grid-template-columns:1fr!important;
}
body.owner-mode-ringkas #owner-transparency-dashboard #owner-insight-bar,
body.owner-mode-ringkas #owner-transparency-dashboard #owner-insight-pie{
  display:none!important;
}
body.owner-mode-ringkas #owner-transparency-dashboard .owner-transparency-title-card p::after{
  content:' Mode ringkas sedang aktif: tabel teknis disembunyikan, tetapi semua data tetap tersedia dan dapat dibuka melalui Mode Teknis.';
  color:#9df7ff;
}
body.owner-mode-teknis #owner-transparency-dashboard .owner-transparency-table-grid,
body.owner-mode-teknis #owner-transparency-dashboard .owner-transparency-activity-grid{
  display:grid!important;
}
body.owner-mode-teknis #owner-transparency-dashboard #owner-insight-bar,
body.owner-mode-teknis #owner-transparency-dashboard #owner-insight-pie{
  display:block!important;
}
body.owner-mode-teknis #owner-transparency-dashboard .owner-transparency-insight-grid{
  grid-template-columns:repeat(3,1fr);
}
@media(max-width:900px){
  .owner-mode-notice{display:grid}
  .owner-mode-notice strong{width:max-content}
  body.owner-mode-teknis #owner-transparency-dashboard .owner-transparency-insight-grid{grid-template-columns:1fr}
}

/* Production progress upload preview + save state */
.daily-photo-preview{
  width:100%;
  margin-top:12px;
  padding:10px;
  border:1px solid rgba(0,224,255,.22);
  border-radius:14px;
  background:rgba(8,35,58,.78);
  display:flex;
  align-items:center;
  gap:12px;
}
.daily-photo-preview.hidden{display:none!important}
.daily-photo-preview img{
  width:96px;
  height:70px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.daily-photo-preview strong{display:block;color:#f7fbff;font-size:.95rem;margin-bottom:3px}
.daily-photo-preview span{display:block;color:#cbd8ea;font-size:.82rem;word-break:break-all}
.daily-photo-preview small{display:block;color:#84e9f2;font-size:.76rem;margin-top:4px;line-height:1.35}
.pinisi-save-notice{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(15,35,58,.8);
  color:#dbeafe;
  font-size:.9rem;
  line-height:1.45;
}
.pinisi-save-notice.success{border-color:rgba(22,220,155,.45);background:rgba(8,74,61,.48);color:#eafff7}
.pinisi-save-notice.warning{border-color:rgba(245,158,11,.45);background:rgba(92,61,9,.42);color:#fff7df}
.pinisi-save-notice.error{border-color:rgba(248,113,113,.5);background:rgba(94,29,29,.46);color:#fff1f1}
.pinisi-save-notice.info{border-color:rgba(34,211,238,.45);background:rgba(8,47,73,.46);color:#e0faff}
.table-photo-thumb,
.gallery-photo-img,
.owner-doc-thumb,
.owner-doc-cover-img{
  object-fit:cover;
  background:rgba(255,255,255,.06);
}
.table-photo-thumb{width:54px;height:42px;border-radius:8px;margin-right:8px;vertical-align:middle}
.photo-mini-link{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;text-decoration:none;max-width:240px}
.photo-mini-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* Pinisi Track - status warna global */
.pinisi-status-badge,.pinisi-project-status,.pill,.pill-blue,.badge,.status-chip{transition:background .18s ease,color .18s ease,border-color .18s ease}
.status-plan,.pinisi-status-plan{background:#ffc107!important;color:#111827!important;border-color:rgba(255,193,7,.75)!important}
.status-process,.pinisi-status-process{background:#38bdf8!important;color:#ffffff!important;border-color:#38bdf8!important}
.status-done,.pinisi-status-done{background:#22c55e!important;color:#ffffff!important;border-color:rgba(34,197,94,.85)!important}
.status-delay,.pinisi-status-delay{background:#ef4444!important;color:#ffffff!important;border-color:rgba(239,68,68,.85)!important}

/* Revisi final status proyek: Dalam Proses menggunakan latar biru muda agar berbeda jelas dari Perencanaan kuning. */
.pinisi-status-badge.status-plan,.status-plan,.pinisi-status-plan{background:#ffc107!important;color:#111827!important;border-color:#ffc107!important}
.pinisi-status-badge.status-process,.status-process,.pinisi-status-process{background:#38bdf8!important;color:#ffffff!important;border-color:#38bdf8!important}
.pinisi-status-badge.status-done,.status-done,.pinisi-status-done{background:#22c55e!important;color:#ffffff!important;border-color:#22c55e!important}
.pinisi-status-badge.status-delay,.status-delay,.pinisi-status-delay{background:#ef4444!important;color:#ffffff!important;border-color:#ef4444!important}


/* Final WBS status badge normalization */
.pinisi-status-badge.status-process,.status-process,.pinisi-status-process,.wbs-status-dalam-proses{background:#38bdf8!important;color:#ffffff!important;border-color:#38bdf8!important}
.wbs-status-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;padding:7px 10px!important;font-size:.78rem!important;line-height:1.05!important;font-weight:800!important;white-space:nowrap!important;min-width:78px!important}
.wbs-status-belum-mulai{background:#facc15!important;color:#111827!important;border-color:#facc15!important}
.wbs-status-selesai{background:#22c55e!important;color:#ffffff!important;border-color:#22c55e!important}
.wbs-status-tertunda{background:#ef4444!important;color:#ffffff!important;border-color:#ef4444!important}
#wbs-project-status.pinisi-status-badge{font-size:1rem!important;line-height:1.1!important;width:fit-content!important;min-width:112px!important;max-width:180px!important;padding:9px 13px!important;margin-top:5px!important}

/* Formula note for WBS aggregation clarity */
.wbs-formula-note{
  margin: 0 18px 14px;
  padding: 12px 14px;
  border: 1px solid rgba(56,189,248,.35);
  background: rgba(56,189,248,.08);
  border-radius: 12px;
  color: #d8e7f7;
  font-size: .92rem;
  line-height: 1.55;
}
.wbs-formula-note strong{color:#22d3ee;}


/* ===== FIX FINAL: keterbacaan baris ibu/master WBS ===== */
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row,
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td{
  background:#f8fafc!important;
  opacity:1!important;
}
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:not(:last-child),
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:not(:last-child) strong,
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:not(:last-child) span,
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:not(:last-child) div{
  color:#111827!important;
}
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:last-child .pinisi-status-badge,
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:last-child .wbs-status-chip{
  opacity:1!important;
}
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:last-child .status-process,
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:last-child .pinisi-status-process,
#wbs-bobot-page #wbs-bobot-tbody tr.wbs-parent-row td:last-child .wbs-status-dalam-proses{
  background:#38bdf8!important;
  color:#ffffff!important;
  border-color:#38bdf8!important;
}

/* Pinisi Track v11 - Input progress tambahan harian */
.form-help{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:#64748b;font-weight:500}
.history-sub{display:block;margin-top:4px;font-size:11px;color:#64748b;white-space:nowrap}

/* Progress harian correction/delete controls */
.pinisi-delete-progress{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;border-radius:999px!important;font-weight:800!important;box-shadow:none!important;}
.pinisi-delete-progress:hover{background:#fecaca!important;color:#7f1d1d!important;}
.pinisi-save-notice.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;}
.pinisi-save-notice.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}
.pinisi-save-notice.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;}

/* Pinisi Track v17 - My Pinisi foto cover produksi */
.empty-photo.has-owner-cover-photo{
  padding:0;
  overflow:hidden;
  border-style:solid;
  border-color:rgba(0,216,230,.34);
  background:rgba(255,255,255,.04);
}
.owner-main-cover-link{
  display:grid;
  grid-template-rows:1fr auto auto;
  width:100%;
  height:100%;
  min-height:235px;
  text-decoration:none;
  color:#f6fbff;
}
.owner-main-cover-img{
  width:100%;
  height:175px;
  object-fit:cover;
  display:block;
  background:rgba(255,255,255,.06);
}
.owner-main-cover-link span{
  display:block;
  margin:12px 14px 2px;
  color:#9df7ff;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.owner-main-cover-link strong{
  display:block;
  margin:0 14px 14px;
  color:#fff;
  font-size:13px;
}

/* - Jenis Proyek: Bangunan Baru / Repair */
.project-scope-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}
.scope-choice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.scope-subpanel{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(4,20,38,.38)}
.scope-subpanel strong{display:block;color:#fff;margin-bottom:4px}
.repair-scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.repair-scope-grid .checker-pill{justify-content:flex-start;min-height:42px}
.repair-scope-grid .checker-pill input{margin-right:8px}
.pinisi-scope-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(17,212,221,.35);background:rgba(17,212,221,.10);color:#dffbff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}

/* - pemisahan total penawaran dan dasar bobot RAB */
.rab-weight-basis-note{
  margin:10px 0 0;
  padding:9px 11px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:10px;
  background:rgba(248,250,252,.9);
  color:#334155;
  font-size:12px;
  line-height:1.45;
}
#wbs-bobot-page #wbs-bobot-tbody .wbs-name.level-3{padding-left:52px!important;}

/* ===== Kurva-S: titik aktual jelas, tooltip, dan ringkasan progres ===== */
.pinisi-scurve-host{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  clear:both;
}
.pinisi-scurve-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:14px;
  align-items:stretch;
  width:100%;
  margin-top:12px;
}
.pinisi-scurve-main{
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(3,25,48,.74),rgba(2,15,31,.90));
}
.pinisi-scurve-legend{
  display:flex;
  flex-wrap:wrap;
  gap:11px 18px;
  align-items:center;
  margin:0 2px 10px;
  color:#d5e1ef;
  font-size:12px;
}
.pinisi-scurve-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.pinisi-scurve-legend i{display:inline-block;width:25px;height:0;border-top:3px solid #25c46a;border-radius:999px}
.pinisi-scurve-legend i.plan{border-top-color:#4f8cff;border-top-style:dashed}
.pinisi-scurve-legend i.actual{border-top-color:#25c46a}
.pinisi-scurve-legend i.point{width:11px;height:11px;border:3px solid #68e49b;background:#071d31;border-radius:50%}
.pinisi-scurve-canvas-box{position:relative;min-width:0}
.pinisi-scurve-layout #curve-canvas{
  width:100% !important;
  min-height:320px;
  height:320px !important;
  display:block;
  border-radius:12px;
  background:rgba(2,16,33,.45);
  border:1px solid rgba(255,255,255,.07);
}
.pinisi-scurve-summary{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:15px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(10,42,73,.94),rgba(5,25,47,.96));
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.pinisi-scurve-summary h4{margin:0 0 2px;color:#f6fbff;font-size:15px}
.pinisi-scurve-kpi,.pinisi-scurve-period{
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(255,255,255,.045);
}
.pinisi-scurve-kpi span,.pinisi-scurve-period span{display:block;color:#aebed1;font-size:11px;margin-bottom:4px}
.pinisi-scurve-kpi strong,.pinisi-scurve-period strong{display:block;color:#fff;font-size:19px;line-height:1.15}
.pinisi-scurve-kpi.plan strong{color:#72a1ff}
.pinisi-scurve-kpi.actual strong{color:#68e49b}
.pinisi-scurve-kpi.deviation strong{color:#dbe7f4}
.pinisi-scurve-kpi.deviation strong.is-positive{color:#68e49b}
.pinisi-scurve-kpi.deviation strong.is-negative{color:#ff7d88}
.pinisi-scurve-period strong{font-size:14px}
.pinisi-scurve-status{
  margin-top:auto;
  padding:11px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
}
.pinisi-scurve-status b,.pinisi-scurve-status small{display:block}
.pinisi-scurve-status b{color:#e8f2fc;font-size:12px;line-height:1.35;margin-bottom:4px}
.pinisi-scurve-status small{color:#aebed1;font-size:10.5px;line-height:1.45}
.pinisi-scurve-status.is-small,.pinisi-scurve-status.is-ahead{border-color:rgba(104,228,155,.36);background:rgba(37,196,106,.10)}
.pinisi-scurve-status.is-small b,.pinisi-scurve-status.is-ahead b{color:#9af0bc}
.pinisi-scurve-status.is-behind{border-color:rgba(255,125,136,.35);background:rgba(255,84,98,.09)}
.pinisi-scurve-status.is-behind b{color:#ff9aa3}
.pinisi-scurve-hover{
  position:absolute;
  z-index:8;
  display:none;
  width:138px;
  pointer-events:none;
  padding:9px 10px;
  border:1px solid rgba(104,228,155,.65);
  border-radius:9px;
  background:rgba(4,28,39,.96);
  box-shadow:0 10px 25px rgba(0,0,0,.32);
  color:#e7fff0;
  font-size:10.5px;
  line-height:1.45;
}
.pinisi-scurve-hover.is-visible{display:block}
.pinisi-scurve-hover b,.pinisi-scurve-hover span{display:block}
.pinisi-scurve-hover b{margin-bottom:3px;color:#fff}
.pinisi-scurve-hover span:last-child{color:#68e49b}

/* Legenda lama disembunyikan karena diganti legenda Kurva-S yang konsisten. */
.pinisi-scurve-host > .chart-legend,
.pinisi-scurve-host > .legend{display:none !important}

@media(max-width:1080px){
  .pinisi-scurve-layout{grid-template-columns:1fr}
  .pinisi-scurve-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
  .pinisi-scurve-summary h4{grid-column:1/-1}
  .pinisi-scurve-status{grid-column:1/-1;margin-top:0}
}
@media(max-width:700px){
  .pinisi-scurve-main{padding:10px}
  .pinisi-scurve-layout #curve-canvas{min-height:285px;height:285px !important}
  .pinisi-scurve-summary{grid-template-columns:1fr 1fr}
  .pinisi-scurve-summary h4,.pinisi-scurve-status{grid-column:1/-1}
  .pinisi-scurve-legend{gap:9px 12px;font-size:11px}
}

/* Material quotation decision and delivery tracking */
.tracking-content,.tracking-workspace{max-width:1480px;margin:0 auto}
.tracking-workspace{padding-top:22px}
.tracking-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}
.tracking-stat{min-height:112px;padding:18px;border:1px solid rgba(105,139,171,.28);border-radius:14px;background:#fff;color:#102b45;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto 1fr;column-gap:12px;box-shadow:0 10px 28px rgba(14,39,64,.07)}
.app-body .tracking-stat{background:#09233d;color:#eaf4ff;border-color:#254763;box-shadow:none}
.tracking-stat i{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e7f7fa;color:#0799aa;font-style:normal;font-size:20px}
.tracking-stat span{font-size:12px;color:#718398}.app-body .tracking-stat span{color:#a9bed1}
.tracking-stat strong{font-size:28px;line-height:1.1;align-self:end}
.tracking-stat.green i{background:#e8f7ef;color:#168552}.tracking-stat.gold i{background:#fff2d9;color:#a56b00}.tracking-stat.blue i{background:#e8f2ff;color:#317dc9}
.tracking-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.tracking-toolbar .supplier-search-field,.tracking-toolbar .material-search-box{flex:1}.tracking-toolbar>strong{margin-left:auto;white-space:nowrap}
.shipyard-tracking-toolbar{padding:14px;background:#08223b;border:1px solid #244662;border-radius:12px}.shipyard-tracking-toolbar .material-search-box{min-width:280px}
.tracking-feedback{padding:12px 15px;margin:0 0 16px;border-radius:10px;background:#dff8ee;color:#126b4c;font-weight:700}.app-body .tracking-feedback{background:#0a463b;color:#88f1cf}.tracking-feedback.error{background:#ffe7e4;color:#9e3025}.app-body .tracking-feedback.error{background:#4a2024;color:#ffc1b9}
.tracking-card-list{display:grid;gap:18px}.tracking-card{overflow:hidden;border:1px solid #d4e0ea;border-radius:16px;background:#fff;color:#132d46;box-shadow:0 10px 30px rgba(14,39,64,.08)}
.app-body .tracking-card{background:#08223b;color:#eef6ff;border-color:#284965;box-shadow:none}.tracking-card.accepted,.tracking-card.received{border-color:#43b887}
.tracking-card-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #e1e8ef}.app-body .tracking-card-head{border-color:#24445f}
.tracking-card-head span{display:block;color:#148a99;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tracking-card-head h2{margin:5px 0 4px;font-size:21px}.tracking-card-head small{color:#718398}
.tracking-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#e7edf3;color:#425a70;font-size:12px;font-weight:900;white-space:nowrap}
.status-diterima,.status-tersedia,.status-diterima-galangan,.status-selesai{background:#dff6eb;color:#14734b}.status-ditolak{background:#ffe3df;color:#a2352c}.status-sedang-ditinjau,.status-dalam-pengiriman{background:#fff0ce;color:#885b00}.status-siap-dikirim,.status-tiba-di-galangan{background:#dff3fb;color:#087591}
.offer-decision{padding:14px 22px;background:#f5f8fb}.app-body .offer-decision{background:#0c2b49}.offer-decision strong{font-size:14px}.offer-decision p{margin:7px 0 0;color:#62788c;font-size:13px}.app-body .offer-decision p{color:#b7c8d7}
.tracking-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 22px}.tracking-summary-grid>div{padding:12px;border-radius:10px;background:#f2f6f9}.app-body .tracking-summary-grid>div{background:#0c2d4c}.tracking-summary-grid>div.wide{grid-column:span 2}.tracking-summary-grid span{display:block;color:#728599;font-size:11px;margin-bottom:5px}.app-body .tracking-summary-grid span{color:#9fb6ca}.tracking-summary-grid strong{font-size:14px}
.tracking-timeline{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 22px 22px}.tracking-timeline>div{position:relative;text-align:center;color:#8ba0b3;font-size:10px}.tracking-timeline>div:before{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:#d8e2e9}.app-body .tracking-timeline>div:before{background:#294c68}.tracking-timeline>div:first-child:before{display:none}.tracking-timeline i{position:relative;z-index:1;width:25px;height:25px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;background:#dce5ec;color:#60798e;font-style:normal;font-weight:900}.tracking-timeline .done{color:#16815a}.tracking-timeline .done:before,.tracking-timeline .done i{background:#42bd8b;color:#fff}
.tracking-editor{margin:0 22px 20px;border:1px solid #d6e2eb;border-radius:12px;background:#f8fafc}.tracking-editor summary{cursor:pointer;padding:14px 16px;color:#0c8694;font-weight:900}.tracking-editor form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 16px 16px}.tracking-editor label span{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.tracking-editor input,.tracking-editor select,.tracking-editor textarea{width:100%;padding:11px 12px;border:1px solid #cbd8e3;border-radius:8px;background:#fff;color:#153047;font:inherit}.tracking-editor textarea{min-height:82px;resize:vertical}.tracking-editor .wide{grid-column:1/-1}.tracking-editor button{grid-column:1/-1;justify-self:end}
.tracking-complete-note,.tracking-note{margin:0 22px 18px;padding:12px 14px;border-radius:10px;background:#e5f7ee;color:#17734e}.app-body .tracking-note{background:#0d3549;color:#c3dae8}
.tracking-card footer{padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e1e8ef;color:#75889a;font-size:11px}.app-body .tracking-card footer{border-color:#24445f;color:#a9bed1}
.shipyard-tracking-body{display:grid;grid-template-columns:245px minmax(0,1fr);gap:4px;padding:18px 22px}.shipyard-tracking-body .tracking-summary-grid{padding:0 0 16px}.shipyard-tracking-body .tracking-timeline{padding:8px 0 18px}
.tracking-photo{min-height:205px;margin-right:18px;border-radius:12px;overflow:hidden;background:#edf3f7;display:grid;place-items:center}.app-body .tracking-photo{background:#0c2d4c}.tracking-photo img{display:none;width:100%;height:100%;min-height:205px;object-fit:cover}.tracking-photo.loaded img{display:block}.tracking-photo>div{text-align:center;color:#8296a7;font-size:28px}.tracking-photo>div span{display:block;max-width:170px;margin-top:7px;font-size:11px}
@media(max-width:1200px){.tracking-stat-grid{grid-template-columns:repeat(3,1fr)}.tracking-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.tracking-stat-grid{grid-template-columns:1fr 1fr}.tracking-toolbar{align-items:stretch;flex-direction:column}.tracking-toolbar>strong{margin-left:0}.shipyard-tracking-body{grid-template-columns:1fr}.tracking-photo{margin:0 0 16px}.tracking-editor form{grid-template-columns:1fr}.tracking-editor .wide,.tracking-editor button{grid-column:1}.tracking-timeline{overflow:auto}.tracking-timeline>div{min-width:105px}}
@media(max-width:560px){.tracking-stat-grid,.tracking-summary-grid{grid-template-columns:1fr}.tracking-summary-grid>div.wide{grid-column:auto}.tracking-card-head,.tracking-card footer{align-items:flex-start;flex-direction:column}.tracking-card-head,.offer-decision,.tracking-summary-grid,.tracking-timeline,.shipyard-tracking-body{padding-left:15px;padding-right:15px}.tracking-editor{margin-left:15px;margin-right:15px}}

/* ===== Revisi terpadu 27 Juli 2026 ===== */
/* Penawaran baru tetap menggunakan tema gelap agar seluruh teks terbaca. */
#supplier-offers-page .supplier-offer-table tbody tr.offer-row-new{
  background:linear-gradient(90deg,rgba(14,116,144,.24),rgba(8,42,75,.78))!important;
  color:#f4f8fc!important;
  box-shadow:inset 4px 0 0 #22d3ee;
}
#supplier-offers-page .supplier-offer-table tbody tr.offer-row-new td,
#supplier-offers-page .supplier-offer-table tbody tr.offer-row-new td strong{
  color:#f4f8fc!important;
}
#supplier-offers-page .supplier-offer-table tbody tr.offer-row-new td small{
  color:#b9cadb!important;
}
#supplier-offers-page .supplier-offer-table tbody tr.offer-row-new td>a{
  color:#63e6ef!important;
}

/* Tiga KPI monitoring: fisik, finansial, dan hasil deviasi/prestasi. */
#finance-monitoring-page .finance-monitor-kpis{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#finance-monitoring-page .finance-monitor-kpis article.deviation.positive strong{
  color:#45df83!important;
}
#finance-monitoring-page .finance-monitor-kpis article.deviation.positive{
  border-color:rgba(69,223,131,.42);
  background:linear-gradient(145deg,rgba(14,77,55,.88),rgba(4,39,34,.90));
}
#finance-monitoring-page .finance-monitor-kpis article.deviation.negative strong{
  color:#ff8d7b!important;
}

/* Tombol Edit dan Hapus tetap rapi dalam satu kolom aksi. */
.finance-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.finance-row-actions .btn{min-width:70px}
.finance-table th:last-child,.finance-table td:last-child{min-width:166px}

/* Seluruh judul dan data tabel laporan memakai garis kolom yang sama. */
#laporan-page .milestone-report-root table,
#owner-laporan-page .milestone-report-root table{
  width:100%;
  border-collapse:collapse;
}
#laporan-page .milestone-report-root table th,
#laporan-page .milestone-report-root table td,
#owner-laporan-page .milestone-report-root table th,
#owner-laporan-page .milestone-report-root table td{
  text-align:left!important;
  vertical-align:top;
  padding-left:14px;
  padding-right:14px;
}
#laporan-page .milestone-report-root table th,
#owner-laporan-page .milestone-report-root table th{
  white-space:normal;
}

@media(max-width:900px){
  #finance-monitoring-page .finance-monitor-kpis{grid-template-columns:1fr}
}

.pinisi-scurve-legacy-hidden{display:none !important}

/* Administrator: lifecycle galangan & wizard hapus permanen 5 tahap */
.admin-badge.archived{
  background:rgba(255,194,71,.12);
  border-color:rgba(255,194,71,.35);
  color:#ffd486;
}
#system-admin-page .admin-row-archived td{background:rgba(255,194,71,.035)}
#system-admin-page .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.admin-modal-open{overflow:hidden}
.admin-delete-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,9,18,.82);
  backdrop-filter:blur(7px);
}
.admin-delete-modal.open{display:flex}
.admin-delete-dialog{
  width:min(920px,100%);
  max-height:92vh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(250px,1fr) auto;
  background:linear-gradient(180deg,#10263b,#091a2b);
  color:#edf6ff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  box-shadow:0 28px 90px rgba(0,0,0,.48);
}
.admin-delete-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px 18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.admin-delete-header h2{margin:4px 0 5px;font-size:26px}
.admin-delete-header p{margin:0;color:#aebfd0;line-height:1.55}
.admin-danger-kicker{font-size:11px;letter-spacing:.16em;color:#ff9e9e;font-weight:800}
.admin-modal-close{
  width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:10px;
  background:rgba(255,255,255,.06);color:#fff;font-size:26px;line-height:1;cursor:pointer;
}
.admin-delete-progress{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  padding:18px 26px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.admin-delete-step{position:relative;text-align:center;color:#72879b}
.admin-delete-step:not(:last-child)::after{
  content:"";position:absolute;top:16px;left:60%;right:-40%;height:2px;background:rgba(255,255,255,.1)
}
.admin-delete-step span{
  position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;margin:0 auto 7px;
  border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0b1d2e;font-weight:800;
}
.admin-delete-step small{font-size:11px;line-height:1.25;display:block}
.admin-delete-step.active{color:#9cf4ff}
.admin-delete-step.active span{border-color:#00cad8;background:rgba(0,202,216,.15);color:#a5f9ff}
.admin-delete-step.done{color:#9ee9b4}
.admin-delete-step.done span{border-color:#4ed47d;background:rgba(78,212,125,.14);color:#baffcd}
.admin-delete-step.done:not(:last-child)::after{background:rgba(78,212,125,.45)}
.admin-delete-body{overflow:auto;padding:24px 26px}
.admin-delete-footer{
  display:flex;justify-content:space-between;gap:12px;padding:18px 26px;
  border-top:1px solid rgba(255,255,255,.09);background:rgba(2,10,18,.28)
}
.wizard-stage-card{
  border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:22px;background:rgba(255,255,255,.035)
}
.wizard-stage-card h3{margin:0 0 8px;font-size:21px}
.wizard-stage-card>p{margin:0 0 20px;color:#b7c7d7;line-height:1.65}
.wizard-stage-card.warning{border-color:rgba(255,194,71,.32)}
.wizard-stage-card.success{border-color:rgba(78,212,125,.32)}
.wizard-stage-card.danger-final{border-color:rgba(255,98,98,.38);background:rgba(255,70,70,.045)}
.wizard-check-list{display:grid;gap:10px;margin:18px 0}
.wizard-check-list>div{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 14px}
.wizard-check-list>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800}
.wizard-check-list .pass>span{background:rgba(78,212,125,.15);color:#adffc4}
.wizard-check-list .fail>span{background:rgba(255,194,71,.14);color:#ffd98e}
.wizard-check-list strong,.wizard-check-list small{display:block}
.wizard-check-list small{margin-top:3px;color:#aabccc}
.wizard-success-note,.wizard-backup-status{
  margin-top:16px;padding:12px 14px;border-radius:10px;background:rgba(78,212,125,.1);border:1px solid rgba(78,212,125,.25);color:#bcffce
}
.wizard-backup-status:not(.done){background:rgba(255,194,71,.08);border-color:rgba(255,194,71,.23);color:#ffd998}
.wizard-textarea,.wizard-confirm-input{
  width:100%;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#071522;color:#f4f9ff;
  padding:13px 14px;font:inherit;outline:none
}
.wizard-textarea{min-height:135px;resize:vertical;line-height:1.55}
.wizard-textarea:focus,.wizard-confirm-input:focus{border-color:#26d2df;box-shadow:0 0 0 3px rgba(38,210,223,.1)}
.wizard-char-count{text-align:right;margin-top:7px;color:#8095a8;font-size:12px}
.wizard-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.wizard-impact-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(2,10,18,.2)}
.wizard-impact-grid span{color:#b7c7d7}
.wizard-impact-grid strong{font-size:18px;color:#fff}
.wizard-project-ids{padding:13px 14px;border-radius:10px;background:rgba(255,255,255,.045);color:#bfcedc;line-height:1.55}
.wizard-confirm-row{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;cursor:pointer;line-height:1.5}
.wizard-confirm-row input{margin-top:4px;width:17px;height:17px;accent-color:#0ecbd7}
.wizard-input-label{display:block;margin:18px 0 8px;color:#c6d3df}
.wizard-input-label code{color:#fff;background:rgba(255,255,255,.08);padding:3px 7px;border-radius:6px}
.wizard-final-summary{margin-top:16px;padding:14px;border-left:3px solid #ff7373;background:rgba(255,90,90,.06);line-height:1.65;color:#c9d6e1}
@media(max-width:720px){
  .admin-delete-modal{padding:8px}
  .admin-delete-dialog{max-height:98vh;border-radius:14px}
  .admin-delete-header,.admin-delete-body,.admin-delete-footer{padding-left:16px;padding-right:16px}
  .admin-delete-progress{padding:14px 10px;gap:2px}
  .admin-delete-step small{font-size:9px}
  .admin-delete-step span{width:29px;height:29px}
  .admin-delete-step:not(:last-child)::after{top:14px}
  .wizard-impact-grid{grid-template-columns:1fr}
}

/* Password visibility toggle on Galangan/Owner login */
.password-wrap{position:relative;padding-right:6px}
.password-wrap input{padding-right:8px}
.password-toggle{
  width:42px;
  height:42px;
  min-width:42px;
  border:0;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:transparent;
  color:#aebbd0;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.password-toggle:hover,
.password-toggle:focus-visible{
  background:rgba(0,216,230,.12);
  color:var(--cyan);
  outline:2px solid rgba(0,216,230,.35);
  outline-offset:1px;
}
.password-toggle:active{transform:scale(.94)}
.password-toggle .eye-icon{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.password-toggle .eye-closed{display:none}
.password-toggle.is-visible .eye-open{display:none}
.password-toggle.is-visible .eye-closed{display:block}


/* Kebutuhan Material: filter aktif dan pengelolaan oleh galangan */
.material-filter-row{grid-template-columns:minmax(300px,1.5fr) repeat(4,minmax(145px,.72fr)) 150px;align-items:center}
.material-search-box{height:44px;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(3,20,40,.7);padding:0 14px;color:var(--muted)}
.material-search-box:focus-within{border-color:rgba(0,216,230,.65);box-shadow:0 0 0 3px rgba(0,216,230,.08)}
.material-search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;min-width:0}
.material-search-box input::placeholder{color:#92a6bb}
.material-management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(0,216,230,.25);border-radius:9px;background:rgba(0,216,230,.075)}
.material-management-toolbar div{display:grid;gap:4px}.material-management-toolbar strong{color:#fff}.material-management-toolbar span{font-size:12.5px;color:var(--muted);line-height:1.45}
.material-feedback{margin:0 0 14px;border-radius:8px;padding:11px 14px;font-size:13px;border:1px solid rgba(69,195,109,.38);background:rgba(69,195,109,.12);color:#c8f8d6}
.material-feedback.error{border-color:rgba(255,85,76,.38);background:rgba(255,85,76,.12);color:#ffd0cb}
.material-table-scroll{overflow:auto}.material-table{min-width:920px}.material-table.manage-enabled{min-width:1060px}
.material-table-footer{display:flex;justify-content:space-between;gap:18px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:var(--muted)}
.material-action-cell{white-space:nowrap}.material-action-buttons{display:flex;gap:7px;align-items:center}
.material-action-btn{height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;padding:0 10px;cursor:pointer;font-weight:700;font-size:12px}
.material-action-btn:hover{border-color:rgba(0,216,230,.58);background:rgba(0,216,230,.1)}
.material-action-btn.danger{border-color:rgba(255,85,76,.32);color:#ffb8b2}.material-action-btn.danger:hover{background:rgba(255,85,76,.13);border-color:rgba(255,85,76,.62)}
.material-empty-row td{text-align:center!important;padding:34px 16px!important;color:var(--muted)!important}
.material-modal{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:22px}.material-modal.open{display:flex}
.material-modal-backdrop{position:absolute;inset:0;background:rgba(0,7,16,.78);backdrop-filter:blur(3px)}
.material-modal-card{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#0a1d32;color:#fff;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.material-modal-card h2{font-size:24px;margin:0 38px 6px 0}.material-modal-card>p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 20px}
.material-modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;font-size:23px;cursor:pointer}
.material-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.material-field{display:grid;gap:7px}.material-field-wide{grid-column:1/-1}.material-field span{font-size:13px;font-weight:800}.material-field b{color:#ff6b62}
.material-field input,.material-field select,.material-field textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(3,20,40,.72);color:#fff;padding:0 13px;outline:none;font:inherit}.material-field input,.material-field select{height:43px}.material-field textarea{min-height:92px;padding:12px 13px;resize:vertical}
.material-field input:focus,.material-field select:focus,.material-field textarea:focus{border-color:rgba(0,216,230,.62);box-shadow:0 0 0 3px rgba(0,216,230,.08)}
.material-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;margin-top:4px}
.status-procurement{background:rgba(216,155,66,.22);color:#ffe0a7}.status-fulfilled{background:rgba(69,195,109,.2);color:#aff5c6}.status-disabled{background:rgba(255,255,255,.1);color:#cbd6e5}
body.material-modal-open{overflow:hidden}
@media(max-width:1500px){.material-filter-row{grid-template-columns:1fr 1fr 1fr}.material-filter-row .material-search-box{grid-column:1/-1}}
@media(max-width:900px){.material-management-toolbar,.material-table-footer{align-items:stretch;flex-direction:column}.material-management-toolbar .btn{width:100%}.material-form{grid-template-columns:1fr}.material-field-wide{grid-column:auto}.material-modal-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.material-filter-row{grid-template-columns:1fr}.material-filter-row .material-search-box{grid-column:auto}}
.green-text{color:var(--green)!important}

/* Penawaran Material lintas perangkat */
.offer-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.offer-stat{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:17px;box-shadow:0 5px 18px rgba(23,48,72,.05)}.offer-stat small{display:block;color:#62748a;font-size:12px}.offer-stat strong{display:block;color:#123b55;font-size:28px;line-height:1.1;margin:7px 0 4px}.offer-stat span{color:#8a99aa;font-size:12px}.supplier-offer-head{align-items:flex-start;gap:16px}.supplier-offer-tools{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.supplier-offer-tools .search-box{min-width:245px}.supplier-offer-tools select{min-width:170px}.supplier-offer-feedback{min-height:0;margin:0 20px;color:#496174;font-size:13px}.supplier-offer-feedback:not(:empty){padding:10px 12px;border-radius:8px;background:#edf6fa;margin-bottom:12px}.supplier-offer-feedback[data-type="success"]{background:#eaf8f1;color:#176b49}.supplier-offer-feedback[data-type="error"]{background:#fff0ed;color:#9d3b2f}.supplier-offer-table-wrap{overflow:auto}.supplier-offer-table{min-width:1120px}.supplier-offer-table td{vertical-align:top}.supplier-offer-table td small{display:block;color:#7a899a;margin-top:4px;max-width:250px}.supplier-offer-table td>a{font-weight:700;color:#0d7890}.offer-row-new{background:#f3fbfd}.offer-file-link{border:0;background:transparent;color:#0b7892;font-weight:700;cursor:pointer;padding:0;text-align:left}.offer-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;background:#eef2f5;color:#566778}.offer-status-baru{background:#e8f7fb;color:#08758b}.offer-status-sedang-ditinjau{background:#fff5dc;color:#8b6200}.offer-status-diterima{background:#e7f7ee;color:#1e754d}.offer-status-ditolak{background:#fdecea;color:#9b3b34}.offer-status-selesai{background:#ebeff5;color:#3f536b}.offer-empty{padding:35px;text-align:center}.offer-empty strong,.offer-empty span{display:block}.offer-empty span{margin-top:7px;color:#7b8999}.offer-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:22px}.offer-modal.hidden{display:none}.offer-modal-backdrop{position:absolute;inset:0;background:rgba(5,19,31,.74);backdrop-filter:blur(3px)}.offer-modal-panel{position:relative;width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.offer-modal-close{position:absolute;right:17px;top:14px;border:0;background:#eef3f6;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.offer-modal-heading span{color:#0b8197;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.offer-modal-heading h2{margin:7px 42px 4px 0;color:#15384f}.offer-modal-heading p{margin:0;color:#748496}.offer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.offer-detail-grid>div{border:1px solid #e0e7ee;background:#f9fbfc;border-radius:10px;padding:12px}.offer-detail-grid small,.offer-attachment-box small{display:block;color:#718195;font-size:11px;margin-bottom:5px}.offer-detail-grid strong{color:#193c54}.offer-detail-grid p{margin:0;white-space:pre-wrap;line-height:1.6;color:#40586b}.offer-detail-full{grid-column:1/-1}.offer-attachment-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed #a6bdc9;background:#f3fafc;border-radius:12px;padding:14px}.offer-attachment-box span{display:block;color:#77899a;font-size:12px;margin-top:4px}.offer-attachment-box.is-empty{opacity:.65}.offer-status-form{margin-top:18px}.offer-status-form label{display:block;font-weight:700;color:#29475b;margin-top:12px}.offer-status-form select,.offer-status-form textarea{width:100%;margin-top:6px}.offer-status-form textarea{min-height:110px;resize:vertical;border:1px solid #cfdbe4;border-radius:9px;padding:11px;font:inherit}.offer-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.offer-modal-open{overflow:hidden}.notif-item.is-read{opacity:.62}.notif-bell span:empty{display:none}
@media(max-width:1100px){.offer-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-offer-head{display:block}.supplier-offer-tools{justify-content:flex-start;margin-top:14px}}
@media(max-width:720px){.offer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-offer-tools>*{width:100%;min-width:0!important}.offer-detail-grid{grid-template-columns:1fr}.offer-detail-full{grid-column:auto}.offer-modal{padding:8px}.offer-modal-panel{padding:20px 15px;border-radius:13px}.offer-attachment-box{align-items:flex-start;flex-direction:column}.offer-modal-actions{flex-direction:column-reverse}.offer-modal-actions .btn{width:100%}}


.supplier-offer-dashboard-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:15px 0;padding:15px 18px;background:linear-gradient(135deg,#f1fafc,#ffffff);border:1px solid #c9e5eb;border-radius:14px;text-decoration:none;color:#15384f;box-shadow:0 5px 18px rgba(17,83,101,.06)}.supplier-offer-dashboard-alert:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(17,83,101,.11)}.supplier-offer-dashboard-alert.has-new{border-color:#15a0b5;background:linear-gradient(135deg,#e4f8fb,#ffffff)}.supplier-offer-dashboard-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0e8298;color:#fff;font-size:20px}.supplier-offer-dashboard-alert small{display:block;color:#0b8197;font-weight:800}.supplier-offer-dashboard-alert strong{display:block;margin:3px 0;color:#15384f}.supplier-offer-dashboard-alert p{margin:0;color:#6f8091;font-size:12px}.supplier-offer-dashboard-alert em{font-style:normal;font-weight:800;color:#0b7892;font-size:12px;white-space:nowrap}@media(max-width:640px){.supplier-offer-dashboard-alert{grid-template-columns:auto 1fr}.supplier-offer-dashboard-alert em{grid-column:2}}


/* ===== Progress harian: aksi edit + mode koreksi data ===== */
.pinisi-progress-row-actions{display:flex;gap:7px;align-items:center;justify-content:flex-start;flex-wrap:wrap;min-width:126px}
.pinisi-edit-progress{background:#dbeafe!important;color:#1e3a8a!important;border:1px solid #bfdbfe!important;border-radius:999px!important;font-weight:800!important;box-shadow:none!important}
.pinisi-edit-progress:hover{background:#bfdbfe!important;color:#172554!important}
.progress-edit-banner{grid-column:1/-1;margin:-3px 0 13px;padding:11px 13px;border:1px solid rgba(56,189,248,.38);border-radius:10px;background:rgba(14,116,144,.14);color:#dff8ff;font-size:12.5px;line-height:1.5}
.progress-edit-banner strong{color:#7dd3fc}
.daily-form.is-editing-progress{padding:14px;border:1px solid rgba(56,189,248,.32);border-radius:12px;background:rgba(14,116,144,.07)}
.daily-form.is-editing-progress #daily-submit-button{background:linear-gradient(135deg,#0ea5e9,#0369a1)!important;border-color:rgba(125,211,252,.65)!important}

/* ===== Kurva-S: pemilih periode dan skala fokus progres rendah ===== */
.pinisi-curve-view-control{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(3,20,40,.55)}
.pinisi-curve-view-control>span{padding:0 7px;color:#aebed1;font-size:11px;font-weight:700}
.pinisi-curve-view-btn{min-height:31px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c8d5e4;font-size:11.5px;font-weight:800;cursor:pointer;transition:.18s ease}
.pinisi-curve-view-btn:hover{background:rgba(255,255,255,.07);color:#fff}
.pinisi-curve-view-btn.active{border-color:rgba(0,216,230,.48);background:linear-gradient(135deg,rgba(0,216,230,.22),rgba(14,116,144,.28));color:#bffbff;box-shadow:inset 0 0 0 1px rgba(0,216,230,.08)}
.pinisi-owner-curve-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.pinisi-owner-curve-head h3{margin:0}
.pinisi-scurve-layout #curve-canvas{min-height:360px;height:360px!important}
@media(max-width:700px){
  .pinisi-curve-view-control{width:100%;display:grid;grid-template-columns:auto repeat(3,1fr)}
  .pinisi-curve-view-control>span{text-align:center}
  .pinisi-curve-view-btn{padding:0 7px}
  .pinisi-scurve-layout #curve-canvas{min-height:310px;height:310px!important}
}

/* ===== Pemisahan akses Kebutuhan Material: publik vs galangan ===== */
.material-public-access-note,
.material-internal-access-note{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0 auto 18px;
  padding:14px 18px;
  border-radius:14px;
  line-height:1.5;
}
.material-public-access-note{
  max-width:1200px;
  color:#102036;
  background:#eef6ff;
  border:1px solid #bfdcff;
}
.material-internal-access-note{
  color:#eaf5ff;
  background:linear-gradient(135deg,rgba(16,122,171,.22),rgba(10,31,55,.92));
  border:1px solid rgba(80,194,232,.34);
}
.material-public-access-note strong,
.material-internal-access-note strong{white-space:nowrap;font-size:14px}
.material-public-access-note span,
.material-internal-access-note span{font-size:13px}
.galangan-material-root{margin-top:18px}
.galangan-material-hero{padding:0;margin-bottom:16px}
.galangan-material-hero .supplier-summary-card{margin-top:0}
.galangan-material-layout{padding:0;max-width:none}
.galangan-material-layout{
  grid-template-columns:minmax(0,1fr) minmax(290px,340px);
  gap:20px;
  width:100%;
  max-width:100%;
  align-items:start;
}
.galangan-material-layout-full{
  display:block;
}
.galangan-material-layout-full .material-table-footer{
  align-items:center;
}
.material-table-footer-meta{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  flex-wrap:wrap;
}
.material-table-footer-meta .updated{
  margin:0;
}
.galangan-material-layout-full .material-table-footer .btn{
  flex:0 0 auto;
  margin:0;
}
.galangan-material-layout>div{
  min-width:0;
  max-width:100%;
}
.galangan-material-layout>.supplier-side{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.galangan-material-layout .side-summary>div{
  min-width:0;
  gap:14px;
}
.galangan-material-layout .side-summary span{
  min-width:0;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.galangan-material-layout .side-summary strong{
  flex:0 0 auto;
}
@media(max-width:1800px){
  .galangan-material-root .material-filter-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .galangan-material-root .material-filter-row .material-search-box{
    grid-column:1/-1;
  }
  .galangan-material-root .material-stat-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Supplier-owned e-catalog and two-way procurement marketplace — 04 Aug 2026 */
.catalog-management-hero{position:relative}.catalog-management-hero>.btn{position:absolute;right:0;bottom:8px}
.catalog-owner-stats,.supplier-marketplace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.catalog-owner-stat,.supplier-marketplace-stats article{display:flex;align-items:center;gap:14px;min-height:112px;padding:19px 20px;border:1px solid rgba(139,176,208,.22);border-radius:15px;background:linear-gradient(145deg,#0b2845,#09213a);color:#eef7ff;box-shadow:0 14px 32px rgba(0,0,0,.16)}
.catalog-owner-stat{display:block}.catalog-owner-stat>span,.supplier-marketplace-stats small{display:block;color:#a9bed2;font-size:12px}.catalog-owner-stat>strong,.supplier-marketplace-stats strong{display:block;margin:7px 0 3px;color:#eaf8ff;font-size:29px}.catalog-owner-stat>small,.supplier-marketplace-stats em{color:#839db4;font-size:11px;font-style:normal}.supplier-marketplace-stats article>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:rgba(14,192,210,.14);color:#19d3df;font-size:22px}
.catalog-owner-stat.active>strong{color:#62dca5}.catalog-owner-stat.warning>strong{color:#f4bd5f}
.shipyard-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.shipyard-product-grid>.supplier-empty-state{grid-column:1/-1}
.shipyard-product-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid rgba(139,176,208,.22);border-radius:17px;background:#fff;color:#14243a;box-shadow:0 16px 38px rgba(1,14,29,.18);transition:transform .2s,border-color .2s,box-shadow .2s}.shipyard-product-card:hover{transform:translateY(-3px);border-color:#13bcca;box-shadow:0 22px 46px rgba(1,14,29,.25)}.shipyard-product-card.inactive{opacity:.72;filter:saturate(.55)}
.product-image{position:relative;display:grid;place-items:center;height:190px;overflow:hidden;background:linear-gradient(140deg,#dce8ef,#f6fafc);color:#4b6d82;font-size:46px}.product-image img{width:100%;height:100%;object-fit:cover}.product-status{position:absolute;top:13px;right:13px;padding:6px 10px;border-radius:999px;background:#d9f6e8;color:#146b49;font-size:11px;font-style:normal;font-weight:900}.product-status.inactive{background:#e8edf2;color:#657589}
.product-card-body{display:flex;flex:1;flex-direction:column;padding:19px}.product-category{color:#0a94a0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.product-card-body h2{margin:7px 0 3px;font-size:20px;line-height:1.3}.product-brand{margin:0 0 12px;color:#708298;font-size:12px}.product-spec{display:-webkit-box;min-height:54px;overflow:hidden;margin:0 0 14px;color:#52667e;font-size:12px;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.product-price{position:relative;margin:0 0 14px;padding:13px 14px;border-radius:11px;background:linear-gradient(135deg,#062f4b,#075c67);color:#fff}.product-price small,.product-price span{display:block;color:#bfe8ec;font-size:10px}.product-price strong{display:block;margin:3px 0;color:#fff;font-size:21px}.catalog-price-match{position:absolute;right:11px;bottom:11px;width:auto!important;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:800}.catalog-price-match.good{color:#7af0b7}.catalog-price-match.close{color:#ffd36e}.catalog-price-match.high{color:#ff9f91}
.product-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.product-meta span{min-width:0;padding:9px;border-radius:9px;background:#f0f5f8;color:#54687f;font-size:11px;overflow-wrap:anywhere}.product-meta b{display:block;margin-bottom:3px;color:#163048;font-size:10px}.product-card-actions{display:flex;gap:8px;margin-top:auto}.product-card-actions .btn{flex:1;min-height:42px;font-weight:900}.product-card-actions .supplier-product-edit-button{border:1px solid #087f8c!important;background:#087f8c!important;color:#fff!important;box-shadow:0 5px 12px rgba(8,127,140,.18)}.product-card-actions .supplier-product-edit-button:hover,.product-card-actions .supplier-product-edit-button:focus-visible{border-color:#056672!important;background:#056672!important;color:#fff!important}.product-card-actions .supplier-product-disable-button{border:1px solid #c93636!important;background:#fff0f0!important;color:#9f1f1f!important;box-shadow:0 5px 12px rgba(159,31,31,.10)}.product-card-actions .supplier-product-disable-button:hover,.product-card-actions .supplier-product-disable-button:focus-visible{border-color:#a91f1f!important;background:#c93636!important;color:#fff!important}.product-material-match{margin:0 0 13px;padding:11px;border:1px solid #bde8eb;border-radius:10px;background:#edfbfb}.product-material-match small,.product-material-match span{display:block;color:#557489;font-size:10px}.product-material-match strong{display:block;margin:3px 0;color:#0b5962;font-size:12px}.product-request-button{width:100%;margin-top:auto}
.product-supplier{display:flex;align-items:center;gap:8px;margin:-3px 0 13px;padding-bottom:11px;border-bottom:1px solid #e7eef2}.product-supplier>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e5f6f8;color:#078d99}.product-supplier small,.product-supplier strong{display:block}.product-supplier small{color:#7b8b9c;font-size:9px}.product-supplier strong{max-width:240px;overflow:hidden;color:#244158;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.compare-check{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(5,26,45,.86);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.compare-check input{accent-color:#16c4d0}
.pinisi-catalog-dialog{width:min(900px,calc(100vw - 34px));max-height:92vh;overflow:auto;padding:0;border:1px solid rgba(122,166,196,.35);border-radius:19px;background:#09213a;color:#eef7ff;box-shadow:0 34px 90px rgba(0,0,0,.55)}.pinisi-catalog-dialog::backdrop{background:rgba(1,10,21,.78);backdrop-filter:blur(5px)}.pinisi-catalog-dialog>form,.pinisi-catalog-dialog>div:not(.catalog-dialog-head){margin:0}.pinisi-catalog-dialog form{padding:24px}.catalog-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.catalog-dialog-head h2{margin:4px 0 0;font-size:24px}.dialog-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#112e4a;color:#fff;font-size:24px;cursor:pointer}.catalog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.catalog-form-grid label{display:block;color:#dbe9f4;font-size:12px;font-weight:700}.catalog-form-grid label>span{display:block;margin-bottom:7px}.catalog-form-grid input,.catalog-form-grid select,.catalog-form-grid textarea{width:100%;border:1px solid rgba(148,183,209,.28);border-radius:9px;background:#071a2e;color:#fff;padding:11px 12px;font:inherit}.catalog-form-grid textarea{resize:vertical}.catalog-form-grid small{display:block;margin-top:5px;color:#8ea9bf;font-size:10px}.catalog-wide{grid-column:1/-1}.catalog-active-check{grid-column:1/-1;display:flex!important;align-items:center;gap:9px}.catalog-active-check input{width:18px;height:18px}.catalog-active-check span{margin:0!important}.catalog-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.request-response-summary{display:grid;gap:5px;margin-bottom:17px;padding:14px;border:1px solid rgba(42,204,215,.25);border-radius:11px;background:#082b43}.request-response-summary strong{color:#fff}.request-response-summary span{color:#b7dce1}.request-response-summary small{color:#8ca5b9}
.catalog-request-list{display:grid;gap:14px}.catalog-request-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;padding:19px;border:1px solid rgba(139,176,208,.22);border-radius:15px;background:#0b2845;color:#eaf3fa}.request-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.request-card-head h2{margin:5px 0;font-size:19px}.request-card-head p{margin:0;color:#a9bdd0;font-size:12px}.request-project{color:#21cad5;font-size:11px;font-weight:900}.request-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e7f0f5;color:#38576d;font-size:10px;font-weight:900;white-space:nowrap}.request-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.request-card-grid span{padding:9px;border-radius:8px;background:rgba(255,255,255,.055);color:#bdcad7;font-size:10px;overflow-wrap:anywhere}.request-card-grid b{display:block;margin-bottom:4px;color:#819aaf;font-size:9px}.catalog-request-action{display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.1);padding-left:16px;text-align:center}.catalog-request-action span{color:#94aabe;font-size:11px}.request-quote-result{display:flex;align-items:center;gap:14px;margin-top:13px;padding:11px;border-radius:9px;background:rgba(38,201,157,.12)}.request-quote-result strong{color:#6ce4b0}.request-quote-result span{color:#bcd3cc;font-size:11px}
.supplier-marketplace-content{padding-top:22px}.supplier-marketplace-banner{margin-bottom:17px}.supplier-marketplace-toolbar{display:grid;grid-template-columns:minmax(280px,1.8fr) repeat(5,minmax(145px,1fr));gap:10px;margin-bottom:15px;padding:14px;border:1px solid #244764;border-radius:13px;background:#09243f}.supplier-marketplace-toolbar .supplier-search-field,.supplier-marketplace-toolbar .dark-select{min-width:0;width:100%}.supplier-marketplace-toolbar .supplier-search-field{border-color:#55718b;background:#071b31}.supplier-marketplace-toolbar .supplier-search-field input{color:#fff!important;caret-color:#23d3df}.supplier-marketplace-toolbar .supplier-search-field input::placeholder{color:#b8c9d8!important;opacity:1}.supplier-marketplace-toolbar .supplier-search-field span{color:#23d3df}.supplier-marketplace-toolbar .dark-select{height:47px;background:#071b31;color:#e9f3fa}
.catalog-compare-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;padding:13px 15px;border:1px solid #15aab7;border-radius:12px;background:#08374d;color:#eafaff}.catalog-compare-bar strong,.catalog-compare-bar span{display:block}.catalog-compare-bar span{margin-top:3px;color:#9bc7d0;font-size:11px}.catalog-compare-bar>div:last-child{display:flex;gap:8px}.shipyard-catalog-result-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:21px 0 13px;color:#fff}.shipyard-catalog-result-head h2{margin:0 0 5px}.shipyard-catalog-result-head p{margin:0;color:#adc0d1;font-size:12px}.shipyard-catalog-result-head>strong{color:#23c7d2}.catalog-request-history{margin-top:25px;padding:19px;border:1px solid #244764;border-radius:15px;background:#09243f;color:#eef6fc}.catalog-history-table-wrap{overflow:auto}.catalog-history-table{min-width:920px}.catalog-history-table th,.catalog-history-table td{text-align:left!important}.catalog-history-table td small{display:block;margin-top:4px;color:#8ea6b9}.catalog-history-table .request-status{white-space:normal}.catalog-comparison-table-wrap{overflow:auto;padding:0 24px 5px}.catalog-comparison-table{width:100%;min-width:680px;border-collapse:collapse}.catalog-comparison-table th,.catalog-comparison-table td{padding:13px;border:1px solid rgba(145,182,209,.2);vertical-align:top;text-align:left}.catalog-comparison-table thead th{background:#0a3654;color:#fff}.catalog-comparison-table tbody th{width:150px;background:#0b2b45;color:#91b9ca}.catalog-comparison-table td{color:#dceaf3}.catalog-compare-dialog{padding:24px}.catalog-compare-dialog .catalog-dialog-head{margin-bottom:18px}.catalog-compare-dialog .catalog-dialog-actions{padding:0 24px 22px}.supplier-empty-state.compact{padding:18px}
@media(max-width:1450px){.shipyard-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-marketplace-toolbar{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(150px,1fr))}.supplier-marketplace-toolbar>:nth-child(n+5){grid-column:auto}.request-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.catalog-owner-stats,.supplier-marketplace-stats{grid-template-columns:1fr 1fr}.supplier-marketplace-toolbar{grid-template-columns:1fr 1fr}.supplier-marketplace-toolbar>:first-child{grid-column:1/-1}.catalog-management-hero>.btn{position:static;margin-top:18px}.catalog-request-card{grid-template-columns:1fr}.catalog-request-action{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:14px 0 0}.catalog-form-grid{grid-template-columns:1fr}.catalog-wide,.catalog-active-check{grid-column:auto}}
@media(max-width:720px){.shipyard-product-grid,.catalog-owner-stats,.supplier-marketplace-stats,.supplier-marketplace-toolbar{grid-template-columns:1fr}.supplier-marketplace-toolbar>:first-child{grid-column:auto}.catalog-compare-bar,.catalog-dialog-actions{align-items:stretch;flex-direction:column}.catalog-compare-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.product-meta,.request-card-grid{grid-template-columns:1fr}.request-card-head{display:block}.request-status{margin-top:9px}.pinisi-catalog-dialog form,.catalog-compare-dialog{padding:17px}.catalog-comparison-table-wrap{padding:0}.supplier-topnav .nav-links{gap:7px}.supplier-topnav .nav-links>a{font-size:11px}}
@media(max-width:1400px){
  .galangan-material-layout{
    grid-template-columns:minmax(0,1fr);
  }
  .galangan-material-layout>.supplier-side{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  .galangan-material-layout>.supplier-side h2,
  .galangan-material-layout>.supplier-side .side-summary,
  .galangan-material-layout>.supplier-side .supplier-note,
  .galangan-material-layout>.supplier-side .updated{
    grid-column:1/-1;
  }
  .galangan-material-layout>.supplier-side .side-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:8px 0;
  }
  .galangan-material-layout>.supplier-side .side-summary>div:not(.offer-history-list){
    display:grid;
    align-content:start;
    gap:5px;
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(255,255,255,.035);
  }
  .galangan-material-layout>.supplier-side .side-summary hr{
    display:none;
  }
  .galangan-material-layout>.supplier-side .side-summary .offer-history-list{
    grid-column:1/-1;
  }
  .galangan-material-layout>.supplier-side .full{
    width:100%;
    margin-top:0;
  }
}
@media(max-width:900px){
  .galangan-material-layout-full .material-table-footer{
    align-items:stretch;
  }
  .galangan-material-layout-full .material-table-footer .btn{
    width:100%;
  }
  .galangan-material-layout>.supplier-side{
    grid-template-columns:minmax(0,1fr);
  }
  .galangan-material-layout>.supplier-side h2,
  .galangan-material-layout>.supplier-side .side-summary,
  .galangan-material-layout>.supplier-side .supplier-note,
  .galangan-material-layout>.supplier-side .updated{
    grid-column:auto;
  }
  .galangan-material-layout>.supplier-side .side-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .galangan-material-layout>.supplier-side .side-summary{
    grid-template-columns:minmax(0,1fr);
  }
}
.material-access-denied{max-width:760px;margin:32px auto;padding:32px}
.material-access-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:760px){
  .material-public-access-note,.material-internal-access-note{display:block}
  .material-public-access-note strong,.material-internal-access-note strong{display:block;margin-bottom:6px;white-space:normal}
}


/* ===== Koreksi Kurva-S tajam + kolom aksi progres selalu terlihat ===== */
.pinisi-scurve-layout #curve-canvas{
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
  border-color:rgba(255,255,255,.14)!important;
}
.progress-history-table-scroll{
  width:100%;
  overflow:auto;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  scrollbar-gutter:stable;
}
.progress-history-table{
  min-width:1540px;
  margin:0;
}
.progress-history-table th,
.progress-history-table td{
  vertical-align:middle;
}
.progress-history-table th:last-child,
.progress-history-table td:last-child{
  position:sticky;
  right:0;
  z-index:4;
  min-width:150px;
  width:150px;
  border-left:1px solid rgba(255,255,255,.12);
  box-shadow:-10px 0 18px rgba(1,12,25,.24);
}
.progress-history-table th:last-child{
  z-index:6;
  background:#0b2a4b!important;
  color:#ffffff!important;
  text-align:center;
}
.progress-history-table td:last-child{
  background:#0a2542!important;
}
.progress-history-table tbody tr:hover td:last-child{
  background:#103456!important;
}
.pinisi-progress-row-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:7px!important;
  min-width:132px!important;
}
.pinisi-progress-row-actions .btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  min-height:34px!important;
  padding:6px 10px!important;
  line-height:1!important;
  font-size:12px!important;
}
.pinisi-validation-control{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto;
  gap:8px;
  align-items:center;
  width:100%;
  min-width:245px;
  padding:8px;
  border:1px solid rgba(0,216,230,.20);
  border-radius:10px;
  background:rgba(0,216,230,.055);
}
.pinisi-validation-select{
  width:100%;
  min-height:38px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:7px;
  padding:0 34px 0 11px;
  background:#092540;
  color:#fff;
  font-weight:700;
}
.pinisi-validation-select option{background:#fff;color:#102036}
.pinisi-validation-control .btn{min-height:38px;white-space:nowrap}
.progress-history-table th:nth-child(7),
.progress-history-table td:nth-child(7){
  min-width:270px;
  width:270px;
}
.pinisi-validation-readonly{
  display:inline-flex;
  flex-direction:column;
  gap:4px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.045);
}
@media(max-width:760px){
  .pinisi-validation-control{grid-template-columns:1fr;min-width:240px}
  .pinisi-validation-control .btn{width:100%}
}
.pinisi-edit-progress{
  background:#2563eb!important;
  color:#ffffff!important;
  border-color:#60a5fa!important;
}
.pinisi-delete-progress{
  background:#dc2626!important;
  color:#ffffff!important;
  border-color:#f87171!important;
}
@media(max-width:900px){
  .progress-history-table{min-width:1460px}
  .progress-history-table th:last-child,.progress-history-table td:last-child{min-width:144px;width:144px}
}

/* ===== Revisi ukuran Kurva-S: area grafik lebih besar dan tidak dempet ===== */
@media(min-width:1501px){
  #laporan-page .laporan-grid{
    grid-template-columns:minmax(0,1.48fr) minmax(520px,1fr);
    gap:22px;
  }
  #owner-laporan-page .owner-report-main-grid{
    grid-template-columns:minmax(0,1.48fr) minmax(520px,1fr);
    gap:18px;
  }
}

/* Approved milestone finance sections */
.milestone-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.milestone-finance-grid article{padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(145deg,rgba(8,42,75,.94),rgba(4,25,48,.9))}
.milestone-finance-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800}
.milestone-finance-grid strong{display:block;margin-top:9px;color:var(--cyan);font-size:22px;line-height:1.2}
.milestone-finance-grid article.negative strong{color:#ff9d8a}.milestone-finance-grid article.positive strong{color:#91efae}
.milestone-financial-card{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(5,32,58,.76)}
.milestone-financial-detail-grid{display:grid;grid-template-columns:1fr;gap:0}
.milestone-analysis-table th{width:28%;text-align:left;color:#bcd1e3;background:rgba(255,255,255,.035)}
.milestone-analysis-table td{white-space:pre-wrap;line-height:1.55}
.milestone-report-message{margin:18px 0;padding:24px;border:1px solid rgba(25,200,212,.35);border-radius:12px;background:rgba(25,200,212,.08);color:#d5f8fa}
.milestone-report-message strong{display:block;margin-bottom:7px;font-size:17px}.milestone-report-message p{margin:0;line-height:1.55}
.milestone-report-message.is-error{border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.08);color:#ffd4d4}
[data-download-milestone]:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:980px){.milestone-finance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.milestone-finance-grid{grid-template-columns:1fr}.milestone-financial-card{padding:14px}}

/* Galangan department accounts and access identity */
.shipyard-login-account-list{margin-top:4px;padding:14px;border:1px solid rgba(25,200,212,.25);border-radius:14px;background:rgba(5,23,43,.72);color:#dce8f4}
.shipyard-login-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.shipyard-login-account-head strong{color:#f7fbff;font-size:13px}.shipyard-login-account-head span{color:#91a5ba;font-size:11px;text-align:right}
.shipyard-login-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px}
.shipyard-login-account-grid article{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:4px 8px;padding:10px;border-radius:11px;background:rgba(255,255,255,.055)}
.shipyard-login-account-grid article>span{grid-column:1/-1;color:#19c8d4;font-weight:800;font-size:12px;margin-bottom:2px}
.shipyard-login-account-grid small{color:#8fa2b8;font-size:10px}.shipyard-login-account-grid code{color:#fff;font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.shipyard-login-account-list>p{margin:10px 0 0;color:#91a5ba;font-size:10.5px;line-height:1.45}
.galangan-access-badge{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 9px;border:1px solid rgba(25,200,212,.28);border-radius:999px;background:rgba(25,200,212,.10);color:#72e5eb;font-size:10px;font-weight:800;letter-spacing:.03em}

/* Director-managed shipyard users */
.shipyard-users-content{max-width:1500px;width:100%;margin:0 auto}.shipyard-users-content .banner-flex{align-items:center}.shipyard-users-content .banner-flex>.btn{flex:none}
.shipyard-user-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:18px 0}.shipyard-user-stats article{min-height:126px;padding:20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(8,42,75,.94),rgba(4,25,48,.9));box-shadow:0 14px 32px rgba(0,0,0,.16)}.shipyard-user-stats span,.shipyard-user-stats small{display:block;color:var(--muted)}.shipyard-user-stats span{font-size:13px;font-weight:800}.shipyard-user-stats strong{display:block;margin:8px 0 6px;color:var(--cyan);font-size:34px}.shipyard-user-stats small{font-size:12px}
.pinisi-evaluation-banner{position:relative;z-index:10020;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;background:linear-gradient(90deg,#6b3d00,#a86100);color:#fff;border-bottom:1px solid rgba(255,255,255,.28);box-shadow:0 8px 26px rgba(0,0,0,.22)}.pinisi-evaluation-banner div{display:flex;align-items:center;gap:12px}.pinisi-evaluation-banner strong{font-size:12px;letter-spacing:.08em}.pinisi-evaluation-banner span{font-size:12px;color:#fff3d8}.pinisi-evaluation-banner a{flex:0 0 auto;padding:7px 12px;border-radius:8px;background:#fff;color:#6b3d00;font-size:12px;font-weight:800;text-decoration:none}.pinisi-evaluation-site .sidebar{top:52px;height:calc(100vh - 52px)}@media(max-width:760px){.pinisi-evaluation-banner,.pinisi-evaluation-banner div{align-items:flex-start;flex-direction:column}.pinisi-evaluation-banner{gap:8px;padding:10px 14px}.pinisi-evaluation-banner div{gap:3px}.pinisi-evaluation-site .sidebar{top:84px;height:calc(100vh - 84px)}}
.shipyard-users-alert{margin:14px 0;padding:13px 16px;border-radius:9px;border:1px solid rgba(0,216,230,.34);background:rgba(0,216,230,.1);color:#c9f8fb}.shipyard-users-alert.success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.11);color:#bff6cf}.shipyard-users-alert.error{border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.1);color:#ffd0d0}
.shipyard-user-form,.shipyard-users-table-panel{margin-top:16px}.shipyard-user-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.shipyard-user-section-head h2{margin:0 0 5px;font-size:20px}.shipyard-user-section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.shipyard-user-close{width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:23px;cursor:pointer}.shipyard-user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.shipyard-user-form-grid label>span{display:block;margin-bottom:8px;font-size:13px;font-weight:800}.shipyard-user-form-grid input,.shipyard-user-form-grid select,.shipyard-user-search input{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#071e38;color:#fff;padding:10px 13px}.shipyard-user-form-grid label>small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.temporary-password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.temporary-password-row .btn{min-height:46px}.password-actions-inline{display:flex;gap:8px}.shipyard-user-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.temporary-credential-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:16px 0;padding:18px 20px;border:1px solid rgba(250,204,21,.38);border-radius:11px;background:rgba(250,204,21,.08)}.temporary-credential-card strong{color:#fff}.temporary-credential-card p{margin:5px 0 0;color:#e2d9ad;font-size:12px}.temporary-credential-values{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.temporary-credential-values span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.temporary-credential-values code{padding:8px 10px;border-radius:6px;background:#020f20;color:#fff;font-size:13px;user-select:all}
.shipyard-user-search{width:min(330px,100%)}.shipyard-users-table td{vertical-align:middle}.shipyard-users-table td:first-child strong,.shipyard-users-table td:first-child small{display:block}.shipyard-users-table td:first-child small{margin-top:4px}.primary-account-badge,.department-pill,.account-status,.password-state{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-size:11px;font-weight:800}.primary-account-badge{margin-top:8px;padding:4px 8px;background:rgba(0,216,230,.12);color:var(--cyan)}.department-pill{padding:7px 10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.department-pill.qc{color:#8dd8ff}.department-pill.purchasing{color:#f7d887}.department-pill.treasurer{color:#f3b9ff}.department-pill.owner{color:#ffd59a}.department-pill.director{color:#8df0dc}.permission-copy{display:block;max-width:230px;color:#dce7f3;line-height:1.45}.account-status,.password-state{padding:6px 9px}.account-status.active,.password-state.secure{background:rgba(34,197,94,.12);color:#91efae}.account-status.inactive{background:rgba(148,163,184,.13);color:#cbd5e1}.password-state.temporary{background:rgba(250,204,21,.12);color:#fde68a}.director-locked{display:block;max-width:180px;color:var(--muted);font-size:12px;line-height:1.4}.btn-danger-soft{background:rgba(239,68,68,.13);border-color:rgba(248,113,113,.34);color:#fecaca}.shipyard-user-empty{padding:26px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.shipyard-user-stats{grid-template-columns:repeat(2,1fr)}.temporary-credential-card{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.shipyard-users-content .banner-flex,.shipyard-user-section-head{align-items:stretch;flex-direction:column}.shipyard-user-form-grid,.shipyard-user-stats{grid-template-columns:1fr}.temporary-password-row{grid-template-columns:1fr}.shipyard-user-form-actions{display:grid}.shipyard-user-search{width:100%}}

/* Project finance and physical-financial monitoring */
.finance-content{max-width:1560px;width:100%;margin:0 auto}.finance-banner .banner-flex{align-items:center}.finance-banner .btn{flex:none;max-width:330px;text-align:center}.finance-alert{margin:16px 0;padding:13px 16px;border:1px solid rgba(25,200,212,.36);border-radius:10px;background:rgba(25,200,212,.1);color:#c8f8fb}.finance-alert.success{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.1);color:#bff6cf}.finance-alert.error{border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.1);color:#ffd0d0}
.finance-scope-notice{margin:16px 0;padding:17px 19px;border:1px solid rgba(56,189,248,.34);border-radius:11px;background:linear-gradient(135deg,rgba(14,116,144,.18),rgba(7,30,54,.72));color:#d8f4ff}.finance-scope-notice strong{display:block;margin-bottom:6px;color:#7ddff2;font-size:14px}.finance-scope-notice p{margin:0;max-width:1050px;color:#c6dce8;font-size:13px;line-height:1.55}
.finance-summary-grid,.finance-monitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.finance-summary-grid article,.finance-monitor-kpis article{min-height:126px;padding:20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(8,42,75,.94),rgba(4,25,48,.9));box-shadow:0 14px 32px rgba(0,0,0,.16)}.finance-summary-grid span,.finance-summary-grid small,.finance-monitor-kpis span,.finance-monitor-kpis small{display:block;color:var(--muted)}.finance-summary-grid span,.finance-monitor-kpis span{font-size:13px;font-weight:800}.finance-summary-grid strong,.finance-monitor-kpis strong{display:block;margin:9px 0 7px;color:var(--cyan);font-size:26px;line-height:1.16}.finance-summary-grid small,.finance-monitor-kpis small{font-size:12px}.finance-monitor-kpis article.physical strong{color:#72e5eb}.finance-monitor-kpis article.financial strong{color:#a8d5ff}.finance-monitor-kpis article.deviation.negative strong{color:#ff9d8a}.finance-monitor-kpis article.deviation.positive strong{color:#91efae}.finance-monitor-kpis article.status strong{font-size:18px}
.finance-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.finance-section-head h2{margin:0 0 6px;font-size:20px}.finance-section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.finance-role-chip,.finance-analysis-status{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border:1px solid rgba(25,200,212,.3);border-radius:999px;background:rgba(25,200,212,.1);color:#75e5eb;font-size:11px;font-weight:800}
.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px}.finance-form-grid.compact{gap:14px 18px}.finance-form-grid label>span{display:block;margin-bottom:7px;font-size:13px;font-weight:800}.finance-form-grid label>small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.finance-form-grid input,.finance-form-grid select,.finance-form-grid textarea,.finance-period-fields input{width:100%;min-height:45px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#071e38;color:#fff;padding:10px 12px}.finance-form-grid textarea{min-height:88px;resize:vertical}.finance-form-grid input[readonly]{background:rgba(3,18,35,.72);color:#9ec6d6}.finance-wide{grid-column:1/-1}.finance-form-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.finance-readonly-form{opacity:.66}.finance-readonly-form:after{content:"";display:block}
.finance-two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.finance-table-panel,.finance-settings-panel,.finance-analysis-panel,.finance-approval-panel{margin-top:16px}.finance-table td{vertical-align:middle}.finance-table td small{display:block;margin-top:4px;color:var(--muted)}.finance-evidence-link{display:inline-flex;align-items:center;gap:5px;color:#72e5eb;font-weight:700;font-size:12px}.finance-empty{padding:24px;text-align:center;color:var(--muted)}.finance-muted{color:var(--muted)}
.finance-two-column.purchasing-mode{grid-template-columns:minmax(0,1fr)}.finance-two-column.purchasing-mode>article{max-width:none}
.finance-period-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px}.finance-period-panel>div:first-child{display:grid;gap:5px}.finance-period-panel>div:first-child strong{font-size:18px}.finance-eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--cyan)}.finance-period-fields{display:flex;align-items:flex-end;gap:12px}.finance-period-fields label{display:grid;gap:6px;color:var(--muted);font-size:11px}.finance-period-fields input{min-width:155px}.finance-deviation-chip{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.finance-deviation-chip.negative{background:rgba(239,68,68,.12);color:#fecaca}.finance-deviation-chip.positive{background:rgba(34,197,94,.12);color:#91efae}.finance-deviation-chip.normal{background:rgba(148,163,184,.12);color:#d7e0eb}
.finance-report-history{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.finance-report-history h3{margin:0 0 12px;font-size:15px}.finance-report-history>div{display:grid;gap:8px}.finance-report-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.03)}.finance-report-history article strong,.finance-report-history article small{display:block}.finance-report-history article small{margin-top:3px;color:var(--muted)}.finance-report-history article span{color:#c8d7e7;font-weight:700}.finance-report-history article em{font-style:normal;color:#91efae;font-size:12px}
@media(max-width:1200px){.finance-two-column{grid-template-columns:1fr}.finance-summary-grid,.finance-monitor-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.finance-banner .banner-flex,.finance-section-head,.finance-period-panel{align-items:stretch;flex-direction:column}.finance-summary-grid,.finance-monitor-kpis,.finance-form-grid{grid-template-columns:1fr}.finance-wide{grid-column:auto}.finance-period-fields{display:grid}.finance-period-fields input{min-width:0}.finance-report-history article{grid-template-columns:1fr}.finance-form-actions{display:grid}}
@media(max-width:680px){.shipyard-login-account-grid{grid-template-columns:1fr}.shipyard-login-account-head{display:block}.shipyard-login-account-head span{display:block;margin-top:3px;text-align:left}}

/* Publikasi kebutuhan material Galangan ke E-Catalog Supplier */
.material-publication-actions{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px!important;
}
.material-publication-actions .btn{margin:0;white-space:nowrap}
.material-publication-actions .btn:disabled{cursor:not-allowed;opacity:.62;filter:saturate(.55)}
.material-table.manage-enabled{min-width:1260px}
.material-publication-cell{min-width:168px}
.material-publication-check{
  display:inline-flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  color:#d7e7f5;
  font-size:12px;
  font-weight:800;
}
.material-publication-check input{
  width:20px;
  height:20px;
  margin:0;
  accent-color:#16c5cd;
  cursor:pointer;
}
.material-publication-check:has(input:checked) span{color:#79f0cf}
.galangan-material-root .material-stat-grid{grid-template-columns:repeat(7,minmax(126px,1fr))}
@media(max-width:1500px){
  .galangan-material-root .material-stat-grid{grid-template-columns:repeat(4,1fr)}
  .material-management-toolbar{align-items:flex-start;flex-direction:column}
  .material-publication-actions{justify-content:flex-start}
}
@media(max-width:900px){
  .galangan-material-root .material-stat-grid{grid-template-columns:1fr 1fr}
  .material-publication-actions{width:100%}
  .material-publication-actions .btn{width:100%}
}
@media(max-width:560px){
  .galangan-material-root .material-stat-grid{grid-template-columns:1fr}
}

/* ===== Home, Language Switcher, dan Portal Supplier ===== */
.language-switcher{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:9px;
  background:rgba(2,20,42,.78);
  color:#fff;
}
.language-switcher select{
  max-width:155px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.language-switcher option{background:#06203d;color:#fff}
.app-language-switcher{
  flex:0 0 auto;
  min-height:40px;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.app-language-switcher select{min-width:138px}
.app-top .app-language-switcher{margin-right:2px}
.owner-actions>.app-language-switcher{
  align-self:flex-end;
  margin-bottom:10px;
}
.btn-supplier{
  background:linear-gradient(135deg,#d59c38,#8a5f19);
  border-color:rgba(255,198,91,.62);
  color:#fff;
}
.home-system-info{
  margin-top:28px;
  padding:32px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(4,31,58,.94),rgba(2,17,35,.88));
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}
.home-section-heading{max-width:920px;margin-bottom:24px}
.home-section-heading>span,.home-role-callout>div>span,.eyebrow{
  display:inline-block;
  color:#23d8de;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.home-section-heading h2,.home-role-callout h2{font-size:28px;line-height:1.25;margin-bottom:10px}
.home-section-heading p,.home-role-callout p{color:#c8d5e5;line-height:1.65}
.system-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.system-flow-grid article{
  position:relative;
  min-height:190px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.system-flow-grid article>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,#19cdd4,#087f9a);
  font-weight:900;
  margin-bottom:18px;
}
.system-flow-grid h3{font-size:16px;margin-bottom:9px}
.system-flow-grid p{color:#afbed0;font-size:13px;line-height:1.55}
.home-role-callout{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:28px 32px;
  border:1px solid rgba(212,156,56,.5);
  border-radius:16px;
  background:linear-gradient(120deg,rgba(117,76,16,.34),rgba(4,31,58,.92));
}
.home-role-callout>div{max-width:980px}
.home-role-callout .btn{min-width:240px}

.login-shell{grid-template-columns:minmax(420px,1fr) minmax(640px,760px);padding-left:8vw;padding-right:8vw}
.role-choice{grid-template-columns:repeat(3,1fr);gap:10px}
.role-card{padding:18px 14px;gap:10px;min-height:92px}
.role-card strong{font-size:13px}
.role-card span{font-size:11px;line-height:1.35}
.role-icon{font-size:27px}
.login-register-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.login-register-actions .btn{width:100%;padding:0 14px;font-size:13px}

.supplier-register-shell .register-hero{
  min-height:230px;
  height:auto;
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding-top:38px;
}
.supplier-register-shell .register-hero h1{display:block;font-size:46px}
.supplier-register-shell .register-hero p{margin:8px 0 0;max-width:900px}
.supplier-register-shell .register-content{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);padding-top:26px;padding-bottom:34px}
.reg-field textarea{
  width:100%;
  min-height:88px;
  resize:vertical;
  border:1px solid #d3dce8;
  border-radius:7px;
  padding:12px 16px;
  color:#102036;
}
.reg-field small{display:block;margin-top:6px;color:#6c7b8e;font-size:12px}
.reg-section-title{border-top:1px solid #d9e1ec;padding-top:18px}
.supplier-register-shell .login-alert:not(.hidden){display:block}
.supplier-reg-submit{background:linear-gradient(135deg,#0c9faa,#006a82)}
.supplier-register-benefits{align-self:start}
.supplier-register-benefits .after-ico{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:#e9f8fa;font-size:14px;font-weight:900;color:#087c8b
}

.supplier-portal-body{background:#eff4f8;color:#102036}
.supplier-topnav{position:sticky;top:0;background:rgba(2,17,35,.97)}
.supplier-topnav .nav-links{gap:16px}
.supplier-topnav .nav-links a{padding-left:6px;padding-right:6px}
.supplier-account-chip{
  display:flex;align-items:center;gap:9px;
  height:42px;padding:0 13px;border-radius:9px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);color:#fff;font-size:13px
}
.supplier-account-chip span{color:#28d5dd;font-size:18px}
.supplier-portal-main{min-height:calc(100vh - 88px);background:#eff4f8;color:#102036}
.supplier-portal-hero,.supplier-catalog-hero{
  padding:42px 7vw 34px;
  background:
    radial-gradient(circle at 88% 18%,rgba(22,204,209,.18),transparent 30%),
    linear-gradient(115deg,#03172f,#06335b);
  color:#fff;
}
.supplier-portal-hero .breadcrumb,.supplier-catalog-hero .breadcrumb{margin-bottom:22px;color:#b7c8db}
.supplier-portal-hero h1,.supplier-catalog-hero h1{font-size:42px;line-height:1.2;margin-bottom:10px}
.supplier-portal-hero>p,.supplier-catalog-hero>p{max-width:850px;color:#d4e0ee;line-height:1.6}
.supplier-flow-indicator{display:flex;align-items:center;max-width:720px;margin-top:28px}
.supplier-flow-indicator>div{display:flex;align-items:center;gap:9px;color:#8fa5bc}
.supplier-flow-indicator>div span{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #6b7f95;font-weight:900
}
.supplier-flow-indicator>div strong{font-size:13px;white-space:nowrap}
.supplier-flow-indicator>div.active,.supplier-flow-indicator>div.done{color:#fff}
.supplier-flow-indicator>div.active span,.supplier-flow-indicator>div.done span{border-color:#1ad2d9;background:#119da8}
.supplier-flow-indicator>i{height:1px;flex:1;background:#46627e;margin:0 14px}
.supplier-directory-content{padding:28px 7vw 48px}
.supplier-directory-toolbar{
  display:flex;align-items:center;gap:14px;margin-bottom:20px;
  padding:14px;border:1px solid #d9e2eb;border-radius:12px;background:#fff;
  box-shadow:0 10px 25px rgba(23,43,68,.06)
}
.supplier-directory-toolbar>strong{margin-left:auto;color:#38516b;font-size:13px;white-space:nowrap}
.supplier-search-field{
  flex:1;min-width:260px;display:flex;align-items:center;gap:10px;
  height:46px;padding:0 14px;border:1px solid #cfd9e4;border-radius:9px;background:#f8fafc
}
.supplier-search-field span{color:#0d8594;font-size:21px}
.supplier-search-field input{width:100%;border:0;outline:0;background:transparent;color:#102036}
.supplier-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.supplier-directory-card,.supplier-project-card{
  display:block;border:1px solid #d4dfe9;border-radius:14px;background:#fff;color:#102036;
  padding:22px;box-shadow:0 10px 28px rgba(26,47,72,.07);transition:.2s
}
.supplier-directory-card:hover,.supplier-project-card:hover{transform:translateY(-3px);border-color:#18b7bf;box-shadow:0 18px 36px rgba(18,79,101,.14)}
.supplier-card-icon{
  width:58px;height:58px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,#0d9aa7,#065d82);color:#fff;font-size:30px;margin-bottom:18px
}
.supplier-card-heading{display:grid;gap:4px;margin-bottom:20px}
.supplier-card-heading span{color:#0d8795;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.supplier-card-heading strong{font-size:21px;line-height:1.25}
.supplier-card-heading small{color:#738399;font-weight:800}
.supplier-directory-card dl{display:grid;gap:10px;padding:14px 0;border-top:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee}
.supplier-directory-card dl div{display:grid;grid-template-columns:120px 1fr;gap:10px}
.supplier-directory-card dt{color:#718096;font-size:12px}
.supplier-directory-card dd{font-weight:800;font-size:13px}
.supplier-card-action{display:block;margin-top:17px;color:#087f8b;font-weight:900;font-size:13px}
.supplier-loading,.supplier-empty-state{
  grid-column:1/-1;min-height:190px;border:1px dashed #b8c6d5;border-radius:14px;background:#fff;
  display:grid;place-items:center;text-align:center;color:#61738a;padding:32px
}
.supplier-empty-state div{font-size:42px;color:#0d91a0}
.supplier-empty-state strong{font-size:20px;color:#102036;margin-top:8px}
.supplier-empty-state span{max-width:520px;line-height:1.5}
.supplier-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.supplier-project-top{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:start;padding-bottom:17px;border-bottom:1px solid #e1e7ee}
.supplier-project-top img{width:62px;height:62px;object-fit:contain}
.supplier-project-top span{display:block;color:#0c8a98;font-size:12px;font-weight:900;margin-bottom:5px}
.supplier-project-top strong{display:block;font-size:17px;line-height:1.35}
.supplier-project-detail{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}
.supplier-project-detail span{display:block;color:#74859a;font-size:11px;margin-bottom:4px}
.supplier-project-detail strong{font-size:13px;line-height:1.35}

.catalog-project-summary{
  display:grid;grid-template-columns:84px repeat(4,1fr);gap:20px;align-items:center;
  margin-bottom:26px;padding:18px 22px;border:1px solid rgba(255,255,255,.16);
  border-radius:13px;background:rgba(255,255,255,.06)
}
.catalog-project-summary img{width:72px;height:72px;object-fit:contain}
.catalog-project-summary span{display:block;color:#a9bdd1;font-size:11px;margin-bottom:6px}
.catalog-project-summary strong{font-size:14px;line-height:1.35}
.catalog-price-note{
  display:flex;gap:18px;align-items:flex-start;margin-bottom:18px;padding:16px 18px;
  border:1px solid #79cbd2;border-radius:10px;background:#eafafb;color:#174854
}
.catalog-price-note strong{white-space:nowrap;color:#087984}
.catalog-price-note span{line-height:1.55;font-size:13px}
.catalog-toolbar{flex-wrap:wrap}
.catalog-toolbar .dark-select{height:46px;min-width:180px;background:#0b2847;color:#fff}
.supplier-catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.supplier-catalog-card{
  padding:20px;border:1px solid #d4dfe9;border-radius:14px;background:#fff;color:#102036;
  box-shadow:0 10px 28px rgba(26,47,72,.07)
}
.catalog-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:17px}
.catalog-card-top>span{color:#0a8491;font-size:11px;font-weight:900;line-height:1.35}
.supplier-catalog-card h2{font-size:19px;line-height:1.35;min-height:52px;margin-bottom:15px}
.catalog-quantity,.catalog-price{padding:14px;border-radius:10px;margin-bottom:12px}
.catalog-quantity{background:#f1f5f8}
.catalog-price{background:linear-gradient(135deg,#073a54,#075d68);color:#fff}
.catalog-quantity span,.catalog-price span{display:block;font-size:11px;margin-bottom:5px}
.catalog-quantity span{color:#6d7d91}
.catalog-price span{color:#bfe9e9}
.catalog-quantity strong{font-size:18px}
.catalog-price strong{display:block;color:#fff;font-size:22px;line-height:1.25}
.catalog-price small{display:block;margin-top:5px;color:#bfe9e9}
.supplier-catalog-card p{min-height:44px;color:#6b7c90;font-size:12px;line-height:1.5;margin:12px 0 16px}
.material-target-price{color:#52e1d7;white-space:nowrap}

@media(max-width:1400px){
  .login-shell{grid-template-columns:1fr;padding:40px}
  .system-flow-grid{grid-template-columns:1fr 1fr}
  .supplier-directory-grid,.supplier-project-grid{grid-template-columns:1fr 1fr}
  .supplier-catalog-grid{grid-template-columns:repeat(3,1fr)}
  .supplier-register-shell .register-content{grid-template-columns:1fr}
}
@media(max-width:1050px){
  .supplier-topnav{position:relative}
  .supplier-topnav .nav-links{flex-wrap:wrap}
  .catalog-project-summary{grid-template-columns:70px 1fr 1fr}
  .catalog-project-summary>div:nth-last-child(-n+2){grid-column:auto}
  .supplier-catalog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .topnav{align-items:flex-start;gap:16px;flex-wrap:wrap}
  .nav-links{flex-wrap:wrap;gap:10px}
  .nav-links a{padding:10px 6px}
  .nav-divider{display:none}
  .language-switcher{order:3}
  .app-top .app-language-switcher,
  .owner-actions>.app-language-switcher{order:0}
  .owner-actions>.app-language-switcher{align-self:flex-start}
  .system-flow-grid,.supplier-directory-grid,.supplier-project-grid,.supplier-catalog-grid{grid-template-columns:1fr}
  .home-role-callout{display:block}
  .home-role-callout .btn{margin-top:20px;min-width:0;width:100%}
  .login-register-actions{grid-template-columns:1fr}
  .role-choice{grid-template-columns:1fr}
  .supplier-register-shell .register-hero{padding:28px;display:block}
  .supplier-register-shell .register-hero .back-circle{margin-bottom:16px}
  .supplier-register-shell .register-content{padding:20px}
  .supplier-directory-toolbar{align-items:stretch;flex-direction:column}
  .supplier-directory-toolbar>strong{margin-left:0}
  .supplier-search-field{min-width:0}
  .supplier-flow-indicator{overflow:auto;padding-bottom:8px}
  .catalog-project-summary{grid-template-columns:1fr}
  .catalog-price-note{display:block}
  .catalog-price-note strong{display:block;margin-bottom:8px}
}
#laporan-page .curve-card,
#owner-laporan-page .owner-report-chart{
  min-width:0;
}
#laporan-page .pinisi-scurve-layout,
#owner-laporan-page .pinisi-scurve-layout{
  grid-template-columns:minmax(0,1fr) 230px;
  gap:18px;
  margin-top:16px;
}
#laporan-page .pinisi-scurve-main,
#owner-laporan-page .pinisi-scurve-main{
  padding:18px;
}
#laporan-page .pinisi-scurve-layout #curve-canvas,
#owner-laporan-page .pinisi-scurve-layout #curve-canvas{
  min-height:470px;
  height:470px!important;
}
#laporan-page .pinisi-scurve-legend,
#owner-laporan-page .pinisi-scurve-legend{
  margin-bottom:14px;
  gap:12px 24px;
}
#laporan-page .pinisi-scurve-summary,
#owner-laporan-page .pinisi-scurve-summary{
  padding:18px;
  gap:12px;
}
@media(max-width:1500px){
  #laporan-page .pinisi-scurve-layout,
  #owner-laporan-page .pinisi-scurve-layout{
    grid-template-columns:minmax(0,1fr) 220px;
  }
  #laporan-page .pinisi-scurve-layout #curve-canvas,
  #owner-laporan-page .pinisi-scurve-layout #curve-canvas{
    min-height:440px;
    height:440px!important;
  }
}
@media(max-width:1080px){
  #laporan-page .pinisi-scurve-layout,
  #owner-laporan-page .pinisi-scurve-layout{
    grid-template-columns:1fr;
  }
  #laporan-page .pinisi-scurve-layout #curve-canvas,
  #owner-laporan-page .pinisi-scurve-layout #curve-canvas{
    min-height:420px;
    height:420px!important;
  }
}
@media(max-width:700px){
  #laporan-page .pinisi-scurve-main,
  #owner-laporan-page .pinisi-scurve-main{
    padding:11px;
  }
  #laporan-page .pinisi-scurve-layout #curve-canvas,
  #owner-laporan-page .pinisi-scurve-layout #curve-canvas{
    min-height:340px;
    height:340px!important;
  }
}

/* Real-photo catalog attribution */
.catalog-photo-credit{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.04);font-size:10px;line-height:1.3}.catalog-photo-credit span{color:#64748b}.catalog-photo-credit a{color:#0e7490;font-weight:800;text-decoration:none}.catalog-photo-credit a:hover{text-decoration:underline}

/* Dedicated report-letterhead navigation */
.milestone-banner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.report-branding-settings-card{display:flex;align-items:center;justify-content:space-between;gap:18px}
.report-branding-settings-card p{margin:6px 0 0;color:#6f7f92;line-height:1.5;font-size:12px}
.report-branding-settings-card .btn{flex:0 0 auto}
@media(max-width:850px){.report-branding-settings-card{align-items:flex-start;flex-direction:column}.report-branding-settings-card .btn{width:100%}}
@media(max-width:600px){.milestone-banner-actions{width:100%;justify-content:stretch}.milestone-banner-actions .btn{flex:1}}