/* OKUDO's white facade, silver metal and charcoal wordmark. */
:root,html body{--primary:#40454b;--text:#30353a;--muted:#7a8189;--line:#dfe2e5;--company-accent:#484e55;background:#f2f3f4!important;color:#30353a!important;font-family:Arial,'Noto Sans JP','Malgun Gothic',sans-serif}
body button,body input,body select,body textarea{border-color:#d7dce1;accent-color:#50575f}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible{outline:2px solid #737d88!important;outline-offset:3px}
.mode,.notice,.parity-login-mode,#keyField{display:none!important}
body header,body .app-header{background:#fff!important;background-image:none!important;color:#34383e!important;border-bottom:1px solid #d4d9de!important;box-shadow:0 3px 12px #252d3505!important}
body header .brand,body .app-header h1{font-family:Arial,'Malgun Gothic',sans-serif!important;color:#30353a!important;font-weight:650!important;letter-spacing:.025em!important}
body .app-header #appSubtitle,body .language-select-label{color:#8a9097!important}
body .app-header select,body header select{background:#fff!important;color:#4a5159!important;border:1px solid #d9dde2!important;border-radius:7px!important}
body .giu-classic-mark{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:3px;box-sizing:border-box}
body .giu-classic-mark img{object-fit:contain!important;border-radius:0!important}
body header .brand img{border-radius:0!important;object-fit:contain}
body header .brand img{background:transparent!important;border:0!important;box-shadow:none!important}
body header .brand img{width:42px!important;height:46px!important;padding:0!important}
body .app-header .language-select{background:#fff!important;color:#59636e!important;border:1px solid #d9dfe5!important}
body #appTitle #giuClassicMark{width:48px!important;height:48px!important;flex:0 0 48px!important;padding:0!important}
body #appTitle #giuClassicMark img{width:48px!important;height:48px!important;object-fit:contain!important}
/* Administrator login and workspace */
#authScreen{background:linear-gradient(145deg,#fff 0%,#eef0f2 100%)!important}
#authScreen .auth-shell{border:1px solid #e0e3e6;border-radius:18px;box-shadow:0 24px 75px #26344312}
#authScreen .auth-visual{background:#f1f2f3 url('/company-building.jpg') center top/100% auto no-repeat!important;color:#30353a!important;align-items:flex-end}
#authScreen .auth-visual::before{inset:0;width:100%;height:100%;border-radius:0;background:linear-gradient(180deg,#ffffff00 10%,#f1f2f3ee 42%,#f1f2f3 68%)!important;filter:none}
#authScreen .auth-visual::after{display:none}
#authScreen .auth-brand-mark{background:transparent!important;border:0!important;box-shadow:none!important}
#authScreen .auth-brand-mark img{width:48px;height:48px;object-fit:contain}
#authScreen .auth-brand-name,#authScreen .auth-visual-title,#authScreen .auth-title,#authScreen label,#authScreen .brand{color:#32373d!important}
#authScreen .auth-brand-type,#authScreen .brand-small,#authScreen .auth-eyebrow{color:#9299a1!important;letter-spacing:.12em}
#authScreen .auth-visual-description,#authScreen .auth-subtitle{color:#7b838c!important}
#authScreen .auth-feature{color:#5e6770!important;border:1px solid #cdd3d9!important;background:#ffffff80!important}
#authScreen .auth-feature::before{background:#9ca5af!important;box-shadow:none!important}
#authScreen #loginSubmit{background:#414850!important;background-image:none!important;border-color:#414850!important;color:#fff!important;box-shadow:none!important}
#authScreen .admin-auth-link{background:transparent!important;color:#6c747d!important}
#authScreen input{border-color:#d7dde3!important;box-shadow:none!important}
#app{background:#f5f6f7!important;color:#343b42!important}
#app .sidebar,#app aside{background:#fff!important;border-right:1px solid #e1e4e7}
#app .sidebar .nav-group{--nav-accent:#535c65;--nav-tint:#f0f2f4;--nav-edge:#dfe3e7;border-color:#e5e8eb!important}
#app .sidebar .nav-group-title,#app .sidebar .nav-item{color:#535c65!important}
#app .heading,#app .table-wrap,#app .operation-card{border-color:#e0e4e8!important}
#app h1,#app h2,#app h3{color:#343b42!important}
#app .home-metrics>button{background:#fff!important;border:1px solid #e0e4e8!important;border-top:3px solid #adb5be!important;color:#47515b!important}
#app .home-metrics>button strong{color:#47515b!important}
#app .parity-dashboard-metrics>.parity-dashboard-stat{background:#fff!important;border:1px solid #dde2e7!important;border-top:3px solid #abb5c0!important;color:#66717e!important;box-shadow:none!important}
#app .parity-dashboard-metrics>.parity-dashboard-stat strong{color:#424f5e!important}
#app .ops-approval-section>h2{background:#f6f7f8!important;border-color:#e0e4e8!important;border-left-color:#aab3bd!important;color:#444e59!important}
#app table th{background:#edf0f3!important;color:#65707c!important}
#app summary{background:#f1f3f5!important;color:#4f5964!important;border-color:#d9dfe5!important}
#dailyWorkflow .daily-launch{background:#4c555f!important;background-image:none!important;border-color:#4c555f!important}
#dailyWorkflow .daily-work-launch{background:#4c555f!important;background-image:none!important;border-color:#4c555f!important;box-shadow:0 8px 25px #414b5618!important}
/* Customer login, registration and ordering */
body .app-shell,body.is-app-view .main-content,#loginView,#registerView{background:#f7f8f9!important;color:#353c44!important}
body #loginView .login-hero-photo{height:178px!important;background:#fff!important;border-bottom:1px solid #e2e5e8!important}
body #loginView .login-hero-image{content:url('/company-wordmark.svg')!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box;padding:20px!important}
body #loginView .login-card,body #registerView.auth-register-card{background:#fff!important;border-color:#e0e4e8!important;border-top:0!important;box-shadow:none!important}
body #loginView .login-section-title::before{height:2px;background:#aab2bb!important}
body #loginView h2,body #registerView h2,body #registerView h3,body #loginView label,body #registerView label,body #registerView .register-section-title strong{color:#3e464f!important}
body #loginView .login-section-title h2,body #registerView #registerTitle{color:#3e464f!important}
body #loginView .page-step-label,body #registerView .register-eyebrow,body #loginView .login-section-title p{color:#707b87!important}
body #loginView .login-input-wrap,body #registerView .password-wrap,body #registerView input,body #registerView textarea,body #registerView select{background:#fff!important;border:1px solid #d7dde3!important;box-shadow:none!important;color:#414b55!important}
body #loginView input{color:#414b55!important;border-color:#d7dde3!important}
body #loginView input::placeholder,body #registerView input::placeholder{color:#a1a8b0!important}
body #loginView .primary-btn,body #registerView .primary-btn{background:#444d56!important;background-image:none!important;border:1px solid #444d56!important;color:#fff!important;box-shadow:none!important;border-radius:7px!important}
body #loginView .primary-btn:disabled,body #registerView .primary-btn:disabled{background:#e0e4e8!important;color:#929ba5!important;border-color:#e0e4e8!important}
body #loginView .password-toggle,body #registerView .password-toggle{background:#eff1f4!important;color:#626d78!important}
body #loginView .text-btn,body #registerView .text-btn,body #registerView .register-back-btn{color:#717c87!important}
body #registerView .register-brand-name{color:#414a54!important}
body #registerView .register-step-number,body #registerView .register-progress-bar.is-active{background:#737f8c!important;color:#fff!important;box-shadow:none!important}
body #registerView #existingStoreSection,body #registerView #newStoreSection,body #registerView .store-preview{background:#f3f5f7!important;border-color:#dde2e7!important}
body #homeView .current-store-box,body #homeView .store-profile-card{background:#fff!important;border-color:#dce2e8!important}
body #homeView .current-store-label,body #homeView h2{color:#4d5965!important}
body #homeView .direct-logout-button{background:#f0f2f5!important;color:#6a7682!important;border-color:#d9dfe5!important}
body .order-product-list .order-product-item{background:#fff!important;border-color:#e0e4e8!important;box-shadow:0 3px 12px #303c4810!important}
body .order-product-item .order-product-image-wrap{background:#f4f6f8!important}
body .order-product-item .order-product-name,body .order-product-item .order-product-price{color:#3b4651!important}
body .order-product-item .quantity-btn,body .order-category-btn{background:#f2f4f6!important;color:#65717e!important;border-color:#dce1e7!important}
body .order-category-btn.active,body .order-product-item .add-cart-btn.ready{background:#505d6b!important;border-color:#505d6b!important;color:#fff!important}
body .cart-item,body .history-flat-date-card{border-color:#dce2e8!important;box-shadow:none!important}
body .history-date-header{background:#e9edf1!important;color:#556270!important}
body .history-flat-content,body .history-flat-content .history-product-row{background:#fff!important}
body .cart-summary{background:#e9edf1!important;background-image:none!important;color:#485563!important;border-color:#d2d9e1!important;box-shadow:none!important}
body .cart-summary .cart-summary-row.total strong,body .cart-summary .cart-summary-row.total span:last-child{color:#303e4d!important}
body #cartPage #submitOrderButton{background:#465361!important;border:1px solid #465361!important;box-shadow:none!important;color:#fff!important}
body .bottom-nav{background:#fff!important;border-color:#d8dfe6!important;box-shadow:0 -4px 18px #303c4806!important}
body .bottom-nav-btn.active,body .bottom-nav button.active{background:#e9edf2!important;color:#46576a!important}
body .cw-tabs button.active,body .store-draft-tabs button{background:#edf1f5!important;color:#536477!important;border-color:#d6dee7!important;box-shadow:none!important}
@media(max-width:640px){body #loginView .login-hero-photo{height:150px!important}body #loginView .login-hero-image{padding:15px!important}#authScreen .auth-visual{background:#f1f2f3!important}}