.ogc-app{--green:#176b51;--green2:#0d4b38;--light:#eef8f3;--line:#d7e7df;--text:#17211d;max-width:980px;margin:24px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--text)}
.ogc-head{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;padding:30px;border-radius:18px 18px 0 0}.ogc-head h2{margin:4px 0 8px;font-size:28px;color:#fff}.ogc-head p{margin:0}.ogc-kicker{font-weight:700;font-size:13px}.ogc-form{background:#fff;border:1px solid var(--line);padding:26px;border-radius:0 0 18px 18px;box-shadow:0 14px 40px rgba(0,50,30,.08)}
.ogc-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:26px}.ogc-progress span{padding:10px 6px;text-align:center;background:#edf1ef;border-radius:8px;font-size:12px;font-weight:700}.ogc-progress span.active{background:var(--green);color:#fff}.ogc-step{display:none}.ogc-step.active{display:block}.ogc-step h3{font-size:22px;border-left:6px solid var(--green);padding-left:12px;margin:0 0 22px}
.ogc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ogc-grid label,.ogc-block{display:flex;flex-direction:column;gap:7px;font-weight:700}.ogc-grid label span{font-size:11px;background:#b42318;color:#fff;padding:2px 6px;border-radius:4px;width:max-content}.ogc-grid .wide{grid-column:1/-1}.ogc-grid input,.ogc-grid select,.ogc-grid textarea,.ogc-block textarea,#ogc-desired-date{width:100%;box-sizing:border-box;border:1px solid #bbc9c2;border-radius:8px;padding:11px 12px;font-size:16px;background:#fff}.ogc-inline{display:flex;gap:8px}.ogc-inline input{flex:1}.ogc-inline button,.ogc-subbutton{border:0;background:var(--green);color:#fff;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.ogc-other{display:none;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px}.ogc-other.active{display:grid}
.ogc-map-wrap{margin:24px 0}.ogc-map-help,.ogc-note,.ogc-confirm,.ogc-warning{background:var(--light);padding:16px;border-radius:10px;margin-bottom:12px;line-height:1.7}.ogc-warning{background:#fff3cd;border:1px solid #e5c567}.ogc-map-missing{padding:30px;background:#fff4e5;border:1px solid #f2c97d;border-radius:10px}.ogc-map-wrap #ogc-map{height:480px;border-radius:12px;border:1px solid var(--line);margin-bottom:10px}.ogc-map-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;background:#f7faf8;border-radius:10px}.ogc-map-controls label{font-weight:700;display:flex;flex-direction:column;gap:5px}.ogc-map-controls output{font-weight:400}.ogc-car-overlay{position:absolute;background:rgba(23,107,81,.72);border:3px solid #fff;border-radius:18% 18% 12% 12%;box-shadow:0 0 0 2px #176b51;cursor:move;transform-origin:center;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;user-select:none}.ogc-car-overlay:before,.ogc-car-overlay:after{content:"";position:absolute;left:12%;right:12%;height:10%;background:rgba(255,255,255,.8)}.ogc-car-overlay:before{top:18%}.ogc-car-overlay:after{bottom:18%}.ogc-block{margin-top:20px}.ogc-block small{font-weight:400;line-height:1.6;color:#52635b}
.ogc-calendar-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.ogc-calendar-head button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:8px;padding:6px 18px;font-size:22px}.ogc-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ogc-cal-cell{min-height:72px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;cursor:pointer;text-align:left}.ogc-cal-cell.empty{border:0;cursor:default}.ogc-cal-cell.disabled{opacity:.45;cursor:not-allowed}.ogc-cal-cell.selected{outline:3px solid var(--green)}.ogc-cal-mark{display:block;font-size:22px;font-weight:900;text-align:center}.ogc-cal-ok .ogc-cal-mark{color:#16803c}.ogc-cal-ng .ogc-cal-mark{color:#b42318}.ogc-date-result,.ogc-fee-box{padding:16px;border-radius:10px;background:#f5f7f6;margin:14px 0;font-weight:700}.ogc-fee-box{font-size:20px;color:var(--green2)}
.ogc-upload{border:2px dashed #9bb9aa;border-radius:12px;padding:20px;background:#fbfdfc}.ogc-check{display:flex;align-items:flex-start;gap:10px;padding:18px;background:#f5f6f5;border-radius:10px;margin:20px 0}.ogc-check input{margin-top:5px;transform:scale(1.25)}.ogc-submit{width:100%;border:0;border-radius:10px;background:var(--green);color:#fff;padding:17px;font-size:18px;font-weight:800;cursor:pointer}.ogc-nav{display:flex;justify-content:space-between;margin-top:28px}.ogc-nav button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:8px;padding:12px 28px;font-weight:700;cursor:pointer}.ogc-nav #ogc-next{margin-left:auto;background:var(--green);color:#fff}.ogc-success,.ogc-error{padding:18px;border-radius:10px;margin-bottom:18px}.ogc-success{background:#e8f7ee;border:1px solid #67b783}.ogc-error{background:#fff0f0;border:1px solid #d66}.ogc-hp{position:absolute!important;left:-9999px!important}
@media(max-width:700px){.ogc-app{margin:10px}.ogc-head{padding:22px}.ogc-form{padding:17px}.ogc-progress{grid-template-columns:repeat(2,1fr)}.ogc-grid{grid-template-columns:1fr}.ogc-grid .wide,.ogc-other{grid-column:auto}.ogc-other.active{grid-template-columns:1fr}.ogc-inline{flex-direction:column}.ogc-map-wrap #ogc-map{height:360px}.ogc-map-controls{grid-template-columns:1fr}.ogc-cal-cell{min-height:58px;padding:4px;font-size:12px}.ogc-nav button{padding:11px 22px}}
.ogc-field-help{display:block;margin-top:6px;font-size:12px!important;font-weight:400;color:#52635b;background:transparent!important;padding:0!important;width:auto!important}
.ogc-map-actions{display:flex;gap:10px;align-items:end}.ogc-subbutton-light{background:#fff!important;color:var(--green)!important;border:1px solid var(--green)!important}.ogc-map-status{grid-column:1/-1;padding:11px 13px;border-radius:8px;background:#fff4e5;border:1px solid #e8bf72;font-weight:700}.ogc-map-status.confirmed{background:#e8f7ee;border-color:#67b783;color:#145a32}
@media(max-width:700px){.ogc-map-actions{flex-direction:column;align-items:stretch}.ogc-map-actions button{width:100%}}
.ogc-station-field{min-width:0}.ogc-station-field label{display:flex;flex-direction:column;gap:7px;font-weight:700}.ogc-station-field label>span{font-size:11px;background:#b42318;color:#fff;padding:2px 6px;border-radius:4px;width:max-content}.ogc-station-field select{width:100%;box-sizing:border-box;border:1px solid #bbc9c2;border-radius:8px;padding:11px 12px;font-size:16px;background:#fff}.ogc-map-actions{gap:20px!important}.ogc-request-example{display:block;margin-top:4px;padding:12px 14px;border-left:4px solid var(--green);background:#f2f8f5;border-radius:6px;color:#31483d!important;font-size:14px!important}.ogc-request-example strong{color:var(--green2)} .ogc-map-actions{display:flex!important;align-items:center;gap:18px!important;flex-wrap:wrap}.ogc-car-overlay{box-sizing:border-box!important;transform-origin:center center!important;margin:0!important;padding:0!important}.ogc-cal-submark{display:block;font-size:10px;line-height:1.15;margin-top:2px;font-weight:700}.ogc-cal-ng .ogc-cal-submark{white-space:normal}.ogc-count-note{margin:12px 0 18px}.ogc-upload input[type=file]{width:100%}
.ogc-login-required{max-width:760px;margin:24px auto;padding:28px;border:1px solid #dbe7df;border-radius:14px;background:#fff;text-align:center}.ogc-login-required .button{display:inline-block;padding:11px 24px;border-radius:8px;background:#176b50;color:#fff;text-decoration:none;font-weight:700}.ogc-login-user{margin:0 0 16px;padding:10px 14px;border-radius:8px;background:#f1f7f4;font-weight:700}.ogc-cal-holiday{background:#f1f1f1!important;color:#999!important;cursor:not-allowed!important}.ogc-cal-holiday .ogc-cal-mark{color:#999!important} .ogc-file-inputs{display:grid;gap:10px;margin:12px 0}
.ogc-file-slot{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #cfe3d8;border-radius:10px}
.ogc-file-slot span{font-weight:700}
.ogc-file-slot input[type=file]{width:100%;min-width:0}
@media(max-width:640px){.ogc-file-slot{grid-template-columns:1fr}.ogc-file-slot input[type=file]{font-size:14px}}
.ogc-login-required{max-width:520px;margin:30px auto;padding:24px;border:1px solid #b8d8c8;border-radius:14px;background:#fff}.ogc-login-required input{width:100%;padding:11px;box-sizing:border-box}.ogc-history{overflow:auto}.ogc-history table{width:100%;border-collapse:collapse;background:#fff}.ogc-history th,.ogc-history td{padding:10px;border:1px solid #d7e6dd;text-align:left} .ogc-dealer-login-shell{max-width:430px;margin:42px auto;padding:0 18px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#27342e}
.ogc-dealer-login-brand{width:88px;height:88px;margin:0 auto 12px}
.ogc-dealer-login-brand svg{width:100%;height:100%;display:block}
.ogc-dealer-login-brand circle{fill:#fff;stroke:#176b51;stroke-width:3}
.ogc-dealer-login-brand path,.ogc-dealer-login-brand circle:not(:first-child){fill:none;stroke:#176b51;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ogc-dealer-login-title{margin:0 0 18px;font-size:22px;font-weight:800;letter-spacing:.04em;color:#174d3c}
.ogc-dealer-login-shell .ogc-login-required{max-width:none;margin:0;padding:30px 28px;border:1px solid #cbd7d1;border-radius:2px;background:#fff;box-shadow:0 3px 12px rgba(15,52,39,.12);text-align:left}
.ogc-dealer-login-form{display:grid;gap:20px}
.ogc-login-label{display:grid;gap:7px;font-size:14px;font-weight:600;color:#56645e}
.ogc-dealer-login-shell .ogc-login-label>input,.ogc-password-wrap>input{width:100%;height:46px;box-sizing:border-box;border:1px solid #80948b;border-radius:1px;background:#fff;padding:10px 12px;font-size:16px;outline:none}
.ogc-dealer-login-shell input:focus{border-color:#1682b5;box-shadow:0 0 0 2px rgba(22,130,181,.16)}
.ogc-password-wrap{position:relative;display:block}
.ogc-password-wrap>input{padding-right:70px}
.ogc-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#1379a7;font-weight:700;cursor:pointer;padding:7px}
.ogc-login-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:1px}
.ogc-remember{display:flex;align-items:center;gap:7px;font-size:13px;color:#68766f;white-space:nowrap}
.ogc-remember input{width:16px!important;height:16px;margin:0}
.ogc-login-button{border:1px solid #0877a6;border-radius:3px;background:#1598ca;color:#fff;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.25)}
.ogc-login-button:hover{background:#087fac}
.ogc-dealer-login-shell .ogc-error{margin:0 0 18px;padding:12px 14px;font-size:13px}
.ogc-login-note{margin:14px 0 0;font-size:12px;color:#7a8982}
@media(max-width:480px){.ogc-dealer-login-shell{margin:24px auto;padding:0 12px}.ogc-dealer-login-shell .ogc-login-required{padding:24px 18px}.ogc-login-options{align-items:stretch;flex-direction:column}.ogc-login-button{width:100%;padding:12px}.ogc-remember{white-space:normal}.ogc-dealer-login-brand{width:76px;height:76px}} #ogc-app [hidden],.ogc-dealer-login-shell [hidden]{display:none!important}
.ogc-dealer-login-shell,.ogc-dealer-login-shell *{box-sizing:border-box}
.ogc-dealer-login-shell{display:block!important;width:100%!important;max-width:430px!important;margin:42px auto!important;padding:0 16px!important;position:relative!important;float:none!important;clear:both!important;text-align:center!important;line-height:1.5!important}
.ogc-dealer-login-brand{display:flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;max-width:82px!important;max-height:82px!important;margin:0 auto 14px!important;border:3px solid #176b51!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important;color:#176b51!important;font-size:32px!important;font-weight:900!important;line-height:1!important}
.ogc-dealer-login-brand span{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;color:inherit!important;font:inherit!important;line-height:1!important}
.ogc-dealer-login-title{display:block!important;margin:0 0 18px!important;font-size:22px!important;line-height:1.4!important}
.ogc-dealer-login-shell .ogc-login-required{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px!important;text-align:left!important}
.ogc-dealer-login-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;width:100%!important;margin:0!important;padding:0!important}
.ogc-login-label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important}
.ogc-dealer-login-shell .ogc-login-label>input,.ogc-dealer-login-shell .ogc-password-wrap>input{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;margin:0!important;padding:10px 12px!important;border:1px solid #80948b!important;background:#fff!important;color:#17211d!important;font-size:16px!important}
.ogc-password-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.ogc-password-toggle{position:static!important;display:block!important;min-width:72px!important;height:46px!important;margin:0 0 0 8px!important;padding:0 12px!important;border:1px solid #176b51!important;border-radius:4px!important;background:#fff!important;color:#176b51!important;font-size:14px!important}
.ogc-login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;margin:0!important}
.ogc-remember{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:13px!important}
.ogc-remember input{width:auto!important;height:auto!important;margin:0!important}
.ogc-login-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin:0!important}
.ogc-file-inputs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:14px 0!important}
.ogc-file-slot{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;margin:0!important;padding:14px!important;border:1px solid #cfe3d8!important;border-radius:9px!important;background:#fff!important}
.ogc-file-slot span{display:block!important;margin:0!important;font-weight:700!important}
.ogc-file-slot input[type=file]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:8px!important;border:1px solid #bbc9c2!important;border-radius:7px!important;background:#f8fbf9!important;font-size:14px!important;line-height:1.5!important;white-space:normal!important;overflow:hidden!important}
.ogc-upload #ogc-add-file{display:block!important;margin:12px 0 0!important}
@media(max-width:480px){.ogc-dealer-login-shell .ogc-login-required{padding:22px 16px!important}.ogc-login-options{flex-direction:column!important;align-items:stretch!important}.ogc-login-button{width:100%!important}.ogc-password-wrap{grid-template-columns:minmax(0,1fr)!important}.ogc-password-toggle{width:100%!important;margin:8px 0 0!important}} #ogc-app .ogc-choice[hidden],#ogc-app #ogc-find-note[hidden]{display:none!important}
#ogc-app .ogc-file-inputs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:14px 0!important}
#ogc-app .ogc-file-slot{display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0!important;padding:10px 12px!important;border:1px solid #cfe3d8!important;border-radius:9px!important;background:#fff!important}
#ogc-app .ogc-file-slot span{display:block!important;margin:0!important;font-weight:700!important;white-space:nowrap!important}
#ogc-app .ogc-file-slot input[type=file]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:8px!important;border:1px solid #bbc9c2!important;border-radius:7px!important;background:#f8fbf9!important;font-size:14px!important;line-height:1.5!important}
@media(max-width:640px){#ogc-app .ogc-file-slot{grid-template-columns:1fr!important;gap:6px!important}#ogc-app .ogc-file-slot span{white-space:normal!important}} #ogc-app .ogc-choice,#ogc-app #ogc-find-note{display:none}
#ogc-app .ogc-choice[style*="display: flex"]{display:flex!important}
#ogc-app #ogc-find-note[style*="display: block"]{display:block!important}
#ogc-app .ogc-file-inputs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;margin:14px 0!important}
#ogc-app .ogc-file-slot{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0!important;padding:10px 12px!important;border:1px solid #cfe3d8!important;border-radius:9px!important;background:#fff!important}
#ogc-app .ogc-file-slot label{display:block!important;width:auto!important;margin:0!important;padding:0!important;color:#17211d!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important;white-space:nowrap!important}
#ogc-app .ogc-file-slot input[type=file]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:0!important;padding:7px 8px!important;border:1px solid #bbc9c2!important;border-radius:7px!important;background:#f8fbf9!important;color:#17211d!important;font-size:14px!important;line-height:1.5!important}
@media(max-width:640px){#ogc-app .ogc-file-slot{grid-template-columns:1fr!important;gap:6px!important}#ogc-app .ogc-file-slot label{white-space:normal!important}} #ogc-app .ogc-choice,
#ogc-app #ogc-find-note {
display: none !important;
}
#ogc-app .ogc-choice.is-visible {
display: flex !important;
}
#ogc-app #ogc-find-note.is-visible {
display: block !important;
} #ogc-app #ogc-office-choice,
#ogc-app #ogc-find-choice,
#ogc-app #ogc-find-note {
display: none !important;
}
#ogc-app #ogc-office-choice.is-visible,
#ogc-app #ogc-find-choice.is-visible {
display: flex !important;
}
#ogc-app #ogc-find-note.is-visible {
display: block !important;
}
#ogc-app .ogc-draft-restored {
margin-bottom: 18px;
} #ogc-app #ogc-office-choice,
#ogc-app #ogc-find-choice,
#ogc-app #ogc-find-note { display:none !important; }
#ogc-app #ogc-office-choice.is-visible,
#ogc-app #ogc-find-choice.is-visible { display:flex !important; }
#ogc-app #ogc-find-note.is-visible { display:block !important; }
#ogc-app .ogc-file-inputs { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
#ogc-app .ogc-file-slot { display:grid !important; grid-template-columns:140px minmax(0,1fr) !important; align-items:center !important; gap:12px !important; padding:10px 12px !important; }
#ogc-app .ogc-file-slot label { margin:0 !important; font-weight:700 !important; white-space:nowrap !important; }
#ogc-app .ogc-file-slot input[type=file] { width:100% !important; min-width:0 !important; }
@media(max-width:640px){#ogc-app .ogc-file-slot{grid-template-columns:1fr !important}#ogc-app .ogc-file-slot label{white-space:normal !important}} .ogc-history-app{max-width:1100px}
.ogc-history-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;background:linear-gradient(135deg,#0d4b38,#176b51);border-radius:18px 18px 0 0;color:#fff}
.ogc-history-hero h2{margin:3px 0 8px;color:#fff;font-size:28px}.ogc-history-hero p{margin:0}.ogc-history-kicker{font-size:13px;font-weight:800;letter-spacing:.05em;opacity:.9}
.ogc-history-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ogc-history-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border:1px solid #fff;border-radius:8px;background:#fff;color:#0d4b38!important;text-decoration:none!important;font-weight:800}.ogc-history-button:hover{opacity:.9}.ogc-history-button-light{background:transparent;color:#fff!important}
.ogc-history-panel{padding:26px;border:1px solid #d7e7df;border-top:0;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 14px 40px rgba(0,50,30,.08)}
.ogc-history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.ogc-history-stats>div{padding:18px;border:1px solid #dceae3;border-radius:12px;background:#f7fbf9}.ogc-history-stats span{display:block;color:#617168;font-size:13px;font-weight:700}.ogc-history-stats strong{font-size:30px;color:#0d4b38}.ogc-history-stats small{margin-left:4px;color:#617168}
.ogc-history-filter{display:grid;grid-template-columns:220px minmax(260px,1fr) auto auto;align-items:end;gap:10px;margin:0 0 20px;padding:16px;border-radius:12px;background:#f4f8f6}.ogc-history-filter label{display:grid;gap:5px}.ogc-history-filter label span{font-size:12px;font-weight:800;color:#52635b}.ogc-history-filter select,.ogc-history-filter input{width:100%;height:42px;border:1px solid #b9cbc2;border-radius:8px;background:#fff;padding:8px 11px;font-size:14px}.ogc-history-filter button{height:42px;border:0;border-radius:8px;background:#176b51;color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.ogc-history-filter>a{height:42px;display:flex;align-items:center;color:#52635b;font-weight:700;text-decoration:none}
.ogc-history-table-wrap{overflow:auto;border:1px solid #dce7e1;border-radius:12px}.ogc-history-table{width:100%;border-collapse:collapse;background:#fff}.ogc-history-table th{padding:13px 14px;background:#f3f7f5;color:#43544c;font-size:12px;text-align:left;white-space:nowrap}.ogc-history-table td{padding:15px 14px;border-top:1px solid #e1ebe6;vertical-align:middle}.ogc-history-table tbody tr:hover{background:#fbfdfc}.ogc-history-table td strong{display:block;color:#1a2821}.ogc-history-table td small{display:block;margin-top:4px;color:#718078}.ogc-case-no{color:#176b51!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ogc-history-detail-cell{text-align:right;white-space:nowrap}.ogc-history-detail-link{display:inline-flex;padding:7px 11px;border:1px solid #176b51;border-radius:7px;color:#176b51!important;text-decoration:none!important;font-size:13px;font-weight:800}.ogc-history-detail-link:hover{background:#176b51;color:#fff!important}
.ogc-status-badge{display:inline-flex!important;width:max-content;padding:6px 10px;border-radius:999px;background:#edf2ef;color:#425249;font-size:12px!important;font-weight:800!important;line-height:1.2}.ogc-status-new{background:#e7f3ff;color:#1769a0}.ogc-status-checking,.ogc-status-missing{background:#fff1cf;color:#8a5a00}.ogc-status-preparing,.ogc-status-applied,.ogc-status-waiting{background:#e9edff;color:#4558a5}.ogc-status-received,.ogc-status-sent,.ogc-status-partner{background:#e7f7f0;color:#176b51}.ogc-status-complete{background:#e5f6e9;color:#27783d}.ogc-status-cancel{background:#f1f1f1;color:#777}
.ogc-history-empty{padding:54px 20px;text-align:center;border:1px dashed #b9cbc2;border-radius:12px;background:#fbfdfc}.ogc-history-empty strong{font-size:20px}.ogc-history-empty p{color:#66766e}.ogc-history-empty-small{padding:18px;border-radius:9px;background:#f5f8f6;color:#64736c}
.ogc-history-pagination{display:flex;justify-content:center;gap:6px;margin-top:20px}.ogc-history-pagination a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #c9d8d1;border-radius:7px;color:#176b51!important;text-decoration:none!important;font-weight:800}.ogc-history-pagination a.is-current{background:#176b51;color:#fff!important;border-color:#176b51}
.ogc-case-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.ogc-case-summary>div{padding:16px;border:1px solid #dceae3;border-radius:11px;background:#f8fbf9}.ogc-case-summary span{display:block;margin-bottom:7px;color:#65756d;font-size:12px;font-weight:800}.ogc-case-summary strong{display:block;font-size:15px}
.ogc-history-section-title{margin:28px 0 14px;padding-left:11px;border-left:5px solid #176b51;font-size:20px}.ogc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ogc-detail-item{padding:14px;border:1px solid #e0e9e4;border-radius:9px;background:#fff}.ogc-detail-item span{display:block;margin-bottom:5px;color:#66766e;font-size:12px;font-weight:800}.ogc-detail-item strong{font-size:15px;line-height:1.6}.ogc-detail-wide{grid-column:1/-1}
.ogc-history-files{display:grid;gap:9px}.ogc-history-file{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d8e5de;border-radius:10px;color:#22332b!important;text-decoration:none!important}.ogc-history-file:hover{border-color:#176b51;background:#f8fbf9}.ogc-history-file-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:9px;background:#eaf5ef;color:#176b51;font-size:11px;font-weight:800}.ogc-history-file strong,.ogc-history-file small{display:block}.ogc-history-file small{margin-top:3px;color:#718078}.ogc-history-file b{color:#176b51;font-size:13px}
@media(max-width:800px){.ogc-history-hero{align-items:flex-start;flex-direction:column}.ogc-history-actions{justify-content:flex-start}.ogc-history-stats,.ogc-case-summary{grid-template-columns:repeat(2,1fr)}.ogc-history-filter{grid-template-columns:1fr 1fr}.ogc-history-filter button,.ogc-history-filter>a{width:100%;justify-content:center}.ogc-detail-grid{grid-template-columns:1fr}.ogc-detail-wide{grid-column:auto}}
@media(max-width:640px){.ogc-history-panel{padding:16px}.ogc-history-hero{padding:22px 18px}.ogc-history-hero h2{font-size:23px}.ogc-history-actions{width:100%}.ogc-history-actions .ogc-history-button{flex:1}.ogc-history-stats,.ogc-case-summary,.ogc-history-filter{grid-template-columns:1fr}.ogc-history-table-wrap{border:0;overflow:visible}.ogc-history-table,.ogc-history-table tbody,.ogc-history-table tr,.ogc-history-table td{display:block;width:100%}.ogc-history-table thead{display:none}.ogc-history-table tr{margin-bottom:12px;border:1px solid #dce7e1;border-radius:12px;background:#fff;overflow:hidden}.ogc-history-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:10px 12px;border-top:1px solid #edf2ef}.ogc-history-table td:first-child{border-top:0}.ogc-history-table td:before{content:attr(data-label);color:#687870;font-size:12px;font-weight:800}.ogc-history-detail-cell{display:block!important;text-align:center!important}.ogc-history-detail-cell:before{display:none}.ogc-history-detail-link{width:100%;justify-content:center}.ogc-history-file{grid-template-columns:42px minmax(0,1fr)}.ogc-history-file b{grid-column:2}} .ogc-history-app,.ogc-history-app *{box-sizing:border-box}
.ogc-history-app{display:block!important;width:100%!important;max-width:1100px!important;margin:24px auto!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif!important;color:#17211d!important;line-height:1.6!important}
.ogc-history-app a{text-decoration:none}
.ogc-history-app .ogc-history-hero{display:flex!important}
.ogc-history-app .ogc-history-panel{display:block!important}
.ogc-history-notice{margin:0 0 18px;padding:13px 16px;border:1px solid #62ad7d;border-radius:9px;background:#eaf7ef;color:#145b31;font-weight:800}
.ogc-history-button-edit{background:#f6c453!important;border-color:#f6c453!important;color:#18382d!important}
.ogc-dealer-edit-form{display:block;margin:0}
.ogc-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;padding:18px;border-radius:12px;background:#eef7f2}
.ogc-edit-heading span,.ogc-edit-heading strong{display:block}.ogc-edit-heading span{color:#176b51;font-size:20px;font-weight:900}.ogc-edit-heading strong{margin-top:3px;font-size:13px;color:#50635a}.ogc-edit-heading a{color:#52635b!important;font-weight:800}
.ogc-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ogc-edit-grid label{display:grid;gap:6px;min-width:0;font-weight:700}.ogc-edit-grid label>span{font-size:13px;color:#34483f}.ogc-edit-grid label b{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:4px;background:#b42318;color:#fff;font-size:10px}
.ogc-edit-grid input,.ogc-edit-grid textarea{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:11px 12px!important;border:1px solid #b9cbc2!important;border-radius:8px!important;background:#fff!important;color:#17211d!important;font-size:15px!important;box-shadow:none!important}.ogc-edit-grid textarea{resize:vertical}.ogc-edit-grid input:focus,.ogc-edit-grid textarea:focus{border-color:#176b51!important;box-shadow:0 0 0 2px rgba(23,107,81,.13)!important;outline:0!important}
.ogc-edit-wide{grid-column:1/-1}
.ogc-edit-current-files{display:grid;gap:8px;margin-bottom:16px}.ogc-edit-current-files label{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #d7e5de;border-radius:9px;background:#fff}.ogc-edit-current-files input{width:17px;height:17px;margin:0}.ogc-edit-current-files strong,.ogc-edit-current-files small{display:block}.ogc-edit-current-files small{color:#a02b2b}
.ogc-edit-upload{display:grid;gap:9px;padding:16px;border:2px dashed #a7c4b5;border-radius:12px;background:#fbfdfc}.ogc-edit-upload>span{font-weight:900;color:#174d3c}.ogc-edit-upload label{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:10px}.ogc-edit-upload input[type=file]{display:block!important;width:100%!important;min-width:0!important;padding:8px!important;border:1px solid #c6d8cf!important;border-radius:7px!important;background:#fff!important}
.ogc-edit-submit{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #e0e9e4}.ogc-edit-submit a{color:#52635b!important;font-weight:800}.ogc-edit-submit button{min-height:46px;padding:10px 24px;border:0;border-radius:9px;background:#176b51;color:#fff;font-size:15px;font-weight:900;cursor:pointer}.ogc-edit-submit button:hover{background:#0d4b38}
@media(max-width:700px){.ogc-edit-grid{grid-template-columns:1fr}.ogc-edit-wide{grid-column:auto}.ogc-edit-heading{align-items:flex-start;flex-direction:column}.ogc-edit-upload label{grid-template-columns:1fr}.ogc-edit-submit{align-items:stretch;flex-direction:column-reverse}.ogc-edit-submit a,.ogc-edit-submit button{text-align:center;width:100%}} .ogc-dealer-login-shell .ogc-login-options .ogc-login-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 8px!important;border:1px solid #176b51!important;border-radius:4px!important;background:#176b51!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;box-shadow:none!important}
@media(max-width:480px){.ogc-dealer-login-shell .ogc-login-options{flex-direction:row!important;align-items:center!important}.ogc-dealer-login-shell .ogc-login-options .ogc-login-button{flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:11px!important}} #ogc-app .ogc-map-actions{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:16px!important;
width:100%!important;
}
#ogc-app .ogc-map-actions button{
width:auto!important;
min-width:180px!important;
margin:0!important;
}
#ogc-app .ogc-car-overlay{
touch-action:none!important;
will-change:left,top,transform!important;
}
.ogc-map-snapshot-card{
display:grid;
gap:12px;
padding:16px;
border:1px solid #d8e5de;
border-radius:12px;
background:#f8fbf9;
}
.ogc-map-snapshot-card>strong{color:#174d3c;font-size:16px}
.ogc-map-snapshot-card img{display:block;width:100%;max-width:820px;height:auto;border:1px solid #cadbd2;border-radius:10px;background:#fff}
.ogc-map-snapshot-card .ogc-history-detail-link{width:max-content} #ogc-app .ogc-map-actions{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:30px!important;
width:100%!important;
}
#ogc-app .ogc-map-actions button+button{margin-top:0!important}
#ogc-app .ogc-delivery-option{margin-top:14px!important;border:1px solid #cfe3d8!important;background:#f7fbf9!important}
.ogc-status-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
padding:6px 10px!important;
border-radius:14px!important;
line-height:1.45!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
text-align:center!important;
}
.ogc-case-summary>div,.ogc-history-table td{min-width:0!important}
.ogc-case-summary strong{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
.ogc-edit-checkbox>span:last-child{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:12px!important;border:1px solid #cfe3d8!important;border-radius:8px!important;background:#f7fbf9!important;font-weight:700!important}
.ogc-edit-checkbox input[type=checkbox]{width:18px!important;height:18px!important;flex:0 0 18px!important;margin-top:2px!important} #ogc-app .ogc-map-actions{
display:block!important;
width:100%!important;
}
#ogc-app .ogc-map-actions #ogc-confirm-car{
display:block!important;
width:max-content!important;
min-width:180px!important;
margin:0 0 24px 0!important;
}
#ogc-app .ogc-map-actions #ogc-reset-car{
display:block!important;
width:max-content!important;
min-width:180px!important;
margin:0!important;
} #ogc-app .ogc-map-actions{
display:block!important;
width:100%!important;
}
#ogc-app .ogc-map-actions #ogc-confirm-car,
#ogc-app .ogc-map-actions #ogc-reset-car{
display:block!important;
width:max-content!important;
min-width:180px!important;
margin:0!important;
}
#ogc-app .ogc-map-actions .ogc-map-action-spacer{
display:block!important;
width:100%!important;
height:24px!important;
min-height:24px!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
line-height:0!important;
font-size:0!important;
clear:both!important;
} #ogc-app .ogc-map-actions{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
width:100%!important;
gap:0!important;
}
#ogc-app .ogc-map-actions #ogc-confirm-car,
#ogc-app .ogc-map-actions #ogc-reset-car{
display:inline-flex!important;
width:auto!important;
min-width:180px!important;
margin:0!important;
}
#ogc-app .ogc-map-actions .ogc-map-action-spacer{
display:block!important;
flex:0 0 24px!important;
width:100%!important;
height:24px!important;
min-height:24px!important;
max-height:24px!important;
margin:0!important;
padding:0!important;
} #ogc-app #ogc-geocode.is-complete{background:#0d4b38!important;color:#fff!important;white-space:nowrap!important}
#ogc-app .ogc-ownership-help{display:block!important;margin-top:7px!important;padding:9px 11px!important;border-radius:7px!important;background:#f2f8f5!important;color:#31483d!important;font-size:12px!important;font-weight:700!important;line-height:1.55!important}
#ogc-app .ogc-ownership-help.is-other{background:#fff4e5!important;color:#7a4b00!important}
#ogc-app .ogc-ownership-help.is-shared{background:#f4f4f5!important;color:#52525b!important}
#ogc-app .ogc-file-slot{grid-template-columns:140px minmax(0,1fr)!important}
#ogc-app .ogc-file-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-width:0!important}
#ogc-app .ogc-file-clear{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:62px!important;height:38px!important;margin:0!important;padding:0 12px!important;border:1px solid #b42318!important;border-radius:7px!important;background:#fff!important;color:#b42318!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important}
#ogc-app .ogc-file-clear:hover:not(:disabled){background:#b42318!important;color:#fff!important}
#ogc-app .ogc-file-clear:disabled{border-color:#cfd8d3!important;color:#9ca8a2!important;background:#f5f7f6!important;cursor:not-allowed!important;opacity:.8!important}
@media(max-width:640px){#ogc-app .ogc-file-slot{grid-template-columns:1fr!important}#ogc-app .ogc-file-control{grid-template-columns:minmax(0,1fr) auto!important}} #ogc-app #ogc-geocode.is-complete{
background:#0d4b38!important;
border-color:#0d4b38!important;
color:#fff!important;
white-space:nowrap!important;
}
#ogc-app .ogc-file-clear:not(:disabled){
pointer-events:auto!important;
opacity:1!important;
}
#ogc-app .ogc-file-clear:disabled{pointer-events:none!important}
#ogc-app .ogc-ownership-help.is-other{
background:#fff4e5!important;
color:#7a4b00!important;
} .ogc-current-billing-bottom{margin-top:28px!important;} .ogc-map-status.is-error{position:relative;border:2px solid #d97706;background:#fff7ed;color:#9a3412;font-weight:700;padding:14px 16px;border-radius:10px;box-shadow:0 0 0 4px rgba(217,119,6,.12)}
.ogc-map-controls.ogc-map-required-error{border:2px solid #d97706;border-radius:12px;padding:12px;background:#fffaf5}
#ogc-confirm-car.ogc-confirm-required{outline:4px solid rgba(217,119,6,.28);outline-offset:3px;animation:ogc-required-pulse 1s ease-in-out 2}
@keyframes ogc-required-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}} .ogc-digits-only{
appearance:textfield;
-moz-appearance:textfield;
}
.ogc-digits-only::-webkit-outer-spin-button,
.ogc-digits-only::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
} #ogc-app input[name="car_length"],#ogc-app input[name="car_width"],#ogc-app input[name="car_height"]{appearance:textfield!important;-webkit-appearance:none!important}
#ogc-app label>small{display:block;margin-top:5px;color:#5d6b64;font-size:12px;line-height:1.4}
.ogc-dealer-edit-form input[name*="car_length"],.ogc-dealer-edit-form input[name*="car_width"],.ogc-dealer-edit-form input[name*="car_height"]{appearance:textfield!important;-webkit-appearance:none!important} #ogc-app .ogc-mobile-account-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:16px 0 0}
#ogc-app .ogc-mobile-account-nav>*{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:9px 14px;border:1px solid #c9ded4;border-radius:8px;background:#fff;color:#15543f;font-size:14px;font-weight:800;line-height:1.35;text-decoration:none;box-sizing:border-box}
#ogc-app .ogc-mobile-account-nav .ogc-login-status{flex:1 1 100%;border-color:#d5e7df;background:#eef8f3;color:#234a3c}
#ogc-app .ogc-mobile-account-nav a{flex:1 1 140px;cursor:pointer}
#ogc-app .ogc-mobile-account-nav a:hover{border-color:#176b51;background:#eaf7f0}
#ogc-app .ogc-mobile-account-nav .ogc-logout-link{border-color:#c8d1cd;background:#f7f9f8;color:#485a52}
#ogc-app .ogc-dimension-help{display:block;width:100%;margin-top:6px;color:#5a6f66;font-size:12px;font-weight:600;line-height:1.5}
#ogc-app .ogc-ownership-upload-guidance{margin:0 0 14px;padding:15px 16px;border:1px solid #b9ddca;border-left:5px solid #176b51;border-radius:9px;background:#edf8f2;color:#174b39;font-size:15px;line-height:1.6}
#ogc-app .ogc-mail-documents{margin:0 0 18px;padding:16px;border:1px solid #d2e4dc;border-radius:10px;background:#f8fbf9}
#ogc-app .ogc-mail-documents .ogc-check{margin:0 0 12px}
#ogc-app .ogc-mail-address{padding:13px 14px;border-radius:8px;background:#fff;color:#334b41;font-size:14px;line-height:1.75}
#ogc-app .ogc-privacy-box{margin:22px 0 18px;padding:18px;border:1px solid #cddfd7;border-radius:12px;background:#f8fbf9}
#ogc-app .ogc-privacy-box h4{margin:0 0 12px;color:#174b39;font-size:18px}
#ogc-app .ogc-privacy-scroll{max-height:330px;overflow-y:auto;padding:16px 17px;border:1px solid #c7d8d0;border-radius:8px;background:#fff;color:#2b4037;font-size:13px;line-height:1.8;scrollbar-gutter:stable}
#ogc-app .ogc-privacy-scroll p{margin:0 0 16px}
#ogc-app .ogc-privacy-scroll p:last-child{margin-bottom:0}
#ogc-app .ogc-privacy-agree{margin:15px 0 0;padding:13px;border:1px solid #b7d9c8;border-radius:8px;background:#eef8f3;font-weight:800}
@media(max-width:650px){
#ogc-app .ogc-mobile-account-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
#ogc-app .ogc-mobile-account-nav>*{width:100%;min-height:44px;padding:9px 8px;font-size:13px}
#ogc-app .ogc-mobile-account-nav .ogc-login-status{grid-column:1/-1}
#ogc-app .ogc-mobile-account-nav .ogc-logout-link{grid-column:1/-1}
#ogc-app .ogc-privacy-box{padding:14px}
#ogc-app .ogc-privacy-scroll{max-height:290px;padding:14px;font-size:12.5px}
} @media(max-width:650px){
.ogc-history-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
.ogc-history-actions .ogc-history-button{width:100%!important;min-width:0!important;min-height:44px!important;padding:9px 8px!important;font-size:13px!important;line-height:1.3!important}
.ogc-history-actions .ogc-history-button:last-child{grid-column:1/-1!important}
} #ogc-app .ogc-account-panel{
display:block!important;
width:100%!important;
margin:18px 0 0!important;
padding:14px!important;
border:1px solid rgba(255,255,255,.34)!important;
border-radius:12px!important;
background:rgba(0,0,0,.12)!important;
box-sizing:border-box!important;
}
#ogc-app .ogc-account-panel .ogc-login-status{
display:flex!important;
align-items:center!important;
gap:10px!important;
width:100%!important;
min-height:44px!important;
margin:0 0 10px!important;
padding:10px 13px!important;
border:1px solid rgba(255,255,255,.28)!important;
border-radius:8px!important;
background:rgba(255,255,255,.12)!important;
color:#fff!important;
box-sizing:border-box!important;
line-height:1.4!important;
}
#ogc-app .ogc-account-panel .ogc-login-status span{
flex:0 0 auto!important;
padding:3px 8px!important;
border-radius:999px!important;
background:#fff!important;
color:#15543f!important;
font-size:11px!important;
font-weight:900!important;
}
#ogc-app .ogc-account-panel .ogc-login-status strong{
min-width:0!important;
color:#fff!important;
font-size:15px!important;
font-weight:900!important;
overflow-wrap:anywhere!important;
}
#ogc-app .ogc-account-panel .ogc-mobile-account-nav{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
margin:0!important;
}
#ogc-app .ogc-account-panel .ogc-account-button{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:0!important;
min-height:44px!important;
margin:0!important;
padding:10px 12px!important;
border:1px solid #fff!important;
border-radius:8px!important;
background:#fff!important;
color:#0d4b38!important;
font-size:14px!important;
font-weight:900!important;
line-height:1.25!important;
text-align:center!important;
text-decoration:none!important;
box-shadow:0 3px 9px rgba(0,0,0,.10)!important;
box-sizing:border-box!important;
cursor:pointer!important;
}
#ogc-app .ogc-account-panel .ogc-account-button:hover,
#ogc-app .ogc-account-panel .ogc-account-button:focus{
background:#edf8f2!important;
border-color:#edf8f2!important;
color:#0d4b38!important;
transform:translateY(-1px)!important;
}
#ogc-app .ogc-account-panel .ogc-account-button.ogc-logout-link{
background:transparent!important;
border-color:rgba(255,255,255,.78)!important;
color:#fff!important;
box-shadow:none!important;
}
#ogc-app .ogc-account-panel .ogc-account-button.ogc-logout-link:hover,
#ogc-app .ogc-account-panel .ogc-account-button.ogc-logout-link:focus{
background:rgba(255,255,255,.14)!important;
color:#fff!important;
}
@media(max-width:650px){
#ogc-app .ogc-account-panel{padding:12px!important}
#ogc-app .ogc-account-panel .ogc-login-status{
align-items:flex-start!important;
flex-direction:column!important;
gap:6px!important;
min-height:0!important;
padding:11px 12px!important;
}
#ogc-app .ogc-account-panel .ogc-login-status strong{font-size:14px!important}
#ogc-app .ogc-account-panel .ogc-mobile-account-nav{
grid-template-columns:1fr!important;
gap:8px!important;
}
#ogc-app .ogc-account-panel .ogc-account-button{
min-height:46px!important;
padding:11px 12px!important;
font-size:14px!important;
}
} html body #ogc-app .ogc-privacy-box{
display:block!important;
width:100%!important;
margin:22px 0 18px!important;
padding:18px!important;
border:1px solid #cddfd7!important;
border-radius:12px!important;
background:#f8fbf9!important;
box-sizing:border-box!important;
}
html body #ogc-app .ogc-privacy-scroll{
display:block!important;
width:100%!important;
height:320px!important;
min-height:0!important;
max-height:320px!important;
overflow-x:hidden!important;
overflow-y:scroll!important;
padding:16px 17px!important;
border:1px solid #9fbeb0!important;
border-radius:8px!important;
background:#fff!important;
box-sizing:border-box!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
}
html body #ogc-app .ogc-privacy-scroll::-webkit-scrollbar{width:12px!important}
html body #ogc-app .ogc-privacy-scroll::-webkit-scrollbar-track{background:#edf3f0!important;border-radius:8px!important}
html body #ogc-app .ogc-privacy-scroll::-webkit-scrollbar-thumb{background:#6f9d88!important;border:3px solid #edf3f0!important;border-radius:8px!important}
@media(max-width:650px){
html body #ogc-app .ogc-privacy-box{padding:13px!important}
html body #ogc-app .ogc-privacy-scroll{height:260px!important;max-height:260px!important;padding:13px!important;font-size:12.5px!important;line-height:1.75!important}
} html body #ogc-app .ogc-account-panel .ogc-mobile-account-nav{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important;
}
html body #ogc-app .ogc-account-panel .ogc-mobile-account-nav .ogc-account-button{
display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 8px!important;border:2px solid #fff!important;border-radius:9px!important;background:#fff!important;color:#0d4b38!important;font-size:14px!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important;
}
html body #ogc-app .ogc-account-panel .ogc-mobile-account-nav .ogc-logout-link{
grid-column:1/-1!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;
}
html body .ogc-history-app .ogc-history-actions{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:min(420px,100%)!important;
}
html body .ogc-history-app .ogc-history-actions .ogc-history-button{
display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;border-radius:9px!important;font-size:14px!important;font-weight:900!important;line-height:1.2!important;text-align:center!important;
}
html body .ogc-history-app .ogc-history-actions .ogc-history-button:last-child{grid-column:1/-1!important}
@media(max-width:650px){
html body #ogc-app .ogc-account-panel .ogc-mobile-account-nav{grid-template-columns:1fr 1fr!important}
html body #ogc-app .ogc-account-panel .ogc-mobile-account-nav .ogc-logout-link{grid-column:1/-1!important}
html body .ogc-history-app .ogc-history-actions{grid-template-columns:1fr 1fr!important;width:100%!important}
html body .ogc-history-app .ogc-history-actions .ogc-history-button:last-child{grid-column:1/-1!important}
} html body #ogc-app .ogc-dashboard-shell{display:block!important;width:100%!important;margin:18px 0 0!important;padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 32px rgba(7,52,38,.18)!important;box-sizing:border-box!important}
html body #ogc-app .ogc-login-card{display:flex!important;align-items:center!important;gap:12px!important;width:max-content!important;max-width:100%!important;margin:0 0 14px auto!important;padding:10px 14px!important;border:1px solid #b8d5c8!important;border-radius:10px!important;background:#f6fbf8!important;color:#124c39!important;box-sizing:border-box!important}
html body #ogc-app .ogc-login-card .ogc-login-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:2px solid #176b51!important;border-radius:50%!important;font-size:20px!important}
html body #ogc-app .ogc-login-card span:last-child{display:flex!important;flex-direction:column!important;gap:2px!important}
html body #ogc-app .ogc-login-card strong{font-size:14px!important;line-height:1.3!important}.ogc-login-card small{font-size:12px!important;color:#4d6e61!important}
html body #ogc-app .ogc-dashboard-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}
html body #ogc-app .ogc-dashboard-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) 32px!important;align-items:center!important;gap:14px!important;min-height:116px!important;padding:18px!important;border:1px solid #e0ebe5!important;border-radius:14px!important;background:#fff!important;color:#123f31!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(12,63,45,.08)!important;box-sizing:border-box!important;transition:.2s ease!important}
html body #ogc-app .ogc-dashboard-card:hover{transform:translateY(-2px)!important;border-color:#8fc3ac!important;box-shadow:0 10px 24px rgba(12,63,45,.14)!important}
html body #ogc-app .ogc-dashboard-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#e7f5ed!important;color:#0f6548!important;font-size:29px!important;font-weight:900!important}
html body #ogc-app .ogc-dashboard-copy{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}.ogc-dashboard-copy strong{font-size:17px!important;line-height:1.35!important}.ogc-dashboard-copy small{font-size:12.5px!important;line-height:1.6!important;color:#5d6d66!important}
html body #ogc-app .ogc-dashboard-arrow{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:1px solid #478f73!important;border-radius:50%!important;color:#176b51!important;font-size:24px!important;line-height:1!important}
html body #ogc-app .ogc-dashboard-logout{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin-top:4px!important;border:1px solid #6fa58f!important;border-radius:7px!important;background:#fff!important;color:#176b51!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important}
@media(max-width:760px){html body #ogc-app .ogc-dashboard-shell{padding:12px!important}html body #ogc-app .ogc-login-card{width:100%!important;margin:0 0 12px!important}html body #ogc-app .ogc-dashboard-nav{grid-template-columns:1fr 1fr!important;gap:9px!important}html body #ogc-app .ogc-dashboard-card{grid-template-columns:44px minmax(0,1fr) 26px!important;min-height:82px!important;padding:12px!important;gap:9px!important}html body #ogc-app .ogc-dashboard-card:first-child{grid-column:1/-1!important}html body #ogc-app .ogc-dashboard-card:nth-child(3){grid-column:1/-1!important}html body #ogc-app .ogc-dashboard-icon{width:44px!important;height:44px!important;font-size:23px!important}.ogc-dashboard-copy strong{font-size:14px!important}.ogc-dashboard-copy small{display:none!important}html body #ogc-app .ogc-dashboard-arrow{width:25px!important;height:25px!important;font-size:20px!important}} html body #ogc-app{overflow:visible!important}
html body #ogc-app .ogc-head{
position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
align-items:start!important;gap:30px!important;min-height:285px!important;margin:0!important;
padding:34px 42px 90px!important;border-radius:0!important;overflow:hidden!important;
background:linear-gradient(112deg,#07523e 0%,#0a6148 58%,#07533f 100%)!important;color:#fff!important;
box-sizing:border-box!important;
}
html body #ogc-app .ogc-head:before{
content:""!important;position:absolute!important;z-index:0!important;right:-25px!important;bottom:28px!important;
width:min(48vw,620px)!important;height:190px!important;background:url(//okura-lawjimusho.com/cms/wp-content/plugins/okura-garage-certificate/assets/images/dealer-hero-car.jpg) right bottom/cover no-repeat!important;
opacity:.5!important;mix-blend-mode:screen!important;filter:saturate(.65) contrast(.9)!important;pointer-events:none!important;
}
html body #ogc-app .ogc-head:after{
content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
background:radial-gradient(circle at 78% 58%,rgba(255,255,255,.06),transparent 34%),linear-gradient(90deg,rgba(0,41,30,.03),rgba(0,41,30,.16))!important;pointer-events:none!important;
}
html body #ogc-app .ogc-hero-copy,html body #ogc-app .ogc-login-card{position:relative!important;z-index:2!important}
html body #ogc-app .ogc-kicker{margin:0 0 8px!important;color:#fff!important;font-size:14px!important;font-weight:800!important;letter-spacing:.06em!important}
html body #ogc-app .ogc-head h2{margin:0!important;color:#fff!important;font-size:36px!important;font-weight:800!important;line-height:1.28!important;letter-spacing:.035em!important;text-shadow:0 1px 2px rgba(0,0,0,.12)!important}
html body #ogc-app .ogc-hero-description{margin:14px 0 0!important;color:rgba(255,255,255,.94)!important;font-size:14px!important;font-weight:600!important;line-height:1.75!important}
html body #ogc-app .ogc-mobile-break{display:none!important}
html body #ogc-app .ogc-login-card{
display:flex!important;align-items:center!important;gap:13px!important;width:auto!important;min-width:255px!important;max-width:360px!important;
margin:6px 0 0!important;padding:15px 19px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:10px!important;
background:rgba(2,70,52,.32)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(2px)!important;
}
html body #ogc-app .ogc-login-card .ogc-login-icon{display:block!important;width:31px!important;height:31px!important;border:0!important;border-radius:0!important;color:#fff!important;flex:0 0 31px!important}
html body #ogc-app .ogc-login-card .ogc-login-icon svg{display:block!important;width:100%!important;height:100%!important}
html body #ogc-app .ogc-login-card span:last-child{display:flex!important;flex-direction:column!important;gap:3px!important}
html body #ogc-app .ogc-login-card strong{color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important}
html body #ogc-app .ogc-login-card small{color:rgba(255,255,255,.92)!important;font-size:11px!important;font-weight:700!important}
html body #ogc-app .ogc-dashboard-shell{
position:relative!important;z-index:5!important;width:calc(100% - 46px)!important;margin:-58px auto 24px!important;padding:16px!important;
border:1px solid rgba(224,234,229,.9)!important;border-radius:17px!important;background:rgba(255,255,255,.98)!important;
box-shadow:0 12px 34px rgba(7,52,38,.14)!important;box-sizing:border-box!important;
}
html body #ogc-app .ogc-dashboard-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}
html body #ogc-app .ogc-dashboard-card{
display:grid!important;grid-template-columns:64px minmax(0,1fr) 31px!important;align-items:center!important;gap:16px!important;
min-height:118px!important;padding:18px 19px!important;border:1px solid #e3ebe7!important;border-radius:13px!important;background:#fff!important;
color:#113e31!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(12,63,45,.075)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html body #ogc-app .ogc-dashboard-card:hover{transform:translateY(-2px)!important;border-color:#9bc8b5!important;box-shadow:0 10px 24px rgba(12,63,45,.13)!important}
html body #ogc-app .ogc-dashboard-icon{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#e7f5ed!important;color:#075b41!important;font-size:31px!important;font-weight:600!important}
html body #ogc-app .ogc-dashboard-icon svg{width:36px!important;height:36px!important;display:block!important}
html body #ogc-app .ogc-dashboard-yen{font-size:40px!important;font-family:Arial,sans-serif!important;font-weight:400!important}
html body #ogc-app .ogc-dashboard-copy{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important}
html body #ogc-app .ogc-dashboard-copy strong{color:#113e31!important;font-size:17px!important;font-weight:900!important;line-height:1.35!important;letter-spacing:.01em!important}
html body #ogc-app .ogc-dashboard-copy small{color:#53645d!important;font-size:12px!important;line-height:1.65!important}
html body #ogc-app .ogc-dashboard-arrow{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;border:1px solid #42866d!important;border-radius:50%!important;color:#126448!important;font-size:22px!important;font-weight:400!important;line-height:1!important}
html body #ogc-app .ogc-dashboard-logout{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:58%!important;min-height:43px!important;margin:5px auto 0!important;border:1px solid #70a68f!important;border-radius:5px!important;background:#fff!important;color:#176b51!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important}
html body #ogc-app .ogc-dashboard-logout:hover{background:#f3faf6!important}
@media(max-width:760px){
html body #ogc-app .ogc-head{display:block!important;min-height:220px!important;padding:20px 20px 72px!important;border-radius:0!important}
html body #ogc-app .ogc-head:before{right:-45px!important;bottom:22px!important;width:68vw!important;height:128px!important;opacity:.43!important}
html body #ogc-app .ogc-kicker{font-size:11px!important;margin-bottom:5px!important}
html body #ogc-app .ogc-head h2{font-size:25px!important;line-height:1.3!important}
html body #ogc-app .ogc-mobile-break{display:none!important}
html body #ogc-app .ogc-hero-description{display:none!important}
html body #ogc-app .ogc-login-card{width:max-content!important;min-width:250px!important;max-width:calc(100% - 12px)!important;margin:12px 0 0!important;padding:11px 14px!important;border-radius:8px!important}
html body #ogc-app .ogc-login-card .ogc-login-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
html body #ogc-app .ogc-dashboard-shell{width:calc(100% - 24px)!important;margin:-42px auto 18px!important;padding:10px!important;border-radius:15px!important}
html body #ogc-app .ogc-dashboard-nav{grid-template-columns:1fr 1fr!important;gap:9px!important}
html body #ogc-app .ogc-dashboard-card{grid-template-columns:44px minmax(0,1fr) 24px!important;gap:9px!important;min-height:78px!important;padding:10px!important;border-radius:10px!important}
html body #ogc-app .ogc-dashboard-card:first-child{grid-column:1/-1!important}
html body #ogc-app .ogc-dashboard-card:nth-child(3){grid-column:1/-1!important}
html body #ogc-app .ogc-dashboard-icon{width:44px!important;height:44px!important;font-size:28px!important}
html body #ogc-app .ogc-dashboard-icon svg{width:27px!important;height:27px!important}
html body #ogc-app .ogc-dashboard-copy{gap:3px!important}
html body #ogc-app .ogc-dashboard-copy strong{font-size:13px!important;line-height:1.35!important}
html body #ogc-app .ogc-dashboard-copy small{display:block!important;font-size:10px!important;line-height:1.45!important}
html body #ogc-app .ogc-dashboard-card:nth-child(2) .ogc-dashboard-copy small{display:none!important}
html body #ogc-app .ogc-dashboard-card:nth-child(2){grid-template-columns:40px minmax(0,1fr) 22px!important}
html body #ogc-app .ogc-dashboard-arrow{width:23px!important;height:23px!important;font-size:18px!important}
html body #ogc-app .ogc-dashboard-logout{width:100%!important;min-height:42px!important;margin-top:2px!important}
}
@media(max-width:410px){
html body #ogc-app .ogc-head{padding-left:16px!important;padding-right:16px!important}
html body #ogc-app .ogc-login-card{min-width:0!important;width:78%!important}
html body #ogc-app .ogc-dashboard-card:nth-child(2) .ogc-dashboard-copy strong{font-size:12px!important}
} html body #ogc-app .ogc-head:before{
background-image:url(//okura-lawjimusho.com/cms/wp-content/plugins/okura-garage-certificate/assets/images/dealer-hero-car-natural.webp)!important;
background-size:contain!important;
background-position:right bottom!important;
background-repeat:no-repeat!important;
opacity:.72!important;
mix-blend-mode:normal!important;
filter:none!important;
}
html body #ogc-app .ogc-head:after{
background:linear-gradient(90deg,rgba(5,82,61,.04) 0%,rgba(5,82,61,.12) 54%,rgba(5,82,61,.24) 100%)!important;
}
@media(max-width:760px){
html body #ogc-app .ogc-dashboard-nav{grid-template-columns:1fr!important;gap:8px!important}
html body #ogc-app .ogc-dashboard-card,
html body #ogc-app .ogc-dashboard-card:first-child,
html body #ogc-app .ogc-dashboard-card:nth-child(2),
html body #ogc-app .ogc-dashboard-card:nth-child(3){grid-column:1/-1!important;width:100%!important;grid-template-columns:44px minmax(0,1fr) 24px!important}
html body #ogc-app .ogc-dashboard-card:nth-child(2) .ogc-dashboard-copy small{display:block!important}
html body #ogc-app .ogc-dashboard-card:nth-child(2) .ogc-dashboard-copy strong{font-size:13px!important}
html body #ogc-app .ogc-head:before{right:-12px!important;bottom:18px!important;width:74vw!important;height:132px!important;opacity:.62!important;background-size:contain!important}
}
@media(max-width:640px){
html body .ogc-history-app .ogc-history-actions-detail{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
html body .ogc-history-app .ogc-history-actions-detail .ogc-history-button{grid-column:auto!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 8px!important;box-sizing:border-box!important}
html body .ogc-history-app .ogc-history-actions-detail .ogc-history-button:last-child{grid-column:auto!important}
} html body #ogc-app .ogc-head:before{
content:none!important;
display:none!important;
background-image:none!important;
}
html body #ogc-app .ogc-head:after{
background:linear-gradient(135deg,#07553f 0%,#0b6a4f 58%,#0b6049 100%)!important;
opacity:1!important;
}
@media(max-width:760px){
html body #ogc-app .ogc-dashboard-logout .ogc-logout-icon{display:none!important}
html body #ogc-app .ogc-dashboard-logout{gap:0!important}
}
@media(max-width:640px){
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
width:100%!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-action-new{
order:1!important;grid-column:1!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-action-invoice{
order:2!important;grid-column:2!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-action-back{
order:3!important;grid-column:1/-1!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-history-button{
width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 8px!important;box-sizing:border-box!important;
}
} @media (min-width:641px){
html body .ogc-history-app .ogc-history-actions-detail{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:10px!important;
width:min(540px,100%)!important;
max-width:540px!important;
align-self:center!important;
}
html body .ogc-history-app .ogc-history-actions-detail .ogc-history-button,
html body .ogc-history-app .ogc-history-actions-detail .ogc-history-button:last-child{
grid-column:auto!important;
width:100%!important;
min-width:0!important;
min-height:48px!important;
margin:0!important;
padding:11px 14px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
html body .ogc-history-app .ogc-history-actions-detail .ogc-action-back{order:1!important;grid-column:1!important}
html body .ogc-history-app .ogc-history-actions-detail .ogc-action-edit{order:2!important;grid-column:2!important}
html body .ogc-history-app .ogc-history-actions-detail .ogc-action-new{order:3!important;grid-column:1!important}
html body .ogc-history-app .ogc-history-actions-detail .ogc-action-invoice{order:4!important;grid-column:2!important}
} @media (min-width:641px){
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:10px!important;
width:min(540px,100%)!important;
max-width:540px!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-action-new{
order:1!important;
grid-column:1!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-action-invoice{
order:2!important;
grid-column:2!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-action-back{
order:3!important;
grid-column:1/-1!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-edit-mode .ogc-history-button{
width:100%!important;
min-width:0!important;
min-height:48px!important;
margin:0!important;
padding:11px 14px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
} html body #ogc-app .ogc-dashboard-footer-actions{
grid-column:1/-1!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:10px!important;
width:58%!important;
margin:5px auto 0!important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-dashboard-logout,
html body #ogc-app .ogc-dashboard-footer-actions .ogc-dashboard-clear{
width:100%!important;
min-height:43px!important;
margin:0!important;
padding:9px 12px!important;
border-radius:5px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:14px!important;
font-weight:900!important;
line-height:1.35!important;
text-decoration:none!important;
cursor:pointer!important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-dashboard-clear{
border:1px solid #bd5a5a!important;
background:#fff!important;
color:#9f2929!important;
font-family:inherit!important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-dashboard-clear:hover{
background:#fff2f2!important;
border-color:#a73737!important;
}
@media(max-width:760px){
html body #ogc-app .ogc-dashboard-footer-actions{
width:100%!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
margin-top:2px!important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-dashboard-logout,
html body #ogc-app .ogc-dashboard-footer-actions .ogc-dashboard-clear{
min-height:44px!important;
padding:8px 6px!important;
font-size:12px!important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-logout-icon{display:none!important}
} html body #ogc-app .ogc-dashboard-footer-actions{
width:100%!important;
max-width:760px!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:10px!important;
margin:8px auto 0!important;
}
html body #ogc-app .ogc-dashboard-footer-actions > *{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
@media(max-width:760px){
html body #ogc-app .ogc-dashboard-footer-actions{
width:100%!important;
max-width:none!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
}
} html body #ogc-app .ogc-dashboard-footer-actions{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:10px!important;
width:100%!important;
max-width:760px!important;
margin:8px auto 0!important;
align-items:stretch!important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-logout,
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-clear{
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:44px!important;
margin:0!important;
padding:9px 8px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
line-height:1.25!important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-logout-icon{display:none!important;}
@media(max-width:760px){
html body #ogc-app .ogc-dashboard-footer-actions{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-logout,
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-clear{
min-height:46px!important;
font-size:12px!important;
white-space:normal!important;
}
} html body #ogc-app .ogc-dashboard-footer-actions{
grid-column:1 / -1 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:10px !important;
width:100% !important;
max-width:760px !important;
margin:8px auto 0 !important;
align-items:stretch !important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-clear{
order:1 !important;
grid-column:1 !important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-logout{
order:2 !important;
grid-column:2 !important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-logout,
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-clear{
width:100% !important;
min-width:0 !important;
max-width:none !important;
min-height:46px !important;
margin:0 !important;
padding:10px 12px !important;
box-sizing:border-box !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
font-family:inherit !important;
font-size:14px !important;
font-weight:900 !important;
line-height:1.25 !important;
white-space:normal !important;
}
html body #ogc-app .ogc-dashboard-footer-actions .ogc-logout-icon{
display:none !important;
}
@media (max-width:760px){
html body #ogc-app .ogc-dashboard-footer-actions{
grid-template-columns:minmax(0,1fr) !important;
gap:8px !important;
width:100% !important;
max-width:none !important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-logout{
order:1 !important;
grid-column:1 !important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-clear{
order:2 !important;
grid-column:1 !important;
}
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-logout,
html body #ogc-app .ogc-dashboard-footer-actions > .ogc-dashboard-clear{
width:100% !important;
min-height:48px !important;
font-size:14px !important;
}
}
#ogc-ownership-upload-message {
display: block !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
white-space: normal !important;
line-height: 1.7 !important;
}
#ogc-public-utility-note.ogc-public-utility-note {
display: block !important;
margin-top: 5px !important;
color: #c62828 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.6 !important;
white-space: normal !important;
}
#ogc-public-utility-note[hidden] {
display: none !important;
} .ogc-entry-method{margin:0 0 24px;padding:22px;border:1px solid #cfe4d8;border-radius:16px;background:linear-gradient(180deg,#f8fcfa 0%,#f1f8f4 100%);box-shadow:0 8px 24px rgba(19,76,53,.06)}
.ogc-entry-method-heading{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ogc-entry-method-title{margin:0;font-size:18px;font-weight:800;line-height:1.45;color:#173f31}
.ogc-required-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:999px;background:#b42318;color:#fff;font-size:11px;font-weight:800;line-height:1.4}
.ogc-entry-method-lead{margin:0 0 16px;color:#53685f;font-size:13px;line-height:1.7}
.ogc-entry-method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ogc-entry-method-option{position:relative;display:block!important;margin:0!important;cursor:pointer!important}
.ogc-entry-method-option>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.ogc-entry-method-card{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:112px;padding:16px!important;border:2px solid #d8e8e0!important;border-radius:13px!important;background:#fff!important;box-sizing:border-box!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.ogc-entry-method-option:hover .ogc-entry-method-card{border-color:#8fc8ac!important;transform:translateY(-1px)!important}
.ogc-entry-method-option>input:focus-visible+.ogc-entry-method-card{outline:3px solid rgba(31,122,90,.22)!important;outline-offset:2px!important}
.ogc-entry-method-option>input:checked+.ogc-entry-method-card{border-color:#1f7a5a!important;background:#f3fbf7!important;box-shadow:0 0 0 3px rgba(31,122,90,.10)!important}
.ogc-entry-method-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:12px!important;background:#e8f5ee!important;color:#1f6f53!important;font-size:12px!important;font-weight:800!important;line-height:1!important}
.ogc-entry-method-option>input:checked+.ogc-entry-method-card .ogc-entry-method-icon{background:#1f7a5a!important;color:#fff!important}
.ogc-entry-method-copy{display:block!important;min-width:0!important}
.ogc-entry-method-copy strong{display:block!important;margin:1px 0 6px!important;color:#173f31!important;font-size:15px!important;line-height:1.55!important}
.ogc-entry-method-copy small{display:block!important;color:#607269!important;font-size:12px!important;line-height:1.7!important}
.ogc-applicant-upload-message{display:block;margin-top:8px;color:#9a3412}.ogc-applicant-upload-message[hidden],.ogc-dynamic-required[hidden]{display:none!important} .ogc-upload-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 24px}
.ogc-upload-guide{padding:18px;border:1px solid #cfe4d8;border-radius:14px;background:#f8fcfa;box-sizing:border-box}
.ogc-upload-guide-primary{background:#f2faf6}
.ogc-upload-guide-heading{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#173f31;font-size:15px;line-height:1.5}
.ogc-upload-guide-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#dff2e7;color:#1f6f53;font-size:11px;font-weight:900}
.ogc-upload-guide ul{margin:0;padding-left:1.3em;color:#334c42}
.ogc-upload-guide li{margin:0 0 7px;line-height:1.75}
.ogc-upload-guide li:last-child{margin-bottom:0}
.ogc-upload-guide p{margin:0;color:#334c42;line-height:1.8}
.ogc-upload-guide-alert{display:grid;gap:4px;margin-top:14px;padding:12px 13px;border-left:4px solid #d97706;border-radius:8px;background:#fff8eb;color:#68430d}
.ogc-upload-guide-alert strong{font-size:13px}
.ogc-upload-guide-alert span{font-size:12px;line-height:1.7}
@media (max-width:720px){
.ogc-entry-method{padding:17px 14px;border-radius:13px}
.ogc-entry-method-title{font-size:16px}
.ogc-entry-method-options,.ogc-upload-guides{grid-template-columns:1fr}
.ogc-entry-method-card{min-height:0;padding:14px!important}
.ogc-entry-method-icon{flex-basis:42px!important;width:42px!important;height:42px!important}
.ogc-upload-guide{padding:15px}
} #ogc-ownership-upload-guidance #ogc-applicant-upload-message.ogc-applicant-upload-message{
display:block!important;
margin-top:8px!important;
color:#16805c!important;
font-size:14px!important;
font-weight:800!important;
line-height:1.65!important;
}
#ogc-ownership-upload-guidance #ogc-applicant-upload-message.ogc-applicant-upload-message[hidden]{display:none!important}
.ogc-upload-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.ogc-upload-guide{position:relative;overflow:hidden;padding:18px 18px 17px!important;border-width:1px!important;border-style:solid!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(15,45,34,.06)!important}
.ogc-upload-guide::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
.ogc-upload-guide-green{background:#f1faf5!important;border-color:#b9dfca!important;color:#214d3a!important}
.ogc-upload-guide-green::before{background:#23845f}
.ogc-upload-guide-green .ogc-upload-guide-icon{background:#d9f0e3!important;color:#176947!important}
.ogc-upload-guide-blue{background:#f1f7fc!important;border-color:#bfd8ec!important;color:#24465f!important}
.ogc-upload-guide-blue::before{background:#347cac}
.ogc-upload-guide-blue .ogc-upload-guide-icon{background:#dcecf7!important;color:#24658f!important;font-size:9px!important}
.ogc-upload-guide-yellow{background:#fff9e9!important;border-color:#ecd79b!important;color:#644f16!important}
.ogc-upload-guide-yellow::before{background:#cf941c}
.ogc-upload-guide-yellow .ogc-upload-guide-icon{background:#f9e8b9!important;color:#8b620b!important;font-size:9px!important}
.ogc-upload-guide-red{background:#fff4f2!important;border-color:#edc6c0!important;color:#6e302b!important}
.ogc-upload-guide-red::before{background:#c94f43}
.ogc-upload-guide-red .ogc-upload-guide-icon{background:#f5ddd9!important;color:#a5352b!important;font-size:15px!important}
.ogc-upload-guide-heading{margin-bottom:10px!important}
.ogc-upload-guide-heading strong{font-size:15px!important;font-weight:800!important}
.ogc-upload-guide ul{margin:0!important;padding-left:1.35em!important}
.ogc-upload-guide li{margin-bottom:6px!important;font-size:13px!important;line-height:1.7!important}
.ogc-upload-guide p{font-size:13px!important;line-height:1.8!important}
.ogc-document-only-item{font-weight:800!important;color:#16805c!important}
@media(max-width:720px){.ogc-upload-guides{grid-template-columns:1fr!important}.ogc-upload-guide{padding:16px 15px 15px!important}} #ogc-app .ogc-upload-title{display:block;margin:0 0 14px;color:#173f31;font-size:16px;font-weight:900}
#ogc-app .ogc-upload-guides-inline{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0 0 16px!important}
#ogc-app .ogc-upload-guides-inline .ogc-upload-guide{padding:14px 15px!important;border:1px solid #b9dfca!important;border-radius:10px!important;background:#f1faf5!important;box-shadow:none!important;color:#214d3a!important}
#ogc-app .ogc-upload-guides-inline .ogc-upload-guide::before{background:#23845f!important}
#ogc-app .ogc-upload-guides-inline .ogc-upload-guide-heading{margin-bottom:8px!important;color:#176947!important}
#ogc-app .ogc-upload-guides-inline .ogc-upload-guide-heading strong{color:#176947!important;font-size:15px!important;font-weight:900!important}
#ogc-app .ogc-upload-guides-inline .ogc-upload-guide-icon{background:#d9f0e3!important;color:#176947!important;font-size:11px!important}
#ogc-app .ogc-upload-guides-inline ul{margin:0!important;padding-left:1.35em!important}
#ogc-app .ogc-upload-guides-inline li{margin-bottom:5px!important;color:#294f40!important;font-size:13px!important;line-height:1.7!important}
#ogc-app .ogc-upload-guides-inline .ogc-document-only-item{color:#176947!important;font-weight:800!important}
#ogc-app .ogc-upload-address-note{margin:11px 0 0!important;padding:10px 12px!important;border-radius:8px!important;background:#e7f5ed!important;color:#176947!important;font-size:13px!important;line-height:1.7!important}
#ogc-app .ogc-upload-address-note strong{color:#176947!important;font-weight:900!important}
#ogc-app .ogc-ownership-upload-guidance,
#ogc-app .ogc-ownership-upload-guidance strong,
#ogc-app .ogc-ownership-upload-guidance span,
#ogc-app #ogc-ownership-upload-message,
#ogc-app #ogc-applicant-upload-message,
#ogc-app #ogc-public-utility-note{color:#176947!important}
#ogc-app #ogc-applicant-upload-message{font-weight:900!important}
@media(max-width:720px){#ogc-app .ogc-upload-guides-inline .ogc-upload-guide{padding:13px 12px!important}#ogc-app .ogc-upload-guides-inline .ogc-upload-guide-heading strong{font-size:14px!important}} #ogc-app .ogc-upload-after-files{display:block!important;margin:14px 0 8px!important}
#ogc-app .ogc-upload-compact-note{display:block!important;margin:0 0 12px!important;padding:11px 13px!important;border-left:4px solid #23845f!important;border-radius:7px!important;background:#f1faf5!important;color:#285442!important;box-sizing:border-box!important}
#ogc-app .ogc-upload-compact-note strong{display:block!important;margin:0 0 4px!important;color:#176947!important;font-size:12px!important;font-weight:800!important;line-height:1.5!important}
#ogc-app .ogc-upload-compact-note span{display:block!important;font-size:11px!important;line-height:1.65!important;font-weight:500!important}
#ogc-app .ogc-upload-required-guidance{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin:0!important;padding:0 2px!important;border:0!important;background:transparent!important;box-shadow:none!important}
#ogc-app .ogc-upload-required-guidance strong{display:block!important;position:relative!important;margin:0!important;padding:0 0 0 1.1em!important;color:#187443!important;font-size:13px!important;font-weight:800!important;line-height:1.65!important}
#ogc-app .ogc-upload-required-guidance strong::before{content:"・"!important;position:absolute!important;left:0!important;top:0!important;color:#187443!important;font-weight:900!important}
#ogc-app .ogc-upload-required-guidance #ogc-applicant-upload-message{color:#187443!important;font-weight:800!important}
#ogc-app .ogc-upload-required-guidance #ogc-applicant-upload-message[hidden]{display:none!important}
#ogc-app .ogc-upload-required-guidance .ogc-public-utility-note{display:block!important;margin:0!important;padding:0 0 0 1.1em!important;color:#dc2626!important;font-size:12px!important;font-weight:800!important;line-height:1.6!important}
#ogc-app .ogc-file-help{margin-top:8px!important}
#ogc-app .ogc-file-help p{margin:2px 0!important;font-size:11px!important;line-height:1.55!important;color:#33443d!important}
@media(max-width:720px){
#ogc-app .ogc-upload-compact-note{padding:10px 11px!important}
#ogc-app .ogc-upload-compact-note strong{font-size:12px!important}
#ogc-app .ogc-upload-compact-note span,#ogc-app .ogc-file-help p{font-size:10.5px!important}
#ogc-app .ogc-upload-required-guidance strong{font-size:12px!important}
#ogc-app .ogc-upload-required-guidance .ogc-public-utility-note{font-size:11px!important}
} #ogc-app #ogc-ownership-upload-guidance .ogc-guidance-green,
#ogc-app #ogc-ownership-upload-message.ogc-guidance-green,
#ogc-app #ogc-applicant-upload-message.ogc-guidance-green{
color:#18743b!important;
}
#ogc-app #ogc-ownership-upload-guidance .ogc-guidance-red,
#ogc-app #ogc-public-utility-note.ogc-guidance-red{
color:#ff0000!important;
} #ogc-app .ogc-upload > .ogc-upload-compact-note{margin:0 0 12px!important}
#ogc-app .ogc-upload-after-files{margin:10px 0 2px!important}
#ogc-app .ogc-upload-required-guidance{margin:0 0 4px!important}
#ogc-app .ogc-file-help{margin-top:4px!important}
#ogc-app .ogc-file-help p{font-size:10px!important;line-height:1.45!important;font-weight:500!important}
@media(max-width:720px){#ogc-app .ogc-file-help p{font-size:9.5px!important}} #ogc-app .ogc-upload-guidance-top{
margin:0 0 12px!important;
padding:12px 14px!important;
border-left:4px solid #23845f!important;
border-radius:8px!important;
background:#f1faf5!important;
box-sizing:border-box!important;
}
#ogc-app .ogc-upload-guidance-top strong{
padding-left:0!important;
color:#18743b!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.65!important;
}
#ogc-app .ogc-upload-guidance-top strong::before{content:none!important;}
#ogc-app .ogc-upload-guidance-top .ogc-public-utility-note{
padding-left:0!important;
color:#ff0000!important;
font-size:12px!important;
font-weight:800!important;
line-height:1.6!important;
}
@media(max-width:720px){
#ogc-app .ogc-upload-guidance-top{padding:10px 11px!important;margin-bottom:10px!important;}
#ogc-app .ogc-upload-guidance-top strong{font-size:12px!important;}
#ogc-app .ogc-upload-guidance-top .ogc-public-utility-note{font-size:11px!important;}
} #ogc-app .ogc-upload-guidance-top #ogc-ownership-upload-message,
#ogc-app .ogc-upload-guidance-top #ogc-applicant-upload-message{
display:block!important;
margin:0!important;
padding:0!important;
color:#18743b!important;
font-family:inherit!important;
font-size:13px!important;
font-style:normal!important;
font-weight:800!important;
letter-spacing:0!important;
line-height:1.65!important;
}
#ogc-app .ogc-upload-guidance-top #ogc-applicant-upload-message:not([hidden]){
margin-top:2px!important;
}
#ogc-app #ogc-file-list{
margin:3px 0 0!important;
padding:0!important;
list-style:none!important;
}
#ogc-app #ogc-file-list li{
margin:0!important;
padding:0!important;
color:#33413b!important;
font-family:inherit!important;
font-size:10px!important;
font-style:normal!important;
font-weight:400!important;
letter-spacing:0!important;
line-height:1.45!important;
}
#ogc-app .ogc-privacy-agree{
font-weight:500!important;
}
#ogc-app .ogc-privacy-agree span{
color:#26332d!important;
font-family:inherit!important;
font-size:14px!important;
font-style:normal!important;
font-weight:500!important;
letter-spacing:0!important;
line-height:1.55!important;
}
@media(max-width:720px){
#ogc-app .ogc-upload-guidance-top #ogc-ownership-upload-message,
#ogc-app .ogc-upload-guidance-top #ogc-applicant-upload-message{font-size:12px!important;}
#ogc-app #ogc-file-list li{font-size:9.5px!important;}
#ogc-app .ogc-privacy-agree span{font-size:13px!important;}
} #ogc-app .ogc-upload-guidance-top #ogc-ownership-upload-message,
#ogc-app .ogc-upload-guidance-top #ogc-applicant-upload-message{
font-size:17px!important;
font-weight:800!important;
line-height:1.65!important;
}
#ogc-app .ogc-upload-guidance-top .ogc-public-utility-note{
font-size:13px!important;
}
#ogc-app .ogc-attachment-examples{
position:relative!important;
margin:16px 0 22px!important;
padding:18px 18px 16px!important;
border:1px solid #b9dfca!important;
border-left:5px solid #23845f!important;
border-radius:12px!important;
background:#f1faf5!important;
box-sizing:border-box!important;
color:#294f40!important;
}
#ogc-app .ogc-attachment-examples-heading{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:0 0 12px!important;
color:#176947!important;
}
#ogc-app .ogc-attachment-examples-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 30px!important;
width:30px!important;
height:30px!important;
border-radius:50%!important;
background:#d9f0e3!important;
color:#176947!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
}
#ogc-app .ogc-attachment-examples-heading strong{
color:#176947!important;
font-size:17px!important;
font-weight:900!important;
line-height:1.4!important;
}
#ogc-app .ogc-attachment-examples-subtitle{
display:block!important;
margin:0 0 8px!important;
color:#176947!important;
font-size:14px!important;
font-weight:900!important;
line-height:1.6!important;
}
#ogc-app .ogc-attachment-examples ul{
margin:0!important;
padding:0 0 0 1.35em!important;
}
#ogc-app .ogc-attachment-examples li{
margin:0 0 5px!important;
color:#294f40!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.65!important;
}
#ogc-app .ogc-attachment-examples-note{
display:block!important;
margin:13px 0 0!important;
padding:11px 12px!important;
border-radius:8px!important;
background:#e5f5ec!important;
color:#176947!important;
}
#ogc-app .ogc-attachment-examples-note strong,
#ogc-app .ogc-attachment-examples-note span{
display:block!important;
color:#176947!important;
font-size:13px!important;
line-height:1.65!important;
}
#ogc-app .ogc-attachment-examples-note strong{font-weight:900!important;}
#ogc-app .ogc-attachment-examples-note span{font-weight:600!important;}
@media(max-width:720px){
#ogc-app .ogc-upload-guidance-top #ogc-ownership-upload-message,
#ogc-app .ogc-upload-guidance-top #ogc-applicant-upload-message{font-size:15px!important;}
#ogc-app .ogc-upload-guidance-top .ogc-public-utility-note{font-size:12px!important;}
#ogc-app .ogc-attachment-examples{margin:14px 0 18px!important;padding:15px 13px 13px!important;}
#ogc-app .ogc-attachment-examples-heading{gap:8px!important;margin-bottom:10px!important;}
#ogc-app .ogc-attachment-examples-icon{flex-basis:27px!important;width:27px!important;height:27px!important;font-size:11px!important;}
#ogc-app .ogc-attachment-examples-heading strong{font-size:16px!important;}
#ogc-app .ogc-attachment-examples-subtitle{font-size:13px!important;}
#ogc-app .ogc-attachment-examples li,
#ogc-app .ogc-attachment-examples-note strong,
#ogc-app .ogc-attachment-examples-note span{font-size:12px!important;}
} html body #ogc-app #ogc-ownership-upload-guidance #ogc-ownership-upload-message,
html body #ogc-app #ogc-ownership-upload-guidance #ogc-applicant-upload-message{
color:#1F7355!important;
}
html body #ogc-app #ogc-ownership-upload-guidance #ogc-public-utility-note{
color:#A92B2B!important;
} #ogc-app .ogc-direct-mail-check>span{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
#ogc-app .ogc-direct-mail-check>span>strong{display:block!important;color:#17211d!important;font-size:16px!important;font-weight:800!important;line-height:1.55!important}
#ogc-app .ogc-direct-mail-check>span>small{display:block!important;margin:0!important;color:#52635b!important;font-size:12px!important;font-weight:500!important;line-height:1.55!important}
#ogc-app .ogc-mail-address>strong{color:#174b39!important;font-weight:900!important}
@media(max-width:720px){#ogc-app .ogc-direct-mail-check>span>strong{font-size:15px!important}#ogc-app .ogc-direct-mail-check>span>small{font-size:11.5px!important}} #ogc-app .ogc-fee-box-after-date{
margin:8px 0 10px!important;
border-left:5px solid var(--green)!important;
background:#f5f7f6!important;
}
#ogc-app .ogc-date-result{margin-top:0!important;}
@media(max-width:720px){
#ogc-app .ogc-fee-box-after-date{font-size:17px!important;padding:13px 14px!important;}
} #ogc-app .ogc-fee-box-after-date + .ogc-delivery-option{
margin:10px 0 14px!important;
} html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:10px!important;
width:min(540px,100%)!important;
max-width:540px!important;
align-self:center!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-action-new{
order:1!important;
grid-column:1!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-action-invoice{
order:2!important;
grid-column:2!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-action-back{
order:3!important;
grid-column:1/-1!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-history-button,
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-history-button:last-child{
width:100%!important;
min-width:0!important;
min-height:48px!important;
margin:0!important;
padding:11px 14px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
@media(max-width:640px){
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
width:100%!important;
max-width:none!important;
}
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-history-button,
html body .ogc-history-app .ogc-history-actions-detail.ogc-history-actions-readonly .ogc-history-button:last-child{
min-height:44px!important;
padding:9px 8px!important;
}
} #ogc-app .ogc-edit-input-mode{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0 0 18px!important;padding:14px 16px!important;border-radius:10px!important;box-sizing:border-box!important;line-height:1.65!important}
#ogc-app .ogc-edit-input-mode strong{font-size:15px!important;font-weight:900!important}
#ogc-app .ogc-edit-input-mode span{font-size:13px!important;font-weight:600!important}
#ogc-app .ogc-edit-input-mode-manual{border:1px solid #e7c77d!important;background:#fff8e8!important;color:#6f4a08!important}
#ogc-app .ogc-edit-input-mode-document{border:1px solid #b9ddca!important;background:#eef8f3!important;color:#176947!important}
@media(max-width:700px){#ogc-app .ogc-edit-input-mode{padding:12px 13px!important}#ogc-app .ogc-edit-input-mode strong{font-size:14px!important}#ogc-app .ogc-edit-input-mode span{font-size:12px!important}} .ogc-mobile-car-cursor{display:none}
@media(max-width:700px){
#ogc-app .ogc-mobile-car-cursor{
display:flex!important;
flex-direction:column;
align-items:center;
gap:8px;
margin:12px 0 14px;
padding:14px;
border:1px solid #c8d8d0;
border-radius:12px;
background:#f7faf8;
}
#ogc-app .ogc-mobile-car-cursor>p{margin:0;font-weight:800;color:#174d3c;font-size:14px}
#ogc-app .ogc-mobile-car-cursor>small{display:block;text-align:center;color:#52635b;font-size:12px;line-height:1.5}
#ogc-app .ogc-cursor-pad{
display:grid;
grid-template-columns:58px 58px 58px;
grid-template-rows:58px 58px 58px;
grid-template-areas:". up ." "left center right" ". down .";
place-items:center;
width:190px;
height:190px;
border:5px solid #14231d;
border-radius:50%;
background:#fff;
box-sizing:border-box;
touch-action:none;
user-select:none;
}
#ogc-app .ogc-cursor-btn{
width:52px!important;
height:52px!important;
min-width:52px!important;
min-height:52px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:10px!important;
background:transparent!important;
color:#111!important;
font-size:37px!important;
line-height:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:none!important;
-webkit-tap-highlight-color:transparent;
}
#ogc-app .ogc-cursor-btn:active{transform:scale(.88);background:#e8f2ed!important}
#ogc-app .ogc-cursor-up{grid-area:up}
#ogc-app .ogc-cursor-left{grid-area:left}
#ogc-app .ogc-cursor-right{grid-area:right}
#ogc-app .ogc-cursor-down{grid-area:down}
#ogc-app .ogc-cursor-center{grid-area:center;width:48px;height:48px;border-radius:50%;background:#176b51;display:block}
} @media(max-width:700px){
#ogc-app .ogc-mobile-car-cursor{
gap:3px!important;
margin:5px 0 6px!important;
padding:6px 8px!important;
border-radius:8px!important;
}
#ogc-app .ogc-mobile-car-cursor>p{
font-size:12px!important;
line-height:1.25!important;
}
#ogc-app .ogc-mobile-car-cursor>small{
font-size:10px!important;
line-height:1.2!important;
margin:0!important;
}
#ogc-app .ogc-cursor-pad{
grid-template-columns:34px 34px 34px!important;
grid-template-rows:34px 34px 34px!important;
width:112px!important;
height:112px!important;
border-width:3px!important;
}
#ogc-app .ogc-cursor-btn{
width:30px!important;
height:30px!important;
min-width:30px!important;
min-height:30px!important;
border-radius:6px!important;
font-size:22px!important;
}
#ogc-app .ogc-cursor-center{
width:27px!important;
height:27px!important;
}
#ogc-app .ogc-map-controls{
grid-template-columns:1fr!important;
gap:2px!important;
padding:6px 8px!important;
border-radius:8px!important;
}
#ogc-app .ogc-map-controls>label{
display:grid!important;
grid-template-columns:86px minmax(0,1fr) 48px!important;
align-items:center!important;
column-gap:5px!important;
row-gap:0!important;
min-height:28px!important;
margin:0!important;
padding:1px 0!important;
font-size:12px!important;
line-height:1.15!important;
}
#ogc-app .ogc-map-controls>label input[type="range"]{
width:100%!important;
height:20px!important;
margin:0!important;
padding:0!important;
}
#ogc-app .ogc-map-controls>label output{
min-width:42px!important;
margin:0!important;
font-size:12px!important;
line-height:1!important;
text-align:right!important;
}
#ogc-app .ogc-map-controls .ogc-dimension-help{
grid-column:2/4!important;
margin:-2px 0 1px!important;
font-size:9px!important;
line-height:1.05!important;
}
#ogc-app .ogc-map-actions{
margin-top:3px!important;
}
#ogc-app .ogc-map-action-spacer{
height:6px!important;
min-height:6px!important;
flex-basis:6px!important;
}
#ogc-app .ogc-map-status{
margin-top:3px!important;
padding:7px 8px!important;
font-size:11px!important;
line-height:1.35!important;
}
} .ogc-support-footer{margin:30px 0 0;padding:22px;border:1px solid #d8e8df;border-radius:18px;background:linear-gradient(180deg,#f8fcfa,#eef7f2);box-shadow:0 12px 30px rgba(15,83,61,.08)}
.ogc-support-footer-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ogc-support-card{appearance:none;width:100%;min-height:92px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #cfe2d8;border-radius:14px;background:#fff;color:#174d3d;text-decoration:none;text-align:left;cursor:pointer;box-sizing:border-box;font:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ogc-support-card:hover,.ogc-support-card:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,85,63,.12);border-color:#8dbba7;outline:none}
.ogc-support-icon{font-size:28px;line-height:1;flex:0 0 auto}
.ogc-support-card strong{display:block;font-size:16px;line-height:1.35}
.ogc-support-card small{display:block;margin-top:5px;color:#61766d;font-size:12px;line-height:1.45}
.ogc-support-copyright{text-align:center;margin:16px 0 0;color:#6b7d75;font-size:12px}
.ogc-feedback-result{margin:18px 0 0;padding:12px 15px;border-radius:10px;font-weight:700}
.ogc-feedback-result.is-success{background:#eaf8f0;color:#17613f;border:1px solid #b8dfc9}
.ogc-feedback-result.is-error{background:#fff1f1;color:#9a2525;border:1px solid #efc2c2}
.ogc-feedback-overlay{position:fixed;inset:0;z-index:100000;background:rgba(8,26,20,.58);padding:20px;overflow:auto;box-sizing:border-box}
.ogc-feedback-overlay[hidden]{display:none!important}
.ogc-feedback-dialog{position:relative;max-width:620px;margin:5vh auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.ogc-feedback-dialog h3{margin:0 38px 8px 0;color:#164f3b;font-size:23px}
.ogc-feedback-lead{margin:0 0 18px;color:#5a6d65}
.ogc-feedback-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#edf4f0;color:#285f4c;font-size:25px;cursor:pointer}
.ogc-feedback-form{display:grid;gap:14px}
.ogc-feedback-form>label,.ogc-feedback-form fieldset{display:block;margin:0;padding:0;border:0;color:#263c34;font-weight:700}
.ogc-feedback-form label>span,.ogc-feedback-form legend>span{margin-left:5px;color:#b42318;font-size:12px}
.ogc-feedback-form input[type=text],.ogc-feedback-form select,.ogc-feedback-form textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #c8d8d0;border-radius:9px;background:#fff;box-sizing:border-box;font:inherit;font-weight:400}
.ogc-feedback-radio{display:inline-flex!important;align-items:center;gap:6px;margin:8px 20px 0 0!important;font-weight:500!important}
.ogc-feedback-submit{min-height:48px;border:0;border-radius:10px;background:#176b51;color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.ogc-feedback-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.ogc-feedback-open{overflow:hidden}
@media(max-width:767px){
.ogc-support-footer{padding:14px;margin-top:22px;border-radius:14px}
.ogc-support-footer-inner{grid-template-columns:1fr;gap:9px}
.ogc-support-card{min-height:68px;padding:12px 14px}
.ogc-support-icon{font-size:24px}
.ogc-support-card strong{font-size:15px}
.ogc-feedback-overlay{padding:10px}
.ogc-feedback-dialog{margin:2vh auto;padding:20px 16px;border-radius:14px}
} html body .ogc-support-host{display:block!important;clear:both!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;visibility:visible!important;opacity:1!important}
html body .ogc-support-host .ogc-support-footer{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;margin:30px 0 0!important}
html body .ogc-support-host .ogc-support-footer-inner{display:grid!important}
@media (max-width:767px){html body .ogc-support-host .ogc-support-footer-inner{grid-template-columns:1fr!important}} html body .ogc-support-host .ogc-support-footer{
margin:32px 0 0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden!important;
}
html body .ogc-support-host .ogc-support-footer-inner{
width:min(100%,920px)!important;
margin:0 auto!important;
padding:28px 18px!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
box-sizing:border-box!important;
}
html body .ogc-support-host .ogc-support-card{
position:relative!important;
min-height:116px!important;
padding:18px 56px 18px 18px!important;
gap:16px!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
color:#165d47!important;
text-align:left!important;
transform:none!important;
}
html body .ogc-support-host .ogc-support-card+ .ogc-support-card{
border-left:1px solid #dce8e2!important;
}
html body .ogc-support-host .ogc-support-card:hover,
html body .ogc-support-host .ogc-support-card:focus-visible{
background:#f7fbf9!important;
box-shadow:none!important;
transform:none!important;
}
html body .ogc-support-host .ogc-support-icon{
width:66px!important;
height:66px!important;
flex:0 0 66px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#e9f5ef!important;
color:#147256!important;
}
html body .ogc-support-host .ogc-support-icon svg{
width:36px!important;
height:36px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.3!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
html body .ogc-support-host .ogc-support-copy{min-width:0!important}
html body .ogc-support-host .ogc-support-card strong{
display:block!important;
color:#126347!important;
font-size:18px!important;
font-weight:800!important;
line-height:1.35!important;
}
html body .ogc-support-host .ogc-support-card small{
display:block!important;
margin-top:7px!important;
color:#42554d!important;
font-size:13px!important;
line-height:1.65!important;
}
html body .ogc-support-host .ogc-support-arrow{
position:absolute!important;
right:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:30px!important;
height:30px!important;
display:grid!important;
place-items:center!important;
border:1.5px solid #16805f!important;
border-radius:50%!important;
color:#16805f!important;
font-size:27px!important;
font-family:Arial,sans-serif!important;
line-height:1!important;
}
html body .ogc-support-host .ogc-support-brand{
padding:20px 16px 22px!important;
text-align:center!important;
background:linear-gradient(180deg,#f7fbf9,#edf6f2)!important;
color:#17634b!important;
}
html body .ogc-support-host .ogc-support-brand strong{
display:block!important;
font-size:13px!important;
font-weight:700!important;
}
html body .ogc-support-host .ogc-support-brand small{
display:block!important;
margin-top:8px!important;
color:#5e6d67!important;
font-size:10px!important;
}
html body .ogc-feedback-form .ogc-feedback-submit{
width:min(100%,420px)!important;
min-height:52px!important;
margin:4px auto 0!important;
padding:12px 24px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
text-align:center!important;
}
html body .ogc-feedback-form .ogc-feedback-submit svg{
width:21px!important;
height:21px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
@media(max-width:767px){
html body .ogc-support-host .ogc-support-footer-inner{
grid-template-columns:1fr!important;
padding:12px 14px!important;
}
html body .ogc-support-host .ogc-support-card{
min-height:92px!important;
padding:14px 48px 14px 10px!important;
}
html body .ogc-support-host .ogc-support-card+ .ogc-support-card{
border-left:0!important;
border-top:1px solid #dce8e2!important;
}
html body .ogc-support-host .ogc-support-icon{
width:52px!important;
height:52px!important;
flex-basis:52px!important;
}
html body .ogc-support-host .ogc-support-icon svg{width:29px!important;height:29px!important}
html body .ogc-support-host .ogc-support-card strong{font-size:15px!important}
html body .ogc-support-host .ogc-support-card small{font-size:11px!important;margin-top:4px!important}
html body .ogc-support-host .ogc-support-arrow{right:10px!important;width:26px!important;height:26px!important;font-size:23px!important}
html body .ogc-support-host .ogc-support-brand{padding:16px 10px 18px!important}
} html body .ogc-feedback-dialog .ogc-feedback-close{
position:absolute!important;
top:12px!important;
right:14px!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
margin:0!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
line-height:0!important;
border:0!important;
border-radius:50%!important;
box-sizing:border-box!important;
background:#edf4f0!important;
color:#285f4c!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
}
html body .ogc-feedback-dialog .ogc-feedback-close svg{
display:block!important;
width:18px!important;
height:18px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
stroke:currentColor!important;
stroke-width:2.2!important;
stroke-linecap:round!important;
fill:none!important;
pointer-events:none!important;
}
html body .ogc-feedback-dialog .ogc-feedback-close:hover,
html body .ogc-feedback-dialog .ogc-feedback-close:focus-visible{
background:#dfece5!important;
color:#164f3b!important;
outline:2px solid #8ebaa8!important;
outline-offset:2px!important;
} .ogc-cal-cell:disabled,.ogc-cal-cell.disabled{pointer-events:none!important;cursor:not-allowed!important;opacity:.42!important;background:#f3f4f4!important;} .ogc-edit-locked-date{margin:18px 0;padding:16px 18px;border:1px solid #d7e7df;border-left:4px solid #176b51;border-radius:10px;background:#f7fbf9}.ogc-edit-locked-date span{display:block;color:#63736c;font-size:12px;font-weight:800}.ogc-edit-locked-date strong{display:block;margin-top:4px;color:#10231c;font-size:18px}.ogc-edit-locked-date p{margin:8px 0 0;color:#b32d2e;font-size:13px;font-weight:800;line-height:1.7}.ogc-dealer-delete-section{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px;border:1px solid #efcaca;border-radius:12px;background:#fff8f8}.ogc-dealer-delete-section strong{color:#9f1d1d;font-size:16px}.ogc-dealer-delete-section p{margin:6px 0 0;color:#6d4545;line-height:1.7}.ogc-dealer-delete-form{flex:0 0 auto}.ogc-dealer-delete-form button{min-height:44px;padding:10px 18px;border:1px solid #c93636;border-radius:9px;background:#fff;color:#b42323;font-weight:900;cursor:pointer}.ogc-dealer-delete-form button:hover{background:#b42323;color:#fff}@media(max-width:700px){.ogc-dealer-delete-section{align-items:stretch;flex-direction:column}.ogc-dealer-delete-form button{width:100%}} html body #ogc-app .ogc-copy-field-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 44px!important;
align-items:stretch!important;
column-gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
}
html body #ogc-app .ogc-copy-field-row textarea{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
html body #ogc-app button.ogc-copy-field-button{
width:44px!important;
min-width:44px!important;
height:auto!important;
min-height:44px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
align-self:stretch!important;
border:1px solid #168263!important;
border-radius:8px!important;
background:#fff!important;
color:#087052!important;
box-shadow:none!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
}
html body #ogc-app button.ogc-copy-field-button:hover,
html body #ogc-app button.ogc-copy-field-button:focus-visible{
background:#edf9f4!important;
outline:2px solid rgba(22,130,99,.24)!important;
outline-offset:1px!important;
}
html body #ogc-app button.ogc-copy-field-button svg{
display:block!important;
width:21px!important;
height:21px!important;
margin:0!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
pointer-events:none!important;
}
html body #ogc-app button.ogc-copy-field-button.is-copied{
background:#168263!important;
color:#fff!important;
}
@media(max-width:767px){
html body #ogc-app .ogc-copy-field-row{
grid-template-columns:minmax(0,1fr) 42px!important;
column-gap:6px!important;
}
html body #ogc-app button.ogc-copy-field-button{
width:42px!important;
min-width:42px!important;
}
}