/* create by Koyoy
 * Visual Company Profile IKSN dan tata letak editor responsif.
 * Semua koordinat cetak menggunakan satu template A4 yang sama.
 * end by Koyoy
 */
:root{--navy:#0a2937;--navy-dark:#071f2c;--navy-2:#153d4a;--green:#00a87c;--green-dark:#008768;--mint:#e3f6f0;--yellow:#e3ec70;--paper:#fff;--ink:#092733;--muted:#627987;--line:#e5edf0;--zoom:.7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eaf0f3;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}a{color:#087d63}#workspace{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:75px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid #dae4e7;padding:0 24px}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:237px}.brand-symbol{height:39px;width:39px;border-radius:11px;background:#092c39;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:-1px}.brand-symbol span:after{content:".";color:#40d4aa}.brand-name{font-size:15px;font-weight:900;letter-spacing:.08em;line-height:1.1}.brand-name span{color:var(--green);font-weight:850}.brand-sub{color:#87959b;font-size:10px;letter-spacing:.04em;margin-top:4px}.top-center{display:flex;align-items:center;justify-content:center;gap:12px;color:#7b8990;font-size:11px;font-weight:600}.top-project{color:#2a4450}.top-dot{width:4px;height:4px;background:#c3cfd3;border-radius:50%}.top-actions{display:flex;align-items:center;gap:10px}.save-state{font-size:11px;color:#67817d;display:flex;align-items:center;gap:7px;white-space:nowrap;margin-right:7px}.save-dot{width:7px;height:7px;background:#10a984;border-radius:50%}.save-state.dirty .save-dot{background:#e5a025}.btn{border-radius:9px;padding:11px 15px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:background .2s,transform .2s;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn:active{transform:translateY(1px)}.btn-outline{border-color:#cfdddf;color:#284653;background:#fff}.btn-outline:hover{background:#f2f7f8}.btn-primary{background:var(--green);color:white;box-shadow:0 4px 12px #0aaa7b25}.btn-primary:hover{background:var(--green-dark)}.btn-dark{background:#102f3c;color:#fff}.btn-dark:hover{background:#1c4654}.btn-ico{font-size:16px;line-height:.6}.layout{display:grid;grid-template-columns:245px minmax(420px,1fr) 325px;min-height:calc(100vh - 75px)}.navside{background:#fff;border-right:1px solid #dee9eb;padding:27px 14px 20px;position:sticky;top:75px;height:calc(100vh - 75px);overflow:auto;display:flex;flex-direction:column}.aside-overline{font-size:10px;font-weight:900;letter-spacing:.16em;color:#8aa0a7;padding-left:11px}.doc-info{display:flex;align-items:center;gap:10px;padding:19px 9px 21px;border-bottom:1px solid #e9eff1}.doc-icon{width:41px;height:48px;background:#eaf6f2;color:#008f6d;border:1px solid #d3e9e3;border-radius:7px;display:grid;place-items:center;font-size:25px}.doc-info strong{display:block;font-size:12px;color:#203943}.doc-info small{display:block;margin-top:5px;color:#81949d;font-size:10px}.nav-header{display:flex;justify-content:space-between;color:#95a4aa;font-size:10px;font-weight:850;letter-spacing:.09em;margin:23px 10px 10px}.page-list{display:flex;flex-direction:column;gap:3px}.page-nav-item{width:100%;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;padding:11px 9px;color:#415964}.page-nav-item:hover{background:#f1f7f8}.page-nav-item.active{background:#eaf7f2;border-color:#d4ebe3;color:#057e64}.page-bullet{font-size:11px;font-weight:900;width:26px;height:30px;background:#edf2f4;border-radius:6px;display:grid;place-items:center;color:#80949a}.page-nav-item.active .page-bullet{background:#12b48a;color:#fff}.page-info{flex:1;min-width:0}.page-info b{display:block;font-size:11px;font-weight:750;line-height:1.25}.page-info small{display:block;font-size:10px;color:#92a3aa;margin-top:4px}.page-nav-arrow{font-size:19px;font-weight:500;color:#8ca5a9}.nav-bottom{display:flex;align-items:flex-start;gap:11px;padding:14px 11px;margin-top:auto;border:1px solid #dfebea;background:#f5faf8;border-radius:11px}.nav-tip-icon{color:#008b6d;font-size:18px}.nav-bottom strong{font-size:10px}.nav-bottom p{font-size:10px;line-height:1.65;margin:6px 0 0;color:#7a8e94}.canvas-area{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 18%,#f6f9fa 0%,#ebf1f4 50%,#e5edf0 100%)}.notice{padding:12px 24px;background:#fcefd9;color:#93611c;text-align:center;font-size:12px}.canvas-bar{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:15px}.canvas-context{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#769196}.live-indicator{height:7px;width:7px;border-radius:50%;background:#20c69a;box-shadow:0 0 0 3px #20c69a19}.canvas-sep{font-size:16px;color:#d3dee2;font-weight:300}.canvas-context strong{font-size:11px;letter-spacing:0;color:#3c5866}.canvas-controls{display:flex;gap:7px;align-items:center;font-weight:700;color:#5b7480;font-size:11px}.canvas-controls button{height:28px;width:28px;border-radius:7px;background:#fff;color:#607e88;border:1px solid #dee8eb;font-size:20px;display:grid;place-items:center;line-height:0}.canvas-controls button:hover{border-color:#9acfc1;color:#05755d}.canvas-controls button:disabled{opacity:.33}.canvas-controls span{padding:0 6px}.canvas-controls .canvas-divider{height:18px;width:1px;background:#d3e0e4;padding:0;margin:0 5px}.stage{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:17px 32px 38px}.paper-holder{width:calc(794px * var(--zoom));height:calc(1123px * var(--zoom));flex:none;position:relative}.sheet{width:794px;height:1123px;background:#fff;overflow:hidden;position:relative;transform:scale(var(--zoom));transform-origin:top left;box-shadow:0 18px 54px #1f45572b,0 0 0 1px #91a7b21d}.stage-foot{display:flex;align-items:center;justify-content:space-between;color:#859aa4;font-size:10px;letter-spacing:.02em;padding:13px 27px 17px;border-top:1px solid #e0e9ed}.edit-panel{background:#fff;border-left:1px solid #dfe9eb;position:sticky;top:75px;height:calc(100vh - 75px);display:flex;flex-direction:column;overflow:hidden}.panel-head{padding:27px 23px 22px;border-bottom:1px solid #e8eff1;flex:none}.panel-overline{font-size:10px;color:#00a47f;letter-spacing:.13em;font-weight:900}.panel-head h2{font-size:19px;line-height:1.3;margin:11px 0 7px;letter-spacing:-.03em}.panel-head p{font-size:11px;line-height:1.6;color:#8b9ba2;margin:0}.editor-scroll{overflow-y:auto;flex:1;min-height:0;padding-bottom:25px}.editor-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e3edf0;padding:0 18px}.tab{background:#fff;color:#7c9199;border:0;border-bottom:2px solid transparent;padding:18px 4px 14px;font-weight:750;font-size:11px}.tab.active{color:#039b77;border-color:#06b187}.fields-list{padding:25px 22px}.section-card-label{font-size:10px;letter-spacing:.10em;font-weight:900;color:#7a9aa1;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #e8f0f1}.second-title{margin-top:30px}.field-group{margin-bottom:21px}.field-group label{display:block;font-size:11px;font-weight:770;margin-bottom:9px;color:#354e5a}.field-group input,.field-group textarea{width:100%;border:1px solid #d9e5e8;border-radius:9px;background:#fbfdfd;color:#203c48;font-size:12px;padding:12px 13px;outline:none;line-height:1.55;transition:border-color .2s,box-shadow .2s}.field-group textarea{resize:vertical;min-height:74px}.field-group input:focus,.field-group textarea:focus{border-color:#31bd98;box-shadow:0 0 0 3px #2ec69b18;background:#fff}.image-field{border:1px solid #e1ecee;padding:11px;border-radius:11px;display:flex;gap:11px;align-items:center;margin-bottom:13px}.image-control-thumb{height:70px;width:82px;border-radius:7px;background:#ebf3f4;overflow:hidden;flex:none}.image-control-thumb img{height:100%;width:100%;object-fit:cover}.image-empty-thumb{height:100%;display:grid;place-items:center;font-size:25px;color:#9bb4b8}.image-control-copy{min-width:0}.image-control-copy strong{font-size:11px;display:block;line-height:1.35}.image-control-copy span{display:block;font-size:10px;color:#8b9da5;margin-top:5px}.image-actions{display:flex;gap:8px;margin-top:8px}.image-actions button{font-size:10px;font-weight:800;background:none;border:0;color:#028e6f;padding:0;text-decoration:underline;text-underline-offset:3px}.image-actions .delete-img{color:#b05c5c}.helper-note{font-size:10px;line-height:1.7;color:#8ca0a7;background:#f4f9f9;border-radius:9px;padding:13px;margin-top:17px}.editor-footnote{font-size:10px;line-height:1.7;color:#83999f;padding:18px 23px;border-top:1px solid #e9f0f1}.editor-footnote span{color:#07b18a}.locked{padding:32px 23px}.locked-icon{width:48px;height:48px;border-radius:14px;background:#ebf7f3;color:#00a77f;display:grid;place-items:center;font-size:25px}.locked h3{font-size:17px;margin:22px 0 9px}.locked p{font-size:12px;line-height:1.7;color:#8296a0;margin:0 0 22px}.locked .btn{width:100%}.modal-layer{position:fixed;inset:0;display:grid;place-items:center;background:#041823b9;z-index:50;padding:20px}.modal{position:relative;background:#fff;border-radius:21px;box-shadow:0 30px 120px #0004;padding:35px;width:min(430px,100%)}.modal-close{position:absolute;right:19px;top:14px;background:none;border:0;font-size:26px;color:#91a4ad}.modal-logo{height:45px;width:45px;border-radius:12px;background:#123644;color:white;display:grid;place-items:center;font-weight:900;font-size:15px}.modal h2{font-size:23px;margin:20px 0 7px}.modal p{font-size:12px;line-height:1.7;color:#7c929d;margin:0 0 25px}.modal label{display:block;font-size:11px;font-weight:800;margin:0 0 8px}.modal input{width:100%;border-radius:10px;border:1px solid #d6e3e6;padding:12px 14px;margin-bottom:20px;outline:none}.modal input:focus{border-color:#18a883}.block{width:100%;padding:14px}.form-error{background:#fff0ed;color:#a8413a;padding:10px;border-radius:8px;margin-bottom:15px;font-size:11px}.toast{position:fixed;bottom:22px;right:22px;max-width:390px;z-index:80;padding:14px 20px;color:white;background:#113d45;border-radius:10px;box-shadow:0 12px 45px #082a3644;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .2s;font-weight:650;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#aa4242}#print-area{display:none}
/* -------------------- A4 COMPANY PROFILE -------------------- */
.sheet{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)}.sheet *{box-sizing:border-box}.sheet [data-field]{white-space:pre-line}.sheet h1,.sheet h2,.sheet p{margin-top:0}.sheet .photo{position:relative;overflow:hidden;background:#dfebec}.sheet .photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-empty{background:linear-gradient(145deg,#dbe9eb,#f1f6f4)!important}.empty-media{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#829e9c;font-size:15px}.empty-icon{height:37px;width:37px;border:1px dashed #9cbbb6;border-radius:50%;display:grid;place-items:center;font-size:22px}.photo-edit{position:absolute;bottom:11px;right:11px;font-size:11px;font-weight:700;border-radius:7px;background:#062d36c9;color:white;padding:9px 13px;opacity:0;transition:opacity .15s}.can-edit #live-sheet .photo:hover .photo-edit{opacity:1}.can-edit #live-sheet [data-asset],.can-edit #live-sheet [data-field]{cursor:pointer}.can-edit #live-sheet [data-field]:hover{outline:1px dashed #17b68f;outline-offset:3px}.can-edit #live-sheet .brand-fallback:hover{outline:1px dashed white}.brand-fallback{font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:0;line-height:.9;font-weight:900;color:#0b4d4b;letter-spacing:-.11em}.brand-fallback b{font-size:31px;letter-spacing:-.11em}.brand-fallback b span{color:#00ac78}.brand-fallback small{font-size:8px;letter-spacing:.22em;font-weight:900;margin-top:5px}.brand-logo-file{height:45px;width:auto;max-width:150px;object-fit:contain}.sheet-head{height:101px;display:flex;align-items:center;justify-content:space-between;margin:0 54px;border-bottom:1px solid #dce7e8}.sheet-head-brand{display:flex;align-items:center;gap:16px}.head-rule{height:26px;width:1px;background:#bfcfd1}.sheet-head-brand>div:last-child{display:flex;flex-direction:column;gap:3px}.sheet-head-brand>div:last-child strong{font-size:12px;letter-spacing:.08em}.sheet-head-brand>div:last-child small{font-size:9px;letter-spacing:.12em;color:#619082;font-weight:850}.head-top-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a8b5b9}.head-top-label b{color:#0aa983}.page-main{margin:0 54px;position:relative}.section-leadin{font-size:11px;color:#07a781;letter-spacing:.16em;font-weight:900;margin:38px 0 16px}.page-title{font-size:46px;letter-spacing:-.06em;line-height:1.05;font-weight:850;max-width:640px;margin:0 0 20px}.title-underline{width:92px;height:5px;background:#02b58b;margin-bottom:28px}.page-desc{font-size:17px;line-height:1.6;max-width:640px;color:#667f88;margin:-7px 0 28px;font-weight:400}.sheet-foot{height:67px;position:absolute;left:54px;right:54px;bottom:0;display:flex;align-items:center;gap:10px;border-top:1px solid #e0e9e9;font-size:10px;color:#899da4;letter-spacing:.045em;font-weight:650}.foot-mark{width:23px;height:6px;background:#00af88;display:block}.foot-right{margin-left:auto;color:#0b7c65;font-size:19px;font-weight:900}.foot-right small{font-size:11px;color:#a9baba}.standard-page{height:100%;background:#fff}
/* Cover */
.cover-page{position:absolute;inset:0;background:#081f2a;color:#fff;overflow:hidden}.cover-photo{position:absolute;left:0;right:0;top:0;height:72%}.cover-hero{width:100%;height:100%}.cover-hero img{object-position:38% center}.cover-tint{position:absolute;inset:0;background:linear-gradient(90deg,#061f2df5 2%,#062a39d6 42%,#06313a48 100%),linear-gradient(0deg,#06212a 5%,transparent 77%)}.cover-page:before{content:"";position:absolute;right:-190px;top:-160px;width:520px;height:520px;border:1px solid #ffffff30;transform:rotate(28deg);z-index:1}.cover-brand{position:absolute;top:62px;left:62px;display:flex;align-items:center;gap:16px;z-index:2}.cover-brand .brand-fallback{color:white}.cover-brand .brand-logo-file{filter:drop-shadow(0 2px 8px #0004)}.cover-brand .brand-fallback b{font-size:34px}.cover-brand .brand-fallback small{color:#c8f4e6}.cover-brandsplit{height:40px;width:1px;background:#ffffff65}.cover-brand strong{font-size:11px;line-height:1.45;letter-spacing:.19em}.cover-main{position:absolute;top:250px;left:62px;right:75px;z-index:2}.cover-kicker{font-size:11px;letter-spacing:.23em;color:#d8ffed;font-weight:850;margin-bottom:22px}.cover-titlelabel{font-size:100px;line-height:.88;letter-spacing:-.075em;font-weight:950}.cover-titlelabel span{color:#23d8a5}.cover-line{height:6px;width:92px;background:#28d8ad;margin:39px 0 29px}.cover-title{font-size:32px;line-height:1.18;letter-spacing:-.045em;font-weight:750;max-width:550px;margin:0 0 17px}.cover-description{color:#deedef;font-size:17px;line-height:1.5;max-width:510px;font-weight:450}.cover-bottom{position:absolute;left:0;right:0;bottom:0;height:245px;z-index:2;background:#06a37d;padding:38px 63px 30px}.cover-bottom:before{content:"";height:8px;background:#d8e879;width:180px;position:absolute;top:0;left:0}.cover-bottom-label{display:flex;align-items:center;gap:11px;color:#e7fffb;font-size:11px;letter-spacing:.19em;font-weight:800}.cover-yellow{width:8px;height:8px;background:#dcf07f;transform:rotate(45deg)}.cover-bottom-row{display:grid;grid-template-columns:1.25fr 1.05fr .7fr;gap:20px;border-top:1px solid #ffffff50;margin-top:37px;padding-top:24px}.cover-bottom-row>div{display:flex;flex-direction:column;gap:8px}.cover-bottom-row small{color:#bbf2e1;font-size:10px;letter-spacing:.12em;font-weight:800}.cover-bottom-row b{font-size:12px;line-height:1.45;letter-spacing:.025em}
/* About */
.about-top{display:grid;grid-template-columns:1.45fr .8fr;gap:21px;height:284px}.about-photo-frame{position:relative;border-radius:0 82px 0 0;overflow:hidden}.about-photo{height:100%}.about-side{position:relative;background:#0a3240;color:white;padding:34px 24px;overflow:hidden}.about-side:after{content:"";position:absolute;height:205px;width:205px;border:1px solid #ffffff2e;transform:rotate(30deg);right:-100px;top:90px}.side-accent{color:#5cddba;font-size:10px;letter-spacing:.16em;font-weight:850}.about-stat-big{font-size:32px;font-weight:900;letter-spacing:-.055em;line-height:1.13;margin-top:35px}.about-stat-big em{color:#36cc9d;font-style:normal}.about-side p{font-size:12px;color:#c3e0e0;line-height:1.55;margin-top:20px;max-width:155px}.about-side-line{display:block;width:35px;height:4px;background:#e4ed75;margin-top:16px}.about-copy{margin-top:30px;display:grid;gap:12px}.about-copy p{font-size:15.3px;line-height:1.58;color:#485f66;margin:0;text-align:left}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:31px}.stat-card{border:1px solid #dce9e8;background:#f5faf8;padding:18px 15px;min-height:96px}.stat-card strong{display:block;font-weight:900;font-size:24px;color:#0d6b60;letter-spacing:-.06em}.stat-card small{font-size:9px;color:#698b8b;font-weight:900;letter-spacing:.09em;display:block;margin-top:8px}
/* Identity */
.identity-banner{height:229px;overflow:hidden;position:relative;background:#123c48;margin:16px 0 25px}.identity-image{height:100%}.identity-image img{filter:saturate(.8)}.identity-banner-label{position:absolute;inset:0;background:linear-gradient(90deg,#072b39eb,transparent 90%);display:flex;justify-content:space-between;align-items:flex-end;color:#fff;padding:25px 31px}.identity-banner-label span{font-size:21px;font-weight:900;letter-spacing:.04em;line-height:1.1}.identity-banner-label b{font-size:10px;letter-spacing:.1em}.identity-section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#10a181;font-weight:900;margin:31px 0 8px}.identity-section-label span:last-child{color:#b0bdc2}.identity-row{display:grid;grid-template-columns:38px 166px 1fr;gap:14px;align-items:start;padding:22px 9px 20px 0;border-bottom:1px solid #dae6e8;min-height:77px}.legal-index{color:#1aac87;font-size:11px;font-weight:850}.legal-name{font-size:13.5px;font-weight:800;color:#193a45}.legal-value{font-size:14px;line-height:1.5;color:#566e77}.identity-note{display:flex;align-items:center;gap:11px;padding:21px 22px;background:#eef8f5;margin-top:31px;color:#507e76;font-size:13px;font-weight:650}.circle-dot{width:9px;height:9px;background:#09ae83;border-radius:50%;flex:none}
/* Vision */
.vision-hero{height:281px;background:#0a3040;display:grid;grid-template-columns:1.45fr .75fr;color:#fff;overflow:hidden}.vision-hero-body{padding:26px 28px}.vision-index{color:#44cfad;font-size:12px;font-weight:900;letter-spacing:.11em}.vision-description{font-size:19px;line-height:1.53;font-weight:550;margin:24px 0}.vision-image{height:100%}.mission-header{display:flex;justify-content:space-between;align-items:center;margin:29px 0 11px;color:#098e73;font-size:13px;font-weight:900;letter-spacing:.13em}.mission-header small{font-size:10px;color:#a5b7bb}.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.mission-row{min-height:125px;display:flex;gap:14px;border:1px solid #e1e9e9;padding:15px 12px;background:#fbfdfc}.mission-no{font-size:12px;font-weight:900;color:#12af8d;border-top:3px solid #10b38c;padding-top:7px;flex:none}.mission-row p{font-size:12.5px;line-height:1.52;color:#485f69;margin:4px 0 0}.mission-row:last-child{grid-column:1/-1;min-height:68px}
/* Modes */
.modes-blocks{margin-top:28px;display:grid;gap:16px}.mode-card{height:207px;display:grid;grid-template-columns:244px 1fr 60px;border:1px solid #d9e7e7;background:#f8fbfa}.mode-image{height:100%}.mode-card-content{padding:27px 15px 12px 28px}.mode-card-content>span{color:#05a982;font-size:11px;letter-spacing:.12em;font-weight:850}.mode-card h2{font-size:24px;letter-spacing:-.03em;margin:18px 0 9px;font-weight:850}.mode-card p{font-size:14.5px;line-height:1.53;color:#657b83;max-width:320px;margin:0}.mode-arrow{padding-top:30px;color:#13aa83;font-size:24px;font-weight:500}.modes-endline{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:34px;font-weight:850;font-size:13px;letter-spacing:.2em;color:#0c6e64}.thin-line{width:63px;height:2px;background:#c7e2d9}
/* Cargo */
.cargo-lead{display:flex;align-items:center;gap:14px;font-size:11px;color:#0b9274;font-weight:900;letter-spacing:.13em;margin:25px 0 15px}.cargo-lead span{height:1px;flex:1;background:#d3e5e2}.cargo-blocks{display:grid;gap:16px}.cargo-card{height:203px;display:grid;grid-template-columns:270px 1fr;background:#f6faf9;border:1px solid #e0eaeb;overflow:hidden}.cargo-photo{height:100%}.cargo-body{padding:22px 28px}.cargo-index{font-size:13px;font-weight:900;color:#02ac82}.cargo-index em{font-size:10px;font-style:normal;font-weight:800;letter-spacing:.1em;color:#a0aeaf}.cargo-body h2{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:19px 0 13px}.cargo-body p{font-size:14.5px;color:#5c777e;line-height:1.6}.cargo-statement{display:flex;justify-content:space-between;align-items:end;background:#0b3440;color:white;margin-top:25px;padding:20px 24px}.cargo-statement b{font-size:24px;line-height:1.1;letter-spacing:-.04em}.cargo-statement small{font-size:10px;letter-spacing:.07em;color:#7cdbbb}
/* Gallery */
.gallery-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.gallery-feature{height:290px;position:relative;overflow:hidden;background:#123947}.gallery-feature .gallery-image{height:100%}.gallery-feature .gallery-caption{position:absolute;bottom:0;left:0;right:0;min-height:65px;background:linear-gradient(0deg,#072e3de8,#072e3d30);color:#fff;font-size:14px;padding:29px 19px 13px;font-weight:800;line-height:1.3}.gallery-small{height:206px;position:relative;overflow:hidden;background:#153e49}.gallery-small .gallery-image{height:100%}.gallery-small .gallery-caption{position:absolute;bottom:0;left:0;right:0;min-height:52px;background:#072e3dc9;color:#fff;font-size:12px;padding:16px;font-weight:750;line-height:1.4}.gallery-final{display:flex;justify-content:space-between;font-size:11px;color:#82979b;font-weight:850;letter-spacing:.1em;border-top:1px solid #d4e5e6;margin-top:22px;padding-top:19px}
/* Contact */
.contact-page{position:absolute;inset:0;background:#f5faf8}.contact-top{height:575px;background:#0a2c3c;position:relative;color:#fff;overflow:hidden}.contact-top:before{content:"";position:absolute;right:-100px;top:-120px;width:420px;height:420px;border:1px solid #ffffff24;transform:rotate(35deg)}.contact-topbar{display:flex;align-items:center;justify-content:space-between;padding:43px 52px 0;position:relative;z-index:2}.contact-topbar .brand-fallback{color:#fff}.contact-topbar .brand-fallback small{color:#aaf7de}.contact-topbar>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#bcdbd8}.contact-hero-copy{position:relative;z-index:2;margin:70px 52px 0}.contact-kicker{color:#69e0bd;font-size:11px;font-weight:900;letter-spacing:.16em}.contact-title{font-size:61px;font-weight:900;letter-spacing:-.055em;line-height:1.05;margin:22px 0}.contact-intro{font-size:16px;line-height:1.6;color:#d5eae7;max-width:570px}.contact-photo{position:absolute;right:0;bottom:0;width:65%;height:210px}.contact-photo:after{content:"";background:linear-gradient(90deg,#0a2c3c,transparent);position:absolute;inset:0}.contact-bottom{display:grid;grid-template-columns:1.3fr .8fr;gap:38px;padding:50px 52px 0}.contact-info-head{font-size:10px;color:#02a27a;font-weight:900;letter-spacing:.14em;padding-bottom:17px;border-bottom:1px solid #bfd6d5}.contact-item{margin-top:24px}.contact-item small{display:block;font-size:10px;font-weight:900;color:#82a19d;letter-spacing:.12em;margin-bottom:9px}.contact-item p{font-size:16px;font-weight:700;line-height:1.45;color:#143a45;margin:0;overflow-wrap:anywhere}.contact-qr-card{background:#fff;border:1px solid #d6e9e5;align-self:start;padding:22px;text-align:center;box-shadow:0 10px 40px #063f4712}.qr-wrap{width:208px;height:208px;margin:0 auto 16px}.qr-wrap canvas,.qr-wrap img{width:100%;height:100%;object-fit:contain}.qr-caption{font-size:12px;font-weight:800;margin:4px 0 8px;color:#21454d}.contact-qr-card small{font-size:10px;letter-spacing:.12em;color:#88a09e;font-weight:800}.contact-endbar{position:absolute;bottom:0;left:0;right:0;height:84px;background:#00a77c;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 52px}.contact-endbar>span{font-size:10px;letter-spacing:.14em;font-weight:800}.contact-endbar>b{font-size:29px;font-weight:900;letter-spacing:-.05em}.contact-endbar>b span{color:#daf086}
@media(max-width:1330px){.layout{grid-template-columns:217px minmax(390px,1fr) 296px}.topbar{padding:0 15px}.brand-lockup{min-width:200px}.top-project{display:none}.top-dot{display:none}.edit-panel .panel-head{padding-left:18px}.fields-list{padding:20px 17px}.stage{padding-left:18px;padding-right:18px}}
@media(max-width:1050px){.layout{grid-template-columns:84px minmax(350px,1fr) 280px}.navside{padding:22px 7px}.aside-overline,.doc-info,.nav-header,.page-info,.page-nav-arrow,.nav-bottom{display:none}.page-list{padding-top:15px}.page-nav-item{justify-content:center;padding:12px 3px}.page-bullet{font-size:11px;width:39px;height:39px}.topbar{height:70px}.navside,.edit-panel{top:70px;height:calc(100vh - 70px)}}
@media(max-width:780px){.topbar{flex-wrap:wrap;height:auto;min-height:80px;padding:12px;gap:9px}.brand-lockup{min-width:0}.brand-sub,.top-center{display:none}.top-actions{margin-left:auto;gap:5px}.btn{padding:9px 10px;font-size:10px}.save-state{display:none}.layout{display:flex;flex-direction:column}.navside{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid #dae7e8;padding:9px;display:block;overflow-x:auto}.page-list{padding:0;flex-direction:row;min-width:max-content}.page-nav-item{width:43px;height:44px}.page-bullet{height:32px;width:32px}.canvas-bar{padding:12px;min-height:60px}.canvas-context strong{display:none}.canvas-controls{gap:2px}.stage{padding:15px 10px 26px;min-height:700px}.stage-foot{padding:10px;font-size:9px}.edit-panel{position:relative;top:auto;height:auto;max-height:780px;border-left:0;border-top:1px solid #dae7e8}.panel-head{padding:18px!important}.editor-scroll{max-height:610px}.locked{padding:20px}.brand-name{font-size:12px}}
@media print{
    @page{size:A4 portrait;margin:0}
    html,body{margin:0!important;padding:0!important;background:#fff!important;width:210mm!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
    #workspace,.modal-layer,.toast,#hidden-file{display:none!important}
    #print-area{display:block!important;position:static!important;margin:0!important;padding:0!important;width:210mm!important}
    #print-area .sheet{transform:none!important;box-shadow:none!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important;overflow:hidden!important}
    #print-area .sheet:last-child{break-after:auto!important;page-break-after:auto!important}
    .photo-edit{display:none!important}
}
/* Penyesuaian ritme vertikal untuk memastikan footer A4 bebas benturan. */
.identity-banner{height:213px}
.identity-row{min-height:71px;padding-top:17px;padding-bottom:16px}
.identity-note{margin-top:23px;padding-top:16px;padding-bottom:16px}
.mission-row{min-height:111px;padding-top:12px;padding-bottom:12px}
.mission-row:last-child{min-height:59px}
.mode-card{height:195px}
.modes-endline{margin-top:16px}
.cargo-card{height:176px}
.cargo-statement{margin-top:18px;padding-top:13px;padding-bottom:13px}
.gallery-feature{height:274px}
.gallery-small{height:191px}
.gallery-final{margin-top:15px;padding-top:14px}

/* Warna teks terpisah dari elemen aksen pada judul editable. */
.cover-titlelabel > span[data-field]{color:#fff}
.cover-titlelabel > span:not([data-field]){color:#24d8a5}
.contact-endbar > b > span[data-field]{color:#fff}
.overflow-warning{background:#ffebe1;border-top:1px solid #f0b59a;border-bottom:1px solid #f0b59a;color:#9f4a2b;font-size:12px;font-weight:750;padding:10px 21px;text-align:center}
@media print{.overflow-warning{display:none!important}}
/* Menjaga isi kartu muatan tetap di dalam tinggi tetap. */
.cargo-body{padding:16px 24px}
.cargo-body h2{margin:12px 0 9px}
.cargo-body p{font-size:14px;line-height:1.48}
.cargo-statement{margin-top:10px}


/* create by Koyoy
 * Desain A4 IKSN, mengikuti identitas turkuois-kuning-navy Compro lama.
 * end by Koyoy */
:root{--navy:#0b2230;--navy-dark:#091a25;--navy-2:#123b43;--green:#36bca5;--green-dark:#179880;--mint:#e6f8f3;--yellow:#ffe332;--ink:#102531}
.topbar .brand-symbol{background:#0f3440}.brand-symbol span:after{color:#f5d82b}
.ik-standard,.ik-cover,.ik-contact{height:1123px;width:794px;position:relative;overflow:hidden;background:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#102531}
.ik-standard{background:linear-gradient(132deg,#fff 0 81%,#f1fbf7 81% 100%)}
.ik-head{position:absolute;top:0;left:0;width:100%;height:119px;display:flex;align-items:center;justify-content:space-between;padding:32px 55px 18px;border-bottom:1px solid #ecf0f1;z-index:2}
.ik-head-left{display:flex;align-items:center;gap:14px}.ik-head-left .brand-logo-file{width:65px;height:50px;object-fit:contain}.ik-head-left>span{display:flex;flex-direction:column;gap:2px}.ik-head-left strong{font-size:15px;letter-spacing:.04em}.ik-head-left small{font-size:13px;letter-spacing:.10em;color:#24a98d;font-weight:800}.ik-head-right{font-size:10px;color:#6f8b8c;font-weight:900;letter-spacing:.16em}.ik-head-right em{font-style:normal;color:#2bab94}
.ik-main{position:absolute;top:137px;left:55px;right:55px;bottom:86px;z-index:1}.ik-eyebrow{font-size:10px;font-weight:900;color:#11aa91;letter-spacing:.20em;margin:0 0 19px}.ik-title{font-weight:900;letter-spacing:-.058em;font-size:49px;line-height:1.08;color:#0b2936;max-width:670px;margin:0 0 18px;white-space:pre-wrap}.ik-shortline{width:68px;height:5px;background:#ffe332;margin-bottom:20px}.ik-lead{font-size:16px;color:#4c6670;line-height:1.6;margin:0 0 28px;max-width:665px;white-space:pre-wrap}
.ik-foot{position:absolute;bottom:0;left:55px;right:55px;height:75px;border-top:1px solid #e2eaea;display:flex;align-items:center;gap:12px;font-weight:800;font-size:10px;letter-spacing:.035em;color:#789195;z-index:2}.ik-foot b{margin-left:auto;background:#1ab69b;color:white;padding:6px 12px;font-size:13px;letter-spacing:0}.ik-foot-accent{height:5px;width:21px;background:#ffe332}.ik-edge-a{position:absolute;width:98px;height:98px;background:#3ec3a9;clip-path:polygon(100% 0,100% 100%,0 100%);right:0;bottom:0;opacity:.8}.ik-edge-b{position:absolute;width:90px;height:80px;background:#ffe332;clip-path:polygon(0 0,100% 0,0 100%);right:0;top:0;z-index:1}
.ik-feature-image{height:228px;margin:10px 0 26px;position:relative}.ik-image-strip,.ik-story-photo,.ik-full-photo,.ik-cover-photo,.ik-contact-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.ik-feature-image .photo{border-radius:15px}.ik-image-strip img,.ik-story-photo img,.ik-full-photo img,.ik-cover-photo img,.ik-contact-photo img{width:100%;height:100%;object-fit:cover}
.ik-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.ik-point{background:#f3faf8;border:1px solid #dceee8;border-radius:14px;padding:18px 20px;min-height:112px;position:relative;overflow:hidden}.ik-point:before{content:'';position:absolute;top:0;left:0;width:5px;height:45px;background:#42c3a7}.ik-point small{font-weight:900;font-size:10px;color:#20b197;letter-spacing:.10em}.ik-point h3{font-size:16px;margin:7px 0 7px;color:#092937;line-height:1.25;white-space:pre-wrap}.ik-point p{font-size:12px;margin:0;line-height:1.5;color:#607783;white-space:pre-wrap}.ik-cardgrid.six .ik-point{min-height:130px}.ik-cardgrid.six{gap:12px;margin-top:14px}.ik-cardgrid.six .ik-point{padding:16px 18px}
.ik-story-feature{height:320px;position:relative;margin-bottom:22px}.ik-story-feature .ik-story-photo{width:73%!important;height:100%;overflow:hidden;border-radius:12px}.ik-story-caption{position:absolute;right:0;bottom:30px;padding:26px 28px;width:42%;min-height:155px;border-radius:15px;background:#0b3741;color:white;box-shadow:0 16px 40px #10353a35}.ik-story-caption b{font-size:12px;letter-spacing:.1em;color:#e8e544}.ik-story-caption p{font-size:18px;line-height:1.4;font-weight:800}.ik-story-feature + .ik-cardgrid .ik-point{min-height:130px}
.ik-split{display:grid;grid-template-columns:45% 1fr;gap:22px;margin-top:22px;height:630px}.ik-split-photo{height:100%;position:relative}.ik-split-photo .photo{overflow:hidden;border-radius:15px}.ik-split-photo img{object-fit:cover}.ik-rows{display:grid;align-content:start;gap:13px}.ik-row{display:flex;align-items:flex-start;gap:13px;background:#f2faf7;border:1px solid #dfebe8;border-radius:12px;padding:16px}.ik-row>span{color:#10ab91;font-size:13px;font-weight:900}.ik-row h3{margin:0 0 7px;font-size:16px;white-space:pre-wrap}.ik-row p{margin:0;font-size:12px;color:#667f87;line-height:1.6;white-space:pre-wrap}
.ik-list-feature{display:grid;grid-template-columns:1.12fr .88fr;gap:23px;height:640px;margin-top:20px}.ik-list-feature .ik-list-image{position:relative;overflow:hidden;border-radius:15px}.ik-list-image .photo{border-radius:15px}.ik-list-image img{object-fit:cover}
.ik-org-top{display:flex;align-items:center;justify-content:center;margin:42px 0 40px;gap:30px}.ik-org-top span{border:2px solid #14ad94;background:#e6f8f2;padding:21px 26px;border-radius:16px;font-weight:900;font-size:18px}.ik-org-top i{height:2px;width:70px;background:#cbd9d6}.ik-org-legend{background:#103541;color:#fff;margin-top:25px;padding:20px;text-align:center;border-radius:12px;font-size:13px;font-weight:800;letter-spacing:.11em}.ik-org-legend span{color:#ffe332;padding:0 16px}
.ik-port-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0 28px}.ik-screen{height:345px;overflow:hidden;background:#edf6f5;border:1px solid #cedee0;border-radius:15px;box-shadow:0 13px 25px #1b4a5120}.ik-screen-header{height:30px;background:#092f3b;display:flex;align-items:center;gap:5px;padding:0 13px}.ik-screen-header span{width:7px;height:7px;background:#e9e04b;border-radius:50%;opacity:.9}.ik-screen-header b{color:#b3e7e0;margin-left:auto;font-size:9px;letter-spacing:.1em}.ik-system-screenshot{height:315px!important;width:100%;position:relative;overflow:hidden}.ik-system-screenshot img{height:100%;width:100%;object-fit:cover;object-position:top left}.ik-port-grid + .ik-cardgrid .ik-point{min-height:122px}.ik-privacy{margin-top:30px;font-size:9px;color:#96a9ad;letter-spacing:.10em;text-align:center;font-weight:800}
.ik-cover{background:#092c3b;color:#fff}.ik-cover-visual{position:absolute;inset:0;width:100%;height:100%}.ik-cover-photo{opacity:.78}.ik-cover-photo img{object-fit:cover}.ik-cover-mask{position:absolute;inset:0;background:linear-gradient(90deg,#092632ee 0%,#07252ec9 42%,#062d3554 100%),linear-gradient(0deg,#052432 0%,transparent 50%)}.ik-cover-identity{position:absolute;left:56px;top:49px;display:flex;align-items:center;gap:21px;color:white;z-index:2}.ik-cover-identity .brand-logo-file{width:117px;height:71px;object-fit:contain;background:#fff;padding:8px;border-radius:12px}.ik-cover-identity>div:last-child{display:flex;flex-direction:column}.ik-cover-identity strong{font-size:18px}.ik-cover-identity small{font-size:15px;color:#8ae0ca}.ik-cover-copy{position:absolute;left:56px;right:80px;top:295px;z-index:2}.ik-cover-copy>span{font-size:13px;color:#b5eedc;font-weight:900;letter-spacing:.14em}.ik-cover-big{font-size:85px;line-height:1.02;font-weight:950;letter-spacing:-.08em;white-space:pre-wrap;max-width:680px;margin:20px 0 24px}.ik-cover-copy h1{color:#ffe332;font-size:32px;line-height:1.22;max-width:550px;margin:0 0 18px;font-weight:850}.ik-cover-copy p{font-size:16px;max-width:520px;line-height:1.6;color:#d0e8e3}.ik-cover-bottom{position:absolute;left:0;right:0;bottom:0;padding:30px 56px 48px;display:flex;flex-direction:column;gap:16px;background:#0a554e9e;z-index:2}.ik-cover-bottom b{font-size:13px;letter-spacing:.12em}.ik-cover-bottom span{font-size:11px;letter-spacing:.12em}.ik-cover-shape{position:absolute;right:0;bottom:130px;width:145px;height:130px;background:#ffe332;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:2}
.ik-contact{background:#f6fbf9}.ik-contact-hero{height:490px;position:relative;background:#0a2935}.ik-contact-photo{opacity:.7}.ik-contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,#072633eb,transparent),linear-gradient(0deg,#072633d9,transparent)}.ik-contact-brand{position:absolute;top:40px;left:55px}.ik-contact-brand img{width:120px;height:72px;object-fit:contain;background:#fff;padding:7px;border-radius:12px}.ik-contact-copy{position:absolute;top:206px;left:55px;right:65px;color:#fff}.ik-contact-copy small{color:#ffe332;font-weight:900;letter-spacing:.13em;font-size:12px}.ik-contact-copy h1{font-size:44px;font-weight:900;line-height:1.12;letter-spacing:-.045em;max-width:640px;margin:19px 0}.ik-contact-copy p{max-width:590px;font-size:15px;line-height:1.6;color:#d4ebe5}.ik-contact-content{display:grid;grid-template-columns:1fr 270px;gap:35px;padding:60px 55px}.ik-contact-details h3{color:#008e7a;font-size:13px;letter-spacing:.13em;margin:0 0 24px}.ik-contact-details small{display:block;font-size:11px;color:#95aaa9;font-weight:900;letter-spacing:.11em;margin-bottom:7px}.ik-contact-details p{font-size:16px;color:#0c3440;font-weight:800;line-height:1.4;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}.ik-contact-qr{background:white;box-shadow:0 11px 32px #0f3d381a;border-radius:14px;border:1px solid #d8e9e6;text-align:center;padding:24px;height:300px}.ik-contact-qr canvas,.ik-contact-qr img{width:207px;height:207px;object-fit:contain}.ik-contact-qr p{font-size:12px;font-weight:850;color:#1a5f57;margin:12px}.ik-contact-thanks{position:absolute;bottom:0;width:100%;background:#13a98d;color:white;text-align:right;font-size:35px;font-weight:900;padding:22px 54px}
.ik-standard .photo-edit,.ik-cover .photo-edit,.ik-contact .photo-edit{z-index:4}
/* halaman tetap mengikuti dimensi A4 dan memerlukan review untuk teks lebih panjang */


/* create by Koyoy — Revisi grid A4, logo resmi, dan portofolio asli */
:root{--navy:#102333;--navy-dark:#0b2837;--green:#49c6b1;--green-dark:#159783;--yellow:#ffe100}
/* A4 794x1123: konten X=60..734, master header Y=38..119, footer Y=1045 */
.ik-head{height:117px;padding:26px 60px 17px;align-items:center}
.ik-head-left{gap:0;min-width:0}.ik-head-left .brand-logo-file{width:236px;height:78px;max-width:none;object-fit:contain;object-position:left center}
.ik-head-right{font-size:11px;letter-spacing:.1em;white-space:nowrap}
.ik-main{left:60px;right:60px;top:140px;bottom:87px;display:flex;flex-direction:column;align-items:stretch}
.ik-title{font-size:45px;letter-spacing:-.049em;line-height:1.12;margin:0 0 13px;max-width:674px}
.ik-eyebrow{margin:0 0 16px;font-size:11px}
.ik-shortline{margin:0 0 15px}
.ik-lead{font-size:15px;line-height:1.52;margin:0 0 22px;max-width:665px}
.ik-foot{left:60px;right:60px;height:77px}
.ik-cardgrid.six{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}
.ik-cardgrid.six .ik-point{min-height:122px;padding:17px 18px}
.ik-cardgrid.six .ik-point p{font-size:12.5px}
.ik-point{padding:16px 18px;min-height:104px}
.ik-point p,.ik-row p{font-size:12.5px;line-height:1.52}
.ik-feature-image{height:250px;margin:6px 0 18px;flex:none}
.ik-triad{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:580px;flex:1;margin-top:8px;max-height:650px}
.ik-triad-photo{position:relative;min-height:0}.ik-triad-photo .photo{border-radius:13px;overflow:hidden}
.ik-triad-photo img{object-fit:cover;object-position:center center}
.ik-triad .ik-rows{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px;min-height:0}
.ik-triad .ik-row{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 18px}
.ik-triad .ik-row>span{font-size:12px}
.ik-triad .ik-row h3{font-size:17px}
.ik-triad .ik-row p{font-size:12.5px}
.ik-split{height:auto;min-height:560px;flex:1;max-height:680px;grid-template-columns:45% 1fr;gap:20px}
.ik-split .ik-rows,.ik-list-feature .ik-rows{display:grid;grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:13px}
.ik-split .ik-row,.ik-list-feature .ik-row{align-items:flex-start;justify-content:center;padding:15px}
.ik-list-feature{height:auto;min-height:570px;flex:1;max-height:685px;gap:21px}
.ik-org-top{margin:35px 0 35px}
.ik-story-feature{height:315px}
.ik-cover-identity{left:60px;top:45px}
.ik-cover-identity .brand-logo-file{width:294px;height:107px;object-fit:contain;background:#fff;padding:14px;border-radius:11px;max-width:none}
.ik-cover-copy{left:60px;right:70px;top:288px}.ik-cover-big{font-size:80px;letter-spacing:-.067em;line-height:1.03}
.ik-cover-bottom{padding-left:60px;padding-right:60px}
.ik-contact-brand{left:60px;top:37px}.ik-contact-brand img{width:274px;height:105px;padding:12px;max-width:none}
.ik-contact-copy{left:60px;right:60px}.ik-contact-content{padding-left:60px;padding-right:60px}
/* Screenshot asli harus terbaca utuh: tak memakai object-fit: cover atau zoom terpotong */
.ik-portfolio-full{display:flex;flex-direction:column;flex:1;min-height:0;margin:8px 0 0}
.ik-portfolio-label{font-size:10px;color:#64888c;font-weight:850;letter-spacing:.15em;margin-bottom:13px}
.ik-portfolio-shot{width:100%;height:440px;border:1px solid #c9e0e1;border-radius:12px;background:#edf4f5;padding:12px;box-shadow:0 13px 30px rgba(17,56,67,.10);flex:none;display:flex;justify-content:center;align-items:center}
.ik-portfolio-shot .photo{width:100%;height:100%;background:transparent;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ik-portfolio-shot .photo img{height:100%;width:100%;object-fit:contain!important;object-position:center center!important}
.ik-portfolio-notes{margin:24px 0 0}
.ik-portfolio-notes .ik-cardgrid{margin:0;gap:16px}
.ik-portfolio-notes .ik-point{min-height:116px;padding:20px 19px}
.ik-portfolio-caption{font-size:10px;text-align:center;letter-spacing:.16em;color:#8d9fa5;font-weight:800;margin:20px auto 0}
.ik-portfolio-full .ik-portfolio-shot{overflow:hidden}
.image-control-thumb img{object-fit:contain;background:#f8fbfb}
.ik-standard .ik-head-left .brand-logo-file{max-width:none}
/* end by Koyoy */
/* Rapatkan gambar pada dua halaman enam poin agar konten tidak melewati footer A4. */
.sheet[data-page="5"] .ik-feature-image,
.sheet[data-page="6"] .ik-feature-image{height:207px;margin-bottom:16px}

/* create by Koyoy
 * Bagan halaman 08 mengikuti hierarki asli IKSN: Director -> empat divisi dan DPA -> Port Captain -> Vessel.
 * end by Koyoy
 */
.ik-org-chart{position:relative;width:100%;height:460px;margin:22px auto 0;border-top:2px solid #16303d;border-bottom:2px solid #16303d;flex:none}
.ik-org-lines{position:absolute;inset:10px 0 0;width:100%;height:440px;overflow:visible;pointer-events:none}
.ik-org-lines path{stroke:#16303d;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter;fill:none;vector-effect:non-scaling-stroke}
.ik-org-node{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;height:68px;padding:9px 5px;border:2px solid #16303d;border-radius:12px;background:#fff;z-index:1;color:#102333;font-size:13px;line-height:1.18;font-weight:850;overflow-wrap:break-word}
.ik-org-node [data-field]{display:block;width:100%;white-space:normal}
.ik-org-director{left:30%;top:28px;width:20%}
.ik-org-finance{left:0%;top:246px;width:19%}
.ik-org-operations{left:20.2%;top:246px;width:19%}
.ik-org-fleet{left:40.4%;top:246px;width:19%}
.ik-org-maintenance{left:60.6%;top:246px;width:19%}
.ik-org-dpa{left:81%;top:113px;width:18.8%}
.ik-org-portcaptain{left:81%;top:229px;width:18.8%}
.ik-org-vessel{left:81%;top:339px;width:18.8%}

/* create by Koyoy
 * Presisi area isi halaman 07, 09–12: sumbu X/Y, grid empat poin,
 * dan paragraf rata kanan-kiri tanpa mengubah isi maupun gambar.
 */
.sheet[data-page="7"] .ik-split,
.sheet[data-page="9"] .ik-list-feature,
.sheet[data-page="10"] .ik-list-feature,
.sheet[data-page="11"] .ik-list-feature,
.sheet[data-page="12"] .ik-list-feature {
  position: absolute;
  top: 252px; /* Y halaman A4 = 140 + 252 = 392px */
  left: 0;
  right: 0;
  width: 100%;
  height: 590px;
  min-height: 0;
  max-height: none;
  margin: 0;
  flex: none;
}
.sheet[data-page="7"] .ik-split .ik-rows,
.sheet[data-page="9"] .ik-list-feature .ik-rows,
.sheet[data-page="10"] .ik-list-feature .ik-rows,
.sheet[data-page="11"] .ik-list-feature .ik-rows,
.sheet[data-page="12"] .ik-list-feature .ik-rows {
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  grid-auto-rows: auto;
  align-content: stretch;
  height: 100%;
  min-height: 0;
  gap: 13px;
}
.sheet[data-page="7"] .ik-split .ik-row,
.sheet[data-page="9"] .ik-list-feature .ik-row,
.sheet[data-page="10"] .ik-list-feature .ik-row,
.sheet[data-page="11"] .ik-list-feature .ik-row,
.sheet[data-page="12"] .ik-list-feature .ik-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 12px;
  align-content: start;
  align-items: start;
  justify-content: start;
  padding: 20px 19px;
  min-width: 0;
  min-height: 0;
}
.sheet[data-page="7"] .ik-row > span,
.sheet[data-page="9"] .ik-row > span,
.sheet[data-page="10"] .ik-row > span,
.sheet[data-page="11"] .ik-row > span,
.sheet[data-page="12"] .ik-row > span {
  width: 24px;
  line-height: 20px;
  text-align: left;
}
.sheet[data-page="7"] .ik-row > div,
.sheet[data-page="9"] .ik-row > div,
.sheet[data-page="10"] .ik-row > div,
.sheet[data-page="11"] .ik-row > div,
.sheet[data-page="12"] .ik-row > div {
  min-width: 0;
  width: 100%;
}
.sheet[data-page="7"] .ik-row h3,
.sheet[data-page="9"] .ik-row h3,
.sheet[data-page="10"] .ik-row h3,
.sheet[data-page="11"] .ik-row h3,
.sheet[data-page="12"] .ik-row h3 {
  line-height: 20px;
  margin-bottom: 8px;
}
/* Justify diterapkan hanya pada paragraf deskripsi di dalam kotak poin. */
.ik-point p,
.ik-row p {
  text-align: justify;
  text-align-last: left;
  hyphens: auto;
  overflow-wrap: break-word;
}
/* end by Koyoy */

/* create by Koyoy — Hyperlink halaman kontak tetap aktif di pratinjau dan PDF. */
.ik-contact-details .ik-contact-link{display:inline-block;color:#0c3440;font-size:16px;font-weight:800;line-height:1.4;text-decoration:underline;text-decoration-color:#9acac1;text-underline-offset:3px;overflow-wrap:anywhere;max-width:100%;}
.ik-contact-details .ik-contact-link:hover,.ik-contact-qr-link:hover p{color:#008d77;text-decoration:underline;text-underline-offset:3px;}
.ik-contact-phone-line{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin-bottom:20px;}
.ik-contact-details .ik-contact-call{font-size:10px;font-weight:850;letter-spacing:.08em;color:#188b78;white-space:nowrap;}
.ik-contact-details>a.ik-contact-link{margin-bottom:20px;}
.ik-contact-details p:empty{min-height:20px;}
.ik-contact-qr-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;}
.ik-contact-qr-link canvas,.ik-contact-qr-link img{flex:none;}
.ik-contact-qr-link p{white-space:pre-wrap;text-decoration:underline;text-decoration-color:#9acac1;text-underline-offset:3px;}
/* end by Koyoy */