/* Kantinji 1.5.1 — visual layout only; no business-rule or data changes. */
/* The nested order app previously kept a second width subtraction inside the PWA. */
.kh-order-entry .ko-app{width:100%;max-width:none;margin:0;padding:0}
.kh-welcome{margin-bottom:18px}
.kh-grid-actions{margin-bottom:14px}
.kh-main>.kh-secondary{margin:0 6px 12px 0}
.kh-main>.kd-dashboard{margin-top:30px;padding-top:26px;border-top:1px solid #dce5f2}
.kh-welcome-symbol{pointer-events:none}
.ko-app .ko-product-photo{grid-column:1;grid-row:1}
.ko-app .ko-row .ko-product-image{width:100%;height:100%;object-fit:contain;grid-column:auto;grid-row:auto}
@media(min-width:1025px) and (max-width:1150px){.ko-app .ko-product-photo{grid-row:1/3;width:52px;height:64px}}
@media(max-width:1024px){
    /* Main content 100%; the ONLY outer gutter is 2% per side. Safe areas can be larger. */
    .kh-app .kh-app-shell{width:100%;max-width:none;margin:0}
    .kh-app .kh-main{width:100%;max-width:none;padding:22px 2% 130px;box-sizing:border-box;padding-left:max(2%,env(safe-area-inset-left));padding-right:max(2%,env(safe-area-inset-right))}
    .kh-app .kh-top{padding-left:max(2%,env(safe-area-inset-left));padding-right:max(2%,env(safe-area-inset-right))}
    .kh-app .kh-tabbar{width:100%;max-width:none;padding-left:max(2%,env(safe-area-inset-left));padding-right:max(2%,env(safe-area-inset-right))}
    .kh-app .kh-offline{padding-left:2%;padding-right:2%}
    .kh-main :is(.kh-order-entry,.kcrm,.kd-dashboard,.kf-account){width:100%;max-width:none;min-width:0}
    .kh-order-entry .ko-app{width:100%;max-width:none;margin:0;padding:0}
    .kv-view .kv-container{width:100%;max-width:none;padding-left:max(2%,env(safe-area-inset-left));padding-right:max(2%,env(safe-area-inset-right));box-sizing:border-box}
    .ko-app{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:2%;padding-right:2%;box-sizing:border-box}
    .ko-admin-wrap .ko-app{width:100%;margin-left:0;margin-right:0}
    .ko-layout{grid-template-columns:minmax(0,1fr);gap:18px}
    .ko-list{position:static;width:100%;max-width:none}
    .ko-app .ko-row{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;align-items:center}
    .ko-app .ko-row .ko-product-photo{grid-column:1/-1;grid-row:1;width:100%;height:clamp(175px,44vw,290px);min-height:175px;padding:12px;border:1px solid #edf1f6}
    .ko-app .ko-row .ko-product-name{grid-column:1/-1;grid-row:2;font-size:16px;line-height:1.45;padding-right:0}
    .ko-app .ko-row .ko-product-name small{font-size:11px}
    .ko-app .ko-row .ko-price{grid-column:1/-1;grid-row:3;font-size:14px;min-width:0}
    .ko-app .ko-row .ko-price small{font-size:10px}
    .ko-app .ko-row .ko-row-actions{grid-column:1/-1;grid-row:4;min-width:0;gap:8px;display:grid;grid-template-columns:66px minmax(0,1fr)}
    .ko-app .ko-row .ko-row-actions input{width:66px;font-size:16px;min-height:46px}
    .ko-app .ko-row .ko-choose{font-size:13px;min-height:46px;padding:10px 14px;background:#003490;color:#fff;border-color:#003490}
    .ko-app .ko-row .ko-favorite{left:auto;right:18px;top:18px;z-index:1;background:#fff!important;border-radius:50%;width:38px;min-height:38px!important;box-shadow:0 2px 12px #082d4720}
    .ko-mobile-summary{left:2%;right:2%;width:96%;max-width:none;box-sizing:border-box}
    .kh-order-entry .ko-mobile-summary{left:2%;right:2%;bottom:calc(80px + env(safe-area-inset-bottom));width:96%;max-width:none}
    .ko-app :is(input,select,textarea),.kh-app :is(input,select,textarea){font-size:16px}
    .kh-detail{width:100%;padding:18px 12px;min-width:0}
    .kh-detail-lines .kh-detail-line>span{max-width:100%;min-width:0}
    .kh-detail h2,.kh-order-card h3{overflow-wrap:anywhere}
    .kf-account,.kf-order-finance{padding:20px 12px}
    .kh-detail .kf-order-finance{padding:18px 10px;margin-left:0;margin-right:0}
    .kcrm-dialog,.ko-dialog,.kf-dialog{width:96vw;max-width:96vw}
    .kv-ui-managed #wpcontent{padding-left:0;padding-right:0}
    .kv-ui-managed #wpbody-content>.wrap{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:22px 2% 80px}
    .kv-ui-managed .kh-admin,.kv-ui-managed .kcrm-admin,.kv-ui-managed .ko-admin-wrap{max-width:none}
    .kh-order-entry .ko-mobile-summary{display:flex}
    .kh-order-entry .ko-mobile-summary[hidden]{display:none}
    .kd-dashboard{width:100%;max-width:none}
}
@media(max-width:600px){
    .kh-page-title{gap:8px;margin-bottom:20px}
    .kh-page-title h1{font-size:27px}
    .kh-welcome{padding:24px 20px;border-radius:20px}
    .kh-welcome h2{font-size:34px;max-width:100%;letter-spacing:-1.3px}
    .kh-grid-actions{gap:10px}
    .kh-grid-actions>a,.kh-grid-actions>button{padding:16px 13px}
    .kd-cards{grid-template-columns:minmax(0,1fr)}
    .kd-cards .kd-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:16px}
    .kd-cards .kd-card-label{grid-column:1;grid-row:1;min-height:0;font-size:12px}
    .kd-cards .kd-card-value{grid-column:2;grid-row:1/3;font-size:25px;margin:0;text-align:right}
    .kd-cards .kd-card small{grid-column:1;grid-row:2;font-size:10px}
    .kd-cards .kd-card-featured .kd-card-value{font-size:29px}
    .kd-dashboard .kd-panel,.kd-dashboard .kd-filters{width:100%;padding:16px 12px}
    .kd-date-fields input{font-size:16px}
    .kcrm-cards{grid-template-columns:minmax(0,1fr)}
    .kh-searchbar{flex-wrap:wrap}
    .kh-searchbar label{flex:1 1 130px}
    .kh-searchbar>button{width:100%}
    .kv-view .kv-product-grid{grid-template-columns:minmax(0,1fr)}
    .kv-product-card .kv-product-photo{height:clamp(185px,55vw,290px)}
    .kv-product-card h3{font-size:17px;min-height:0}
    .kv-product-card .kv-product-price{font-size:21px}
    .kv-product-card .kv-product-unit{font-size:12px}
    .kv-view .woocommerce div.product div.images,.kv-view .woocommerce div.product div.summary{width:100%;float:none}
    .ko-app .ko-inline{flex-wrap:wrap}
    .ko-app .ko-inline input{width:100%;flex-basis:65%}
    .ko-app .ko-inline button{flex-grow:1}
}
@media(max-width:360px){.ko-app .ko-row .ko-row-actions input{width:56px}.ko-app .ko-row .ko-choose{padding:10px;font-size:12px}.kd-cards .kd-card-value{font-size:23px}.kd-cards .kd-card-featured .kd-card-value{font-size:26px}.kh-top-actions{gap:7px}.kh-top img{max-width:117px}.kh-connection{font-size:10px}}
/* Stronger than the previous narrow, centered list strip; never shifts off-screen. */
@media(max-width:1024px){
 .ko-app .ko-mobile-summary:not([hidden]):not(.is-at-list){display:flex;position:fixed;align-items:center;justify-content:space-between;gap:10px;left:2%;right:2%;transform:none;width:96%;max-width:none;bottom:16px;z-index:26;background:#003490;color:#fff;padding:10px 13px;border-radius:14px;box-shadow:0 10px 28px #06213935}
 .kh-order-entry .ko-app .ko-mobile-summary:not([hidden]):not(.is-at-list){bottom:calc(80px + env(safe-area-inset-bottom))}
 .ko-app .ko-mobile-summary.is-at-list{display:none!important}
 .ko-mobile-summary strong{font-size:12px}.ko-mobile-summary small{display:block;font-size:11px;color:#e5edf2}.ko-mobile-summary button{background:#fd9d00;border:0;color:#082d47;font-size:12px!important;min-height:44px;padding:9px 12px}
}
@media(max-width:1024px){
 .kh-order-entry .ko-app .ko-mobile-summary button{background:#fd9d00;color:#082d47;border:0}
}