*{box-sizing:border-box}body{margin:0;color:#11243f;background:#f5f8fd;font:16px/1.65 'DM Sans','Noto Sans Thai',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}[hidden]{display:none!important}
.notice-shell{max-width:1500px;margin:auto;padding:26px 42px 70px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:14px;color:#8294af;font-weight:800;margin-bottom:18px}.breadcrumbs b{color:#334b6b}.breadcrumbs a:hover{color:#2563eb}
.notice-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:255px;padding:34px 55px;background:radial-gradient(circle at 91% 8%,#ffeced 0%,transparent 34%),linear-gradient(110deg,#fff,#f7faff);border:1px solid #e4eaf4;border-radius:27px;box-shadow:0 15px 40px #162b4a09}.section-overline,.overline{font-weight:950;font-size:13px;letter-spacing:.14em;color:#ee3343}.notice-intro h1{font-size:clamp(27px,3.7vw,52px);line-height:1.22;letter-spacing:-.055em;margin:13px 0 11px}.notice-intro h1 em{font-style:normal;color:#2563eb}.notice-intro p{color:#617893;margin:0;max-width:820px;font-size:16px;line-height:1.85}.intro-art{position:relative;width:180px;height:146px;flex:none}.art-ring{border-radius:30px;transform:rotate(-18deg);background:#e5eeff;position:absolute;inset:10px 20px}.art-file{position:absolute;left:45px;top:9px;display:grid;place-items:center;width:92px;height:114px;color:#2563eb;background:#fff;border:1px solid #dbe7ff;box-shadow:0 20px 40px #0c40901a;border-radius:18px;font-size:55px}.art-check{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:53px;height:53px;background:#ecfff5;border:1px solid #abefc8;border-radius:17px;color:#0a9565;font-size:28px;font-weight:900}
.notice-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.82fr);gap:22px;margin-top:22px;align-items:start}.main-stack,.side-stack{display:grid;gap:17px;min-width:0}.notice-card{background:#fff;border:1px solid #e0e8f5;border-radius:23px;padding:32px;box-shadow:0 16px 42px rgba(26,51,85,.05)}.card-title{display:flex;align-items:flex-start;gap:14px;padding-bottom:22px;border-bottom:1px solid #e8eef6;margin-bottom:23px}.title-icon{width:45px;height:45px;border-radius:13px;background:#e8f0ff;display:grid;place-items:center;color:#2563eb;font-weight:950;flex:none}.card-title .overline{color:#2d6de3}.card-title h2{font-size:25px;line-height:1.3;letter-spacing:-.04em;margin:4px 0 6px}.card-title p{margin:0;font-size:14px;color:#7186a4}form label{display:block;font-size:14px;font-weight:900;color:#3d5473;margin:15px 0 7px}.required{color:#ef3340}input,select,textarea{display:block;width:100%;min-height:49px;border:1px solid #dce5f2;background:#fff;border-radius:12px;padding:12px 14px;color:#1c3150;outline:none;margin-top:7px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb16}textarea{resize:vertical;min-height:84px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.selected-invoice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 5px}.selected-invoice>div{border:1px solid #dbe6fa;background:linear-gradient(130deg,#f3f8ff,#fff);border-radius:15px;padding:16px 18px;min-width:0}.selected-invoice span,.selected-invoice b{display:block;font-size:13px;color:#7485a0}.selected-invoice strong{display:block;font-size:28px;font-weight:950;letter-spacing:-.05em;color:#125ee4}.selected-invoice b{font-size:14px;font-weight:850;color:#263f66;overflow-wrap:anywhere;margin-top:8px}.upload-surface{display:grid;justify-items:center;gap:8px;text-align:center;border:2px dashed #bed2f5;background:linear-gradient(130deg,#f7faff,#fff);border-radius:18px;padding:24px 12px;margin-top:9px;cursor:pointer}.upload-surface:hover,.upload-surface.dragging{border-color:#2e71f0;background:#eef5ff}.upload-symbol{height:50px;width:50px;display:grid;place-items:center;border-radius:15px;background:#e3eeff;color:#1d61dd;font-size:30px}.upload-surface strong{font-size:14px;color:#254367}.upload-surface small{font-size:13px;color:#8598b4}.upload-surface input{font-size:13px;width:min(100%,310px);min-height:35px;margin:0;padding:5px;border:0;box-shadow:none;background:transparent;cursor:pointer}.privacy-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;background:#effaf5;border:1px solid #d3f2e3;border-radius:13px;color:#317962;font-size:14px;margin:20px 0}.privacy-note span{font-weight:900;color:#0a9769}.privacy-note p{margin:0;line-height:1.7}.button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:12px 20px;border:0;border-radius:13px;font-weight:950;font-size:15px;cursor:pointer}.button span{margin-left:auto}.button.primary{background:linear-gradient(120deg,#367dfa,#1658dd);color:white;box-shadow:0 12px 30px #1e5fcb22}.button.primary:hover{filter:brightness(.96)}.button:disabled{opacity:.6;cursor:wait}.submit{width:100%}.status-message{padding:15px 20px;margin:18px 0;border:1px solid #fecaca;background:#fff3f3;color:#b42332;border-radius:14px;font-size:14px}.status-message.ok{background:#effbf5;color:#187950;border-color:#bcebd2}.side-info h2{font-size:21px;line-height:1.4;letter-spacing:-.04em}.timeline{display:grid;gap:19px;margin-top:23px}.timeline>div{display:flex;gap:15px;align-items:start}.timeline i{height:33px;width:33px;flex:none;display:grid;place-items:center;border-radius:11px;background:#edf3ff;font-size:14px;font-style:normal;font-weight:900;color:#2563eb}.timeline p{margin:0}.timeline b{display:block;font-size:14px}.timeline span{display:block;color:#7185a3;font-size:13px;line-height:1.7;margin-top:3px}.support-note{border:1px solid #d5e5fd;background:#eef6ff;border-radius:20px;padding:23px}.support-note b{font-size:15px}.support-note p{font-size:14px;color:#647e9f;line-height:1.7}.support-note a{color:#1b63d6;font-size:14px;font-weight:950}.result-card{text-align:center}.success-icon{display:grid;place-items:center;margin:0 auto 14px;width:72px;height:72px;border-radius:23px;background:#eafbf2;color:#079461;font-size:37px}.result-card h2{font-size:28px}.result-card>p{font-size:14px;color:#7185a3}.success-ref{margin:22px 0;border:1px solid #e4ecf7;border-radius:15px;padding:17px;display:grid;gap:7px;background:#f8fbff;overflow-wrap:anywhere}.success-ref span{font-size:13px;color:#7687a2}.success-ref strong{font-size:14px}.result-card .button{margin:auto;max-width:250px}
@media(max-width:1000px){.notice-layout{grid-template-columns:1fr}.intro-art{display:none}.notice-intro{padding:28px}.notice-shell{padding:24px 22px 55px}}
@media(max-width:620px){.notice-shell{padding:14px 13px 45px}.notice-intro{padding:27px 19px;border-radius:19px;min-height:unset}.notice-intro p{font-size:14px}.notice-card{padding:20px 16px;border-radius:18px}.field-pair,.selected-invoice{grid-template-columns:1fr}.selected-invoice strong{font-size:24px}.card-title h2{font-size:21px}}

/* V5 evidence drop zone — use the existing native file input for access,
   but make the whole designed surface the visible clickable target. */
.upload-surface{position:relative;isolation:isolate;overflow:hidden;min-height:150px;align-content:center}
.upload-surface input[type=file]{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;opacity:0;cursor:pointer;border:0}
.upload-surface:focus-within{outline:3px solid rgba(37,99,235,.25);outline-offset:2px;border-color:#2563eb}