*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1d2b41;background:#f5f7fc;font-size:14px;line-height:1.55}a{color:#2e5ca9;text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin-top:0}h1{font-size:28px;letter-spacing:-.7px;line-height:1.2;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.2px;margin-bottom:20px}strong{font-weight:650}.muted{color:#74819a}.small{font-size:12px}.center{text-align:center}.mt{margin-top:16px}.mt-lg{margin-top:24px}.full{width:100%}.stack{display:flex;flex-direction:column;gap:17px}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;background:#16294b;color:#d4e1f7;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:16px;font-weight:750;letter-spacing:-.4px;padding:5px 8px 34px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;font-weight:400;opacity:.65;letter-spacing:0}.brand-icon,.auth-logo{display:grid;place-items:center;background:#80bdff;color:#142546;font-size:20px;font-weight:900;border-radius:12px;width:40px;height:40px}.nav-caption{font-size:10px;color:#7693bf;letter-spacing:1.2px;font-weight:800;padding:0 12px 14px}.nav-item{padding:13px 15px;border-radius:10px;color:#b6c9e7;display:block;font-weight:600}.nav-item:hover,.nav-item.active{background:#2a4876;color:#fff;text-decoration:none}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #30496f}.sidebar-bottom .small{color:#9db3d3}.user-name{color:white;font-size:15px;font-weight:700;margin-top:5px}.main{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid #e7edf5;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}.content{max-width:1460px;margin:0 auto;padding:36px 38px 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.page-heading p{margin-bottom:0}.eyebrow{font-size:11px;font-weight:800;color:#5d7fae;letter-spacing:1.1px;margin-bottom:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.card{background:white;border:1px solid #e7ecf5;box-shadow:0 8px 22px rgba(35,57,91,.035);border-radius:16px;padding:24px}.stat-name{font-size:12px;color:#6b7891;font-weight:600}.stat-number{font-size:36px;font-weight:750;letter-spacing:-1.3px;margin:11px 0 3px}.stat-foot{font-size:11px;color:#8d99ac}.card{margin-bottom:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.filters input{flex:2;min-width:160px}.filters select{flex:1;min-width:150px}input,select,textarea{width:100%;border:1px solid #dce4ef;border-radius:9px;background:#fff;color:#243450;outline:0;padding:11px 12px;font:inherit}input:focus,select:focus,textarea:focus{border-color:#709bd6;box-shadow:0 0 0 3px #ebf3ff}label{font-size:12px;font-weight:700;color:#52617b;display:block}label input,label textarea{display:block;margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:9px;border:1px solid transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.btn:hover{text-decoration:none;filter:brightness(.97)}.btn-primary{background:#3364aa;color:#fff}.btn-outline{border-color:#cbd8e9;background:white;color:#315b9e}.btn-ghost{color:#6b87b0;background:transparent;border-color:#dce4ef}.sidebar .btn-ghost{color:#dce9ff;border-color:#597198}.btn-wa{background:#19875f;color:#fff}.btn-small{font-size:11px;padding:8px 10px}.pill{font-size:11px;font-weight:700;display:inline-block;padding:5px 11px;border-radius:100px;white-space:nowrap}.pill-blue{background:#e8f1ff;color:#3567ae}.pill-green{background:#e2f7e9;color:#217b4b}.pill-neutral{background:#edf0f5;color:#667388}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}th{font-size:11px;color:#8692a5;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e6edf5;padding:14px 10px}td{padding:16px 10px;border-bottom:1px solid #edf1f7;vertical-align:middle}tr:last-child td{border:0}td .small{margin-top:3px}.empty{text-align:center;padding:40px;color:#8190a6}.columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field-name{font-size:11px;color:#8995a9;margin-bottom:5px}.field-value{font-size:13px;font-weight:650;overflow-wrap:anywhere}.note-box{padding:14px;border:1px solid #e4eaf4;border-radius:10px;background:#f8faff;margin-top:16px}.note-box p{margin:8px 0 0}.timeline{border-left:2px solid #e8eef7;padding-left:22px}.timeline-item{position:relative;padding:0 0 22px}.timeline-item:before{content:"";position:absolute;left:-29px;top:4px;width:10px;height:10px;border-radius:50%;background:#729dd8;border:3px solid #fff}.timeline-item p{margin:10px 0 0;color:#4d617f;font-size:13px}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff8f2;padding:16px;border:1px solid #d8e9de;border-radius:10px;font-size:12px;margin-bottom:15px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px}.alert ul{margin:5px 0 0;padding-left:20px}.alert.success{background:#e6f7ee;color:#1f7548;border:1px solid #c8ead9}.alert.error{background:#fff0f0;color:#a03e3e;border:1px solid #f4d0d0}hr{border:0;border-top:1px solid #e9edf5;margin:24px 0}.bar-list{display:flex;flex-direction:column;gap:24px}.bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.bar-track{height:11px;border-radius:30px;background:#e9eff9;overflow:hidden}.bar-value{height:100%;background:linear-gradient(90deg,#609ce0,#3867a9);border-radius:30px}.pagination{padding-top:16px;font-size:12px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;gap:12px;align-items:center;justify-content:space-between}.pagination svg{width:14px;height:14px}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 20% 10%,#eaf2ff,#f5f8fc 46%,#edf2fa)}.auth-page .alert{max-width:440px;width:100%}.auth-card{width:100%;max-width:440px;border:1px solid #e5eaf3;background:#fff;border-radius:20px;padding:36px;box-shadow:0 20px 70px rgba(22,44,81,.09)}.auth-logo{margin-bottom:20px}.auth-card h1{font-size:27px}.auth-card p{margin-bottom:0}@media(max-width:1000px){.sidebar{width:220px}.content{padding:26px}.stat-grid{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:680px){.shell{display:block}.sidebar{width:100%;height:auto;position:static;padding:14px 16px}.brand{padding:0 0 10px}.nav-caption{display:none}.sidebar-bottom{margin-top:10px;padding-top:10px}.topbar{height:auto;padding:15px}.content{padding:20px 14px}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px}.stat-number{font-size:28px}.card{padding:16px}.page-heading{display:block}.page-heading>.pill{margin-top:14px}.detail-grid{grid-template-columns:1fr}.auth-card{padding:25px}}

/* ─── TTE Ticketing · UI refresh v2 · no CSS framework required ────────── */
:root{--ink:#192b43;--muted:#718197;--line:#e4eaf3;--blue:#325ddc;--bg:#f6f8fc;--green:#158568;--shadow:0 7px 26px rgba(27,49,82,.045)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-size:13.5px;letter-spacing:-.005em}
h1{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-1.1px}
h2{font-size:17px;color:#172941;font-weight:770;letter-spacing:-.4px}
.muted{color:var(--muted)}.mt{margin-top:16px}.stack{gap:18px}
.sidebar{background:#14243b;width:270px;padding:29px 17px 20px;border-right:1px solid #203752}
.brand{padding:6px 11px 37px;color:#fff;font-size:17px;letter-spacing:-.6px;gap:13px}
.brand-icon{width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#68a9fa,#445bd5);box-shadow:0 8px 22px rgba(59,103,207,.3)}
.brand small{opacity:.65;font-size:10.5px;letter-spacing:.1px}
.sidebar-group{flex:0 0 auto}.nav-caption{color:#8298b9;font-size:10px;padding:0 15px 11px}
.nav-item{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:620;color:#b8c6db;padding:12px 14px;margin:2px 0;transition:background-color .18s,color .18s}
.nav-symbol{display:inline-flex;width:21px;justify-content:center;color:#9eb8e2;font-size:18px;font-weight:600}
.nav-item:hover,.nav-item.active{background:#2a4161;color:#fff}.nav-item.active .nav-symbol{color:#a1c9ff}
.sidebar-help{margin:27px 7px auto;padding:17px;background:#20344f;border:1px solid #2b4566;border-radius:14px;color:#dae4f5}
.sidebar-help strong{font-size:12px}.sidebar-help p{color:#98abc9;font-size:11px;line-height:1.65;margin:7px 0 0}.mini-dot{background:#60d5aa;width:7px;height:7px;border-radius:100%;display:inline-block;margin-right:7px;box-shadow:0 0 0 4px #2f5e63}
.sidebar-bottom{margin-top:18px;padding:17px 8px 0;border-color:#30425f}
.profile-chip{display:flex;align-items:center;gap:10px;padding:3px 4px 14px}.avatar,.person-avatar{flex:none;display:inline-grid;place-items:center;height:36px;width:36px;border-radius:11px;background:#dce8ff;color:#315bb2;font-size:11px;font-weight:800}.avatar{background:#314c71;color:#f4f8ff}
.profile-chip strong{display:block;font-size:12px;font-weight:720;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip small{display:block;color:#a2b1c7;font-size:11px}.sidebar-secondary{font-size:12px}.sidebar-logout{border:1px solid #466080!important;background:transparent!important;color:#d7e3f8!important}
.main{background:var(--bg)}.topbar{height:73px;padding:0 42px;border-color:var(--line);background:rgba(255,255,255,.9);font-size:12px;font-weight:550;color:#52647d}.topbar>span:first-child{display:flex;align-items:center;gap:10px}.topbar-circle{background:#2bb593;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #dcf6ec}.topbar-date{color:#8190a7}
.content{max-width:1460px;padding:35px 42px 90px}.page-heading{margin-bottom:27px;align-items:flex-end}.page-heading p{font-size:13px}.eyebrow{color:#6079aa;letter-spacing:1.45px;font-size:10px;font-weight:850}
.stat-grid{gap:16px;margin-bottom:22px}.stat-card,.card{border:1px solid #e5ebf3;box-shadow:var(--shadow);border-radius:17px;background:#fff}.stat-card{padding:21px 22px 20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#f4f7fc,transparent 69%);right:-43px;top:-52px;pointer-events:none}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stat-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;font-size:18px;font-weight:800}.stat-indigo{color:#4768d7;background:#edf0ff}.stat-amber{color:#bf7b23;background:#fff5e3}.stat-sky{color:#2988b6;background:#e9f7ff}.stat-emerald{color:#188967;background:#e4f8ef}.stat-micro{color:#95a2b5;font-size:9px;font-weight:850;letter-spacing:1px}
.stat-name{font-size:12px;color:#647690}.stat-number{font-size:37px;margin:5px 0 1px;font-weight:790;line-height:1.3;color:#16283f}.stat-foot{font-size:11px;color:#8b98ab}.card{padding:25px 26px;margin-bottom:19px}.section-heading{gap:12px;margin-bottom:21px}.section-heading p{margin:5px 0 0}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{margin:0;font-size:17px}
.pill{font-size:10px;font-weight:760;padding:5px 10px;border-radius:7px;letter-spacing:.08px}.pill-blue{background:#e9f0ff;color:#3b60b3}.pill-green{background:#e4f8ee;color:#207b5b}.pill-neutral{background:#f1f4f8;color:#6a788d}
.btn{font-size:12px;padding:10px 15px;border-radius:9px;transition:transform .15s,background-color .15s,box-shadow .15s;font-weight:700}.btn:hover{filter:none;transform:translateY(-1px)}.btn:focus-visible{outline:3px solid #adc4ff;outline-offset:2px}.btn:disabled{opacity:.65;cursor:wait;transform:none}.btn-primary{background:#365fce;color:#fff;box-shadow:0 3px 9px rgba(56,95,206,.12)}.btn-primary:hover{background:#294bb6}.btn-outline{color:#3b5b96;border-color:#d4dfec;background:#fff}.btn-outline:hover{background:#f5f8ff}.btn-ghost{background:#f4f6fa;border-color:#edf1f7;color:#60728c}.btn-wa{background:#16875f;color:#fff}.btn-wa:hover{background:#0f704e}.btn-small{font-size:11px;padding:8px 11px}
input,select,textarea{border:1px solid #dae2ec;color:#1e304a;background:#fff;border-radius:10px;font-size:12.5px;padding:11px 13px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#6889e6;box-shadow:0 0 0 3px rgba(81,121,218,.13)}textarea{line-height:1.68;resize:vertical}label{font-size:12px;color:#51627c}
.filters{background:#fafcff;border:1px solid #eaf0f7;padding:15px;border-radius:12px;gap:10px;margin:18px 0 8px}.filters input{flex:2.2}.filters select{flex:1.2}.filters .btn{flex:none}
.table-scroll{overflow-x:auto}.ticket-table{min-width:900px}thead{background:#fcfdff}th{padding:13px 14px;color:#8996a8;font-size:10px;font-weight:830}td{padding:17px 14px;color:#35455d}tr:hover td{background:#fcfdff}td strong{color:#20314b}.ticket-number{font-size:12px;color:#345bc4}.service-chip{display:inline-block;border:1px solid #e4eaf4;border-radius:8px;padding:5px 9px;background:#fafcff;font-size:11px;color:#48607d;white-space:nowrap}.demo-label{display:inline-flex;background:#fff5e2;border:1px solid #f6e6bb;color:#95652f;border-radius:5px;padding:2px 6px;margin-top:6px;font-weight:800;font-size:9px;letter-spacing:.5px}.person-row{display:flex;align-items:center;gap:11px}.person-row .small{white-space:nowrap}
.overview-columns{grid-template-columns:minmax(0,1.3fr) minmax(310px,.9fr)}.columns{gap:19px}.bar-list{gap:23px}.bar-label{font-size:12px;margin-bottom:11px;color:#465773}.bar-track{height:9px;background:#eef2fa}.bar-value{background:linear-gradient(90deg,#7fa5f1,#476bd4)}.bar-item:nth-child(2) .bar-value{background:linear-gradient(90deg,#6dc3e4,#338fc1)}.bar-item:nth-child(3) .bar-value{background:linear-gradient(90deg,#87c8ab,#269772)}
.note-box{background:#f8faff;border:1px solid #e7edf7;border-radius:11px;padding:15px;font-size:12px}.note-box p{line-height:1.6}.notice-blue{background:#eff5ff;border:1px solid #dbe8ff;padding:17px 20px;margin:0 0 20px}.notice-blue p{margin-top:4px}.detail-columns{grid-template-columns:minmax(0,1.25fr) minmax(340px,.92fr)}.detail-grid{gap:20px}.field-name{text-transform:uppercase;letter-spacing:.55px;font-size:10px;font-weight:700;color:#8b9ab0}.field-value{font-size:13px;color:#223851}.breadcrumb-link{display:inline-block;font-size:12px;font-weight:720;margin-bottom:7px}.heading-right{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.timeline{border-color:#e5ecf6}.timeline-item:before{background:#5687e4}.message-box{border:1px solid #dce7e2;border-radius:12px;overflow:hidden;background:#f5fbf7;margin:15px 0}.message-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#edf7f1;border-bottom:1px solid #dce7e2;padding:9px 12px}.message-toolbar strong{color:#25604a;font-size:11px}.message-preview{border:0;border-radius:0;background:transparent;color:#244237;line-height:1.7;font-size:12px;padding:16px;white-space:pre-wrap;margin:0}.whatsapp-card .section-heading{margin-bottom:9px}.wa-mark{width:33px;height:33px;display:grid;place-items:center;font-weight:800;font-size:11px;color:#16825b;background:#e1f7e9;border-radius:10px}.btn-copy{background:#fff;color:#287153;border:1px solid #bedac8}.btn-copy:hover{background:#f4fff8}.clipboard-status{position:fixed;bottom:25px;right:25px;padding:11px 16px;border-radius:12px;background:#193e36;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.16);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease;z-index:1000;font-size:12px}.clipboard-status.visible{opacity:1;transform:translateY(0)}.clipboard-status.is-error{background:#8b3030}
.service-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 21px}.service-tab{border:1px solid #dfe7f2;border-radius:10px;background:#fff;color:#5e7190;padding:11px 16px;font-size:12px;font-weight:720}.service-tab:hover{background:#f1f6ff;text-decoration:none}.service-tab.active{background:#eaf0ff;border-color:#b5c8f7;color:#3158b5}.template-columns{grid-template-columns:minmax(0,1.55fr) minmax(275px,.8fr)}.template-card{margin:0}.template-card textarea{min-height:280px}.template-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.token-list{display:flex;flex-direction:column;gap:0}.token-row{padding:11px 0;border-bottom:1px solid #eef1f5;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px}.token-row code,.note-box code{background:#edf2fa;border-radius:5px;padding:3px 5px;font-size:11px;color:#325eb0}.token-row:last-child{border-bottom:0}.sticky-guide{position:sticky;top:95px}
.alert.warn{background:#fff8e8;color:#835d23;border:1px solid #f4e2b9}
.auth-page{background:radial-gradient(circle at 10% 4%,#dfeafe,transparent 37%),radial-gradient(circle at 95% 90%,#e3eeff,transparent 36%),#f4f7fc}.auth-card{box-shadow:0 23px 65px rgba(29,51,93,.1);border-radius:20px}.auth-logo{background:linear-gradient(140deg,#65a9ff,#4665d9);color:#fff}
@media(max-width:1180px){.sidebar{width:239px}.content{padding:29px 26px}.topbar{padding:0 27px}.stat-card{padding:19px}.overview-columns,.template-columns{grid-template-columns:1fr}.sticky-guide{position:static}}
@media(max-width:860px){.detail-columns{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:214px}.content{padding:23px 18px}.topbar{padding:0 18px}.filters input,.filters select{min-width:150px}}
@media(max-width:680px){.shell{display:block}.sidebar{width:auto;height:auto;position:static;padding:13px 15px}.brand{padding:0 0 14px}.sidebar-group{display:flex;flex-wrap:wrap;gap:4px}.nav-caption,.sidebar-help{display:none}.nav-item{padding:10px 12px}.sidebar-bottom{margin-top:8px;display:flex;align-items:center;gap:9px;padding:10px 0 0}.profile-chip{flex:1;padding:0}.sidebar-secondary{display:none}.sidebar-logout{width:auto;padding:9px}.topbar{height:auto;min-height:49px;gap:8px;padding:11px 15px;flex-wrap:wrap}.topbar-date{font-size:10px}.content{padding:23px 14px 55px}.page-heading{display:block}.page-heading>.pill{margin-top:11px}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:15px 14px}.stat-icon{width:31px;height:31px}.stat-micro{font-size:8px}.stat-number{font-size:28px}.stat-name{font-size:11px}.card{padding:19px 16px}.columns,.overview-columns,.detail-columns,.template-columns{grid-template-columns:1fr}.section-heading{align-items:start}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{grid-column:1 / -1}.filters .btn{width:100%}.detail-grid{grid-template-columns:1fr 1fr;gap:15px}.heading-right{margin-top:10px}.template-actions{align-items:stretch}.template-actions .btn{width:100%}.service-tab{flex:1 1 100%;text-align:center}.clipboard-status{bottom:14px;left:14px;right:14px}}
@media(max-width:400px){.stat-grid,.stat-grid.three,.detail-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters input{grid-column:1}.topbar-date{display:none}}

/* Permohonan publik tanpa login; mengikuti palet UI dashboard. */
.public-auth-page{display:block;min-height:100vh;padding:28px 18px 56px;background:#f4f7fc}
.public-request-wrap{max-width:1160px;margin:0 auto}
.public-header{display:flex;align-items:center;gap:16px;margin:5px 0 28px}
.public-header .brand-icon{flex-shrink:0;width:54px;height:54px}
.public-header h1{margin-bottom:4px}
.public-header p{margin:0}
.public-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.8fr);gap:20px;align-items:start}
.public-form-card{padding:28px 32px}
.public-form-card label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:12px;color:#354765}
.public-form-card input,.public-form-card select,.public-form-card textarea{width:100%;font-size:13px;min-height:43px}
.public-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.public-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;line-height:1.55;font-weight:500!important}
.public-check input{width:auto!important;min-height:0;flex:0 0 auto;margin-top:4px}
.public-steps{padding-left:19px;color:#425571;font-size:13px;line-height:1.8}
.public-steps li{margin-bottom:8px;padding-left:5px}
.public-success{max-width:590px;margin:8vh auto;padding:36px;text-align:center}
.public-success-icon{display:inline-grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#e2f8ea;color:#1b8a57;font-size:30px;margin-bottom:20px}
.public-ticket-number{font-size:25px;letter-spacing:.6px;background:#f1f5fb;border:1px dashed #b4c5e4;border-radius:12px;padding:18px 10px;font-weight:800;margin:22px 0;overflow-wrap:anywhere}
.public-success .note-box{text-align:left;margin-bottom:20px}
.honeypot{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.verification-panel{border:1px solid #dee8f5;background:#f8faff;border-radius:12px;padding:17px;margin-bottom:17px}
.verification-panel .verification-tag{margin-bottom:13px}
.verification-panel select,.verification-panel textarea{width:100%}
.verification-panel form{gap:12px}
.verification-status{font-weight:750;font-size:12px}
.token-insert{padding:4px 6px;border:1px solid #d5e4ff;background:#eef3ff;border-radius:6px;font-family:ui-monospace,monospace;font-size:11px;color:#3158b5;cursor:pointer}
.token-insert:hover{background:#dbe8ff}
@media(max-width:850px){.public-layout{grid-template-columns:1fr}.public-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}}
@media(max-width:620px){.public-auth-page{padding:15px 10px 40px}.public-header h1{font-size:22px}.public-fields{grid-template-columns:1fr}.public-form-card{padding:20px 16px}.public-aside{grid-template-columns:1fr}.public-success{margin:20px auto;padding:25px 18px}.public-ticket-number{font-size:19px}}
/* v4 public NIK lookup, consent and signature */
.public-form-card .field-group{display:flex;flex-direction:column;gap:5px}
.directory-lookup-status{min-height:20px;font-weight:700;color:#4266a8}
#email_display[readonly]{background:#f1f5fb;color:#375572;cursor:not-allowed}
.consent-section,.signature-section{border:1px solid #d9e5f5;background:#f8faff;border-radius:14px;padding:18px}
.consent-section h2,.signature-section h2{margin-bottom:9px}
.signature-section .section-heading{margin-bottom:12px;align-items:center}
#signature-pad{display:block;width:100%;height:auto;min-height:125px;max-height:185px;background:#fff;border:1px dashed #9fb6cf;border-radius:11px;touch-action:none;cursor:crosshair}
.signature-feedback{margin-top:9px;color:#516e98}
.directory-modal[hidden]{display:none!important}
.directory-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.directory-modal-backdrop{position:absolute;inset:0;background:rgba(12,26,49,.68)}
.directory-modal-body{position:relative;max-width:460px;width:100%;background:#fff;border:1px solid #d9e4ef;border-radius:17px;padding:29px;box-shadow:0 35px 80px rgba(0,0,0,.25);outline:none}
.directory-modal-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff1db;color:#a16b06;font-weight:800;font-size:20px;margin-bottom:15px}
.directory-modal-body h2{margin-bottom:12px}.directory-modal-body p{color:#55687f;font-size:13px;line-height:1.65}
.directory-modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
@media(max-width:620px){.consent-section,.signature-section{padding:13px}.directory-modal-body{padding:21px}.directory-modal-actions>.btn{width:100%}}

.signature-evidence{display:block;max-width:100%;width:480px;height:auto;background:#fff;border:1px solid #e0e8f1;border-radius:10px;margin:10px 0}