/* Loaded after portal.css so installed PWAs also receive the new layout immediately. */
.citizen-portal-shell{position:relative!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.portal-frame{display:block!important;width:100%!important;height:420px;min-height:420px!important;border:0!important;background:transparent!important;overflow:hidden!important}
.portal-loading{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;min-height:180px!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important}
.native-notice-list{display:grid;gap:12px}
.native-notice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 25px rgba(20,65,43,.06)}
.notice-card-icon,.notice-detail-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#fff3d8;color:#a86b00;font-weight:800}
.notice-card-copy{display:grid;min-width:0;gap:2px}
.notice-card-copy small,.notice-date{color:var(--green);font-size:.75rem;font-weight:700}
.notice-card-copy strong{font-size:1rem;line-height:1.35}
.notice-card-copy>span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.82rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.native-notice-card>b{color:#9aaba2;font-size:1.5rem}
.native-notice-detail{padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.native-notice-detail .notice-detail-icon{margin-bottom:15px}
.native-notice-detail h1{margin:5px 0 17px;font-size:1.45rem;line-height:1.35}
.native-notice-detail .notice-date{margin:0}
.notice-body{overflow-wrap:anywhere;color:#33453b;line-height:1.75}
.notice-body img{max-width:100%;height:auto;border-radius:14px}
.notice-body table{display:block;max-width:100%;overflow-x:auto}
.notice-download{display:inline-flex;margin-top:14px;padding:10px 16px;border-radius:12px;background:var(--green-soft);color:var(--green);font-weight:700}
.notice-back-button{margin-top:13px}
.certificate-capture-field{position:relative;display:block}.field .certificate-capture-field>input{padding-right:58px}.certificate-camera-button{position:absolute;right:6px;top:50%;display:grid;width:42px;height:42px;place-items:center;transform:translateY(-50%);border:0;border-radius:12px;background:var(--green-soft);color:var(--green);cursor:pointer}.certificate-camera-button svg{width:23px}.certificate-camera-button:disabled{cursor:wait;opacity:.55}.certificate-photo-status:empty{display:none}.certificate-photo-status{display:block;color:var(--green)!important;font-weight:600;line-height:1.4}.native-form-card{margin-top:0}.portal-page-heading{margin-bottom:12px}
@media(max-width:480px){.citizen-portal-shell{margin-right:-2px!important;margin-left:-2px!important}.portal-frame{min-height:360px!important}.native-notice-detail{padding:18px}}