:root{--navy:#0f173f;--teal:#00aba7;--green:#026632;--bg:#f5f7f9;--border:#e0e6eb;--text:#1f2937;--muted:#6b7280;--danger:#b42318}.kawops-login,.kawops-shell,.kawops-shell *{box-sizing:border-box}.kawops-login{max-width:720px;margin:40px auto;padding:20px;direction:rtl}.kawops-login-card,.kawops-panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px}.kawops-brand{display:flex;align-items:center;gap:12px}.kawops-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--teal);color:#fff;font-size:25px;font-weight:900}.kawops-brand strong,.kawops-brand small{display:block}.kawops-brand small{opacity:.7}.kawops-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:820px;background:var(--bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin:25px 0;direction:rtl;color:var(--text)}.kawops-sidebar{background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column}.kawops-sidebar .kawops-brand{padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:15px}.kawops-sidebar nav{display:flex;flex-direction:column;gap:4px}.kawops-sidebar nav a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:10px;color:#fff!important;text-decoration:none!important;opacity:.82}.kawops-sidebar nav a.active,.kawops-sidebar nav a:hover{background:rgba(0,171,167,.18);opacity:1}.kawops-sidebar nav a.active{border-right:3px solid var(--teal)}.kawops-logout{margin-top:auto;color:#fff!important;padding:14px 10px;text-decoration:none!important}.kawops-main{padding:26px;min-width:0}.kawops-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.kawops-top h1{margin:2px 0 0!important;color:var(--navy)!important}.kawops-top small{color:var(--muted)}.kawops-top>span{padding:7px 12px;border-radius:999px;background:#e8f6f2;color:var(--green);font-weight:800}.kawops-panel{margin-bottom:16px}.kawops-panel h2{margin:0 0 10px!important;color:var(--navy)!important}.kawops-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.kawops-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.kawops-stats>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px}.kawops-stats span,.kawops-stats small{display:block;color:var(--muted)}.kawops-stats strong{display:block;color:var(--navy);font-size:20px;margin-top:7px}.kawops-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kawops-quick a{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:13px;text-decoration:none!important;color:var(--navy)!important}.kawops-quick .dashicons{color:var(--teal)}.kawops-form{display:grid;gap:12px}.kawops-form label>span{display:block;margin-bottom:5px;font-size:13px;font-weight:800;color:var(--navy)}.kawops-form input,.kawops-form select,.kawops-form textarea{width:100%;border:1px solid #d5dde3;border-radius:8px;padding:10px 11px;background:#fff}.kawops-form select[multiple]{min-height:160px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.kawops-btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;padding:10px 16px;text-decoration:none!important;font-weight:800;cursor:pointer}.kawops-btn.primary{background:var(--teal)!important;color:#fff!important}.kawops-table-wrap{overflow:auto}.kawops-table{width:100%;min-width:760px;border-collapse:collapse}.kawops-table th,.kawops-table td{text-align:right;padding:11px 9px;border-bottom:1px solid #edf0f2;vertical-align:middle;font-size:14px}.kawops-table th{font-size:12px;color:var(--muted)}.kawops-product{display:flex;align-items:center;gap:8px}.kawops-product img{border-radius:7px}.inline{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.inline input{max-width:160px}.mini{border:1px solid #cfd7dd;background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer}.mini.ok{border-color:#2e9f68;color:#177447}.mini.danger{border-color:#e2a8a5;color:var(--danger)}.kawops-notice{padding:11px 13px;border-radius:9px;margin-bottom:14px}.kawops-notice.success{background:#e9f8ef;color:#176437}.kawops-notice.error{background:#fff0f0;color:#a42828}.kawops-empty{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;text-align:center;margin:25px 0}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-grid,.money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-grid>div,.money-grid>div{border:1px solid var(--border);border-radius:9px;padding:11px}.info-grid span,.money-grid span{display:block;color:var(--muted);font-size:12px}.buttons{display:flex;gap:6px;flex-wrap:wrap}.permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--border);border-radius:9px;padding:11px}.permissions label,.kawops-check{display:flex!important;align-items:center;gap:7px}.back{display:inline-block;margin-bottom:10px}.setup{border-top:3px solid var(--teal)}@media(max-width:1150px){.kawops-stats{grid-template-columns:repeat(3,1fr)}.kawops-quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.kawops-shell{grid-template-columns:220px minmax(0,1fr)}.two,.grid{grid-template-columns:1fr}}@media(max-width:680px){.kawops-shell{display:block}.kawops-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.kawops-main{padding:15px}.kawops-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.kawops-sidebar nav,.kawops-stats,.kawops-quick,.info-grid,.money-grid,.permissions{grid-template-columns:1fr}}

/* v2.1.0 - CRM / unified customers */
.kawops-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.kawops-tabs a{display:inline-flex;padding:9px 14px;border:1px solid var(--kawops-border);border-radius:999px;text-decoration:none!important;color:var(--kawops-navy)!important;background:#fff}
.kawops-tabs a.active{background:var(--kawops-navy);color:#fff!important;border-color:var(--kawops-navy)}
.kawops-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.kawops-filter input[type=search],.kawops-filter select{min-height:42px;border:1px solid #d5dde3;border-radius:9px;padding:8px 11px;background:#fff;font:inherit}
.kawops-filter input[type=search]{min-width:300px;flex:1}
.kawops-badge.good{background:#e8f8ef;color:#177447}
.kawops-badge.bad{background:#fff0f0;color:#a42828}
.kawops-timeline{display:grid;gap:10px;margin-top:14px}
.kawops-timeline>div{position:relative;border-right:3px solid #dce5e9;padding:10px 13px 10px 8px;background:#fbfcfd;border-radius:8px}
.kawops-timeline strong,.kawops-timeline small{display:block}
.kawops-timeline small{color:var(--kawops-muted);margin-top:3px;font-size:12px}
.kawops-timeline p{margin:7px 0 0!important;color:var(--kawops-text)!important}
.kaw-company-checkout{margin:20px 0;padding:16px;border:1px solid #e0e6eb;border-radius:10px;background:#fafcfd}
.kaw-company-checkout h3{margin-top:0}
@media(max-width:600px){.kawops-filter input[type=search]{min-width:100%}}

/* v2.2.0 order details + phase2 fields */
.kawops-subcard{border:1px solid var(--kawops-border);border-radius:10px;padding:14px;background:#fbfcfd}
.kawops-subcard h3{margin-top:0;color:var(--kawops-navy)}
.kawops-order-totals{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin:14px 0;padding:12px;border-radius:9px;background:#f7f9fa}
.kawops-main .kawd-phase2-fields{margin:18px 0;padding:18px;border:1px solid var(--kawops-border);border-radius:12px;background:#fbfcfd}
.kawops-main .kawd-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kawops-main .kawd-form-row label>span,.kawops-main .kawd-phase2-fields label>span{display:block;font-size:13px;font-weight:800;color:var(--kawops-navy);margin-bottom:6px}
.kawops-main .kawd-phase2-fields input,.kawops-main .kawd-phase2-fields select,.kawops-main .kawd-phase2-fields textarea{width:100%;border:1px solid #d5dde3;border-radius:9px;padding:10px;background:#fff;font:inherit}
.kawops-main .kawd-electronics-block,.kawops-main .kawd-unit-box{margin-top:14px;padding:14px;border:1px dashed #cad5dd;border-radius:10px;background:#fff}
.kawops-main .kawd-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media(max-width:700px){.kawops-main .kawd-form-row,.kawops-main .kawd-dimensions{grid-template-columns:1fr}}


/* v2.2.1 - prevent clipped text in all operational portal controls */
.kawops-shell input:not([type="checkbox"]):not([type="radio"]),
.kawops-shell select,
.kawops-shell textarea,
.kawops-shell button,
.kawops-shell .kawops-btn,
.kawops-shell .mini{
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.55!important;
    box-sizing:border-box!important;
}
.kawops-shell input:not([type="checkbox"]):not([type="radio"]),
.kawops-shell select{
    min-height:46px!important;
    height:auto!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
.kawops-shell select{padding-inline-start:12px!important;padding-inline-end:38px!important;white-space:nowrap!important}
.kawops-shell select option,.kawops-shell select optgroup{font-family:inherit!important;font-size:14px!important;line-height:1.5!important}
.kawops-shell textarea{min-height:92px!important;height:auto!important;line-height:1.65!important}
.kawops-shell button,.kawops-shell .kawops-btn,.kawops-shell .mini{min-height:42px!important;height:auto!important;padding:9px 13px!important;white-space:normal!important;overflow:visible!important}
.kawops-main .kawd-brand-picker{margin:14px 0;padding:14px;border:1px solid #dbe5ea;border-radius:10px;background:#fff}
.kawops-main .kawd-brand-picker h4{margin:0 0 5px}.kawops-main .kawd-help{margin:0 0 12px;color:var(--muted);font-size:12px}


/* v2.2.2 - category multiselect containment */
.kawops-shell .kawops-form select[multiple],
.kawops-shell select[name="categories[]"][multiple]{
    display:block!important;
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px!important;
    padding-inline-end:8px!important;
    background-image:none!important;
    appearance:auto!important;
    -webkit-appearance:listbox!important;
    white-space:normal!important;
    position:relative!important;
    z-index:1!important;
}
.kawops-shell select[multiple] option{
    display:block!important;
    white-space:normal!important;
    line-height:1.45!important;
    padding:5px 7px!important;
    min-height:28px!important;
}


/* v2.3.5 - operational portal viewport/layout isolation */
body.kaw-ops-portal-page{overflow-x:hidden!important}
body.kaw-ops-portal-page .site-content,
body.kaw-ops-portal-page .site-content>.container,
body.kaw-ops-portal-page .site-content .container,
body.kaw-ops-portal-page .content-area,
body.kaw-ops-portal-page .site-main,
body.kaw-ops-portal-page article.page,
body.kaw-ops-portal-page article.type-page,
body.kaw-ops-portal-page .entry-content,
body.kaw-ops-portal-page .page-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
}
body.kaw-ops-portal-page .content-area,
body.kaw-ops-portal-page .site-main,
body.kaw-ops-portal-page .entry-content{
    margin-left:auto!important;
    margin-right:auto!important;
}
body.kaw-ops-portal-page .site-content .widget-area{display:none!important}
body.kaw-ops-portal-page .kawops-shell{
    width:min(1180px,calc(100vw - 40px))!important;
    max-width:1180px!important;
    min-width:0!important;
    margin:24px auto!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:hidden!important;
}
body.kaw-ops-portal-page .kawops-main{min-width:0!important;overflow-x:hidden!important}
body.kaw-ops-portal-page .kawops-panel{min-width:0!important;max-width:100%!important}
@media(max-width:900px){body.kaw-ops-portal-page .kawops-shell{width:calc(100vw - 20px)!important;margin:10px auto!important}}


/* v2.3.5 - true standalone operations portal, fully detached from storefront theme layout */
html:has(body.kaw-ops-standalone-page),
body.kaw-ops-standalone-page{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    background:#f5f7f9!important;
}
body.kaw-ops-standalone-page #wpadminbar{display:none!important}
body.kaw-ops-standalone-page .kaw-ops-standalone-root{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:#f5f7f9!important;
}
body.kaw-ops-standalone-page .kawops-shell{
    width:min(1480px,calc(100vw - 24px))!important;
    max-width:1480px!important;
    min-width:0!important;
    min-height:calc(100vh - 24px)!important;
    margin:12px auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
}
body.kaw-ops-standalone-page .kawops-main{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow-x:hidden!important;
}
body.kaw-ops-standalone-page .kawops-sidebar{min-width:0!important}
body.kaw-ops-standalone-page .kawops-panel,
body.kaw-ops-standalone-page .kawops-head,
body.kaw-ops-standalone-page .kawops-top,
body.kaw-ops-standalone-page .kawops-stats{
    max-width:100%!important;
    min-width:0!important;
}
body.kaw-ops-standalone-page .kawops-table-wrap{max-width:100%!important;overflow-x:auto!important}
body.kaw-ops-standalone-page .kawops-login{min-height:100vh;display:grid;place-items:center;margin:0 auto!important}
@media(max-width:900px){
    body.kaw-ops-standalone-page .kawops-shell{width:calc(100vw - 12px)!important;margin:6px auto!important;min-height:calc(100vh - 12px)!important}
}\n\n/* v2.3.5.3 - native mouse-wheel / trackpad scrolling */
html:has(body.kaw-ops-standalone-page),
html:has(body.kaw-ops-portal-page){
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    scroll-behavior:auto!important;
}
body.kaw-ops-standalone-page,
body.kaw-ops-portal-page{
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    overflow-y:visible!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
}
body.kaw-ops-standalone-page .kaw-ops-standalone-root,
body.kaw-ops-standalone-page .kawops-shell,
body.kaw-ops-standalone-page .kawops-main,
body.kaw-ops-portal-page .kawops-shell,
body.kaw-ops-portal-page .kawops-main{
    height:auto!important;
    max-height:none!important;
    overflow-y:visible!important;
    touch-action:pan-y!important;
}
body.kaw-ops-standalone-page .kawops-table-wrap,
body.kaw-ops-portal-page .kawops-table-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
}