:root{--ks-blue:#2563eb;--ks-blue2:#eef4ff;--ks-text:#0f172a;--ks-muted:#64748b;--ks-line:#e5eaf2;--ks-bg:#f8fafc;--ks-card:#fff;--ks-green:#16a34a;--ks-amber:#f59e0b;--ks-red:#ef4444;--ks-violet:#7c3aed;--ks-shadow:0 18px 45px rgba(15,23,42,.05)}
body.ksfic-fullscreen-page{background:var(--ks-bg)!important}body.ksfic-fullscreen-page header,body.ksfic-fullscreen-page footer{display:none!important}.ksfic-app,.ksfic-app *{box-sizing:border-box}.ksfic-app{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ks-text);min-height:100vh;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);display:flex;font-size:14px;letter-spacing:-.01em}.ksfic-sidebar{width:265px;background:#fff;border-right:1px solid var(--ks-line);padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto;flex:0 0 265px}.ksfic-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.ksfic-logo{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:var(--ks-blue);display:grid;place-items:center;font-weight:900;font-size:22px}.ksfic-brand strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.04em}.ksfic-brand span{display:block;color:var(--ks-muted);font-size:12px;margin-top:2px}.ksfic-nav-section{font-size:11px;color:#64748b;letter-spacing:.08em;margin:18px 0 9px;text-transform:uppercase}.ksfic-nav{width:100%;height:43px;border:0;background:transparent;color:#334155;border-radius:8px;text-align:left;padding:0 13px;margin:3px 0;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.ksfic-nav span{width:20px;text-align:center;color:#475569;font-size:17px}.ksfic-nav:hover{background:#f5f8ff}.ksfic-nav.active{background:#eaf1ff;color:#1d4ed8}.ksfic-nav.active span{color:var(--ks-blue)}.ksfic-help-card{margin-top:34px;border:1px solid var(--ks-line);border-radius:14px;padding:16px;background:#fbfdff}.ksfic-help-card strong{font-size:14px}.ksfic-help-card p{color:var(--ks-muted);font-size:12px;line-height:1.45}.ksfic-help-card button{border:0;background:#eef4ff;color:#1d4ed8;border-radius:8px;padding:10px 12px;font-weight:700;width:100%;cursor:pointer}.ksfic-main{flex:1;padding:28px 38px 40px;min-width:0}.ksfic-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.ksfic-topbar h1{margin:0;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.045em}.ksfic-topbar p{margin:8px 0 0;color:#475569}.ksfic-actions{display:flex;align-items:center;gap:12px}.ksfic-top-search{height:42px;width:330px;border:1px solid var(--ks-line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.ksfic-top-search input{border:0;outline:0;width:100%;font-size:13px;background:transparent}.ksfic-user-chip{display:flex;align-items:center;gap:10px}.ksfic-avatar{width:36px;height:36px;border-radius:50%;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:800}.ksfic-user-chip strong{display:block;font-size:13px}.ksfic-user-chip small{display:block;color:var(--ks-muted);font-size:11px}.ksfic-btn{height:40px;border:1px solid var(--ks-line);background:#fff;border-radius:9px;padding:0 16px;color:#334155;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.03)}.ksfic-btn.primary{background:var(--ks-blue);border-color:var(--ks-blue);color:#fff;box-shadow:0 10px 20px rgba(37,99,235,.18)}.ksfic-btn.small{height:34px}.ksfic-view{display:none}.ksfic-view.active{display:block}.ksfic-dashboard-filter{display:flex;justify-content:flex-end;gap:10px;margin:-6px 0 18px}.ksfic-date-group{height:40px;border:1px solid var(--ks-line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#64748b}.ksfic-date-group span{font-size:12px}.ksfic-date-group input{border:0;background:transparent;outline:0;color:#0f172a}.ksfic-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:16px}.ksfic-kpi-card{background:#fff;border:1px solid var(--ks-line);border-radius:12px;padding:24px 20px;display:flex;align-items:center;gap:18px;min-height:112px;box-shadow:var(--ks-shadow)}.ksfic-kpi-card span{display:block;color:#334155;font-size:12px;font-weight:700}.ksfic-kpi-card strong{display:block;font-size:25px;margin-top:8px;letter-spacing:-.04em}.ksfic-kpi-card small{display:block;color:var(--ks-muted);margin-top:7px}.ksfic-kpi-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800}.ksfic-kpi-icon.blue{background:#eef4ff;color:var(--ks-blue)}.ksfic-kpi-icon.green{background:#eafaf0;color:var(--ks-green)}.ksfic-kpi-icon.amber{background:#fff6e7;color:var(--ks-amber)}.ksfic-kpi-icon.red{background:#fff0f1;color:var(--ks-red)}.ksfic-kpi-icon.violet{background:#f4efff;color:var(--ks-violet)}.ksfic-card{background:#fff;border:1px solid var(--ks-line);border-radius:13px;box-shadow:var(--ks-shadow)}.ksfic-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}.ksfic-card-head h2,.ksfic-form-card h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.03em}.ksfic-soft-btn{height:34px;border:1px solid var(--ks-line);background:#fff;border-radius:8px;color:#2563eb;font-weight:700;padding:0 12px;cursor:pointer}.ksfic-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px}.ksfic-chart-card{min-height:342px}.ksfic-line-chart{height:275px;position:relative;margin:0 24px 20px;background:repeating-linear-gradient(to bottom,transparent 0 48px,#e8edf5 49px,transparent 50px)}.ksfic-line-chart svg{position:absolute;inset:8px 0 28px;width:100%;height:220px}.ksfic-chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#64748b;font-size:12px}.ksfic-line-dot{position:absolute;width:10px;height:10px;background:#2563eb;border:2px solid #fff;border-radius:50%;z-index:2;box-shadow:0 0 0 2px #2563eb}.d1{left:8%;top:168px}.d2{left:30%;top:102px}.d3{left:55%;top:72px}.d4{left:78%;top:82px}.d5{right:0;top:26px}.ksfic-summary-card,.ksfic-activity-card{min-height:342px}.ksfic-donut-wrap{padding:20px;display:flex;align-items:center;gap:24px}.ksfic-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#2563eb 0 40%,#16a34a 40% 70%,#f59e0b 70% 86%,#7c3aed 86% 100%);position:relative}.ksfic-donut:after{content:"";position:absolute;inset:42px;background:#fff;border-radius:50%}.ksfic-donut-legend p{margin:13px 0;color:#334155}.ksfic-donut-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px}.ksfic-donut-legend .blue{background:#2563eb}.ksfic-donut-legend .green{background:#16a34a}.ksfic-donut-legend .amber{background:#f59e0b}.ksfic-activity-list{padding:8px 20px 20px}.ksfic-activity-list div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f7}.ksfic-activity-list div:last-child{border-bottom:0}.ksfic-activity-list span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.ksfic-activity-list .blue{background:#eef4ff;color:#2563eb}.ksfic-activity-list .green{background:#eafaf0;color:#16a34a}.ksfic-activity-list .amber{background:#fff6e7;color:#f59e0b}.ksfic-activity-list .red{background:#fff0f1;color:#ef4444}.ksfic-activity-list strong{font-size:13px}.ksfic-activity-list small{grid-column:2;color:var(--ks-muted);font-size:12px}.ksfic-lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.ksfic-fast-products{padding:8px 20px 20px}.ksfic-fast-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef2f7}.ksfic-fast-rank{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-weight:800}.ksfic-fast-info strong{display:block;font-size:13px}.ksfic-fast-info span,.ksfic-fast-qty span{display:block;color:var(--ks-muted);font-size:12px}.ksfic-fast-qty strong{font-size:16px}.ksfic-low-preview{padding:0 20px 20px}.ksfic-low-preview table{width:100%;border-collapse:collapse}.ksfic-low-preview th,.ksfic-low-preview td{padding:14px 0;text-align:left;border-bottom:1px solid #eef2f7;color:#334155}.ksfic-central-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px}.ksfic-tabs{display:flex;gap:8px;flex-wrap:wrap}.ksfic-tabs button{border:1px solid var(--ks-line);background:#fff;border-radius:9px;padding:9px 13px;color:#334155;font-weight:700;cursor:pointer}.ksfic-tabs button.active{background:#eaf1ff;color:#1d4ed8;border-color:#cfe0ff}.ksfic-searchline{display:flex;gap:10px;align-items:center}.ksfic-searchline select,.ksfic-searchline input{height:40px;border:1px solid var(--ks-line);border-radius:9px;background:#fff;padding:0 12px;outline:0}.ksfic-searchline input{min-width:360px}.ksfic-table-wrap{overflow:auto;padding:0 18px 18px}.ksfic-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:1020px}.ksfic-table th{background:#f8fafc;color:#64748b;text-transform:none;font-size:12px;font-weight:700;padding:13px 12px;text-align:left;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;white-space:nowrap}.ksfic-table td{padding:14px 12px;border-bottom:1px solid #eef2f7;vertical-align:middle;color:#334155;white-space:nowrap}.ksfic-table td:first-child strong{font-weight:600}.ksfic-table td small{display:block;color:#94a3b8;font-size:11px;margin-top:4px}.ksfic-blue{color:#2563eb!important;font-weight:700}.ksfic-profit{color:#16a34a}.ksfic-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.ksfic-status.green{background:#ecfdf3;color:#15803d}.ksfic-status.orange{background:#fff7ed;color:#c2410c}.ksfic-status.red{background:#fef2f2;color:#b91c1c}.ksfic-mini-btn{border:1px solid var(--ks-line);background:#fff;border-radius:8px;padding:7px 9px;font-weight:700;color:#334155;cursor:pointer;margin:2px}.ksfic-mini-btn:hover{border-color:#bdd1ff;color:#1d4ed8;background:#f8fbff}.ksfic-count{padding:0 0 10px;color:#64748b;font-weight:700}.ksfic-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px 0 0}.ksfic-page-btn{width:34px;height:34px;border:1px solid var(--ks-line);border-radius:8px;background:#fff;cursor:pointer}.ksfic-page-headline{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.ksfic-page-headline h2{margin:0;font-size:24px;letter-spacing:-.04em}.ksfic-page-headline p{margin:8px 0 0;color:#64748b}.ksfic-page-headline span{padding:0 7px;color:#94a3b8}.ksfic-add-layout{display:grid;grid-template-columns:1.45fr .88fr .86fr .92fr;gap:14px}.ksfic-form-card{padding:18px}.ksfic-form-card.wide{grid-column:auto}.ksfic-form-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.ksfic-form-card h3{grid-column:1/-1;margin-bottom:4px}.ksfic-field{display:flex;flex-direction:column;gap:8px}.ksfic-field.full{grid-column:1/-1}.ksfic-field label{font-size:12px;color:#1e293b;font-weight:600}.ksfic-field label em{color:#ef4444;font-style:normal}.ksfic-field input,.ksfic-field textarea,.ksfic-form input,.ksfic-form textarea{border:1px solid var(--ks-line);border-radius:8px;background:#fff;min-height:40px;padding:0 12px;outline:0;color:#0f172a}.ksfic-field textarea,.ksfic-form textarea{padding-top:11px;min-height:72px;resize:vertical}.ksfic-field input:focus,.ksfic-field textarea:focus,.ksfic-form input:focus,.ksfic-form textarea:focus,.ksfic-searchline input:focus{border-color:#93b5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.ksfic-upload-box{grid-column:1/-1;height:216px;border:1px dashed #b8c5d8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.ksfic-upload-box span{font-size:48px;color:#7c8799}.ksfic-upload-box p{margin:8px 0}.ksfic-upload-box button{border:1px solid var(--ks-line);background:#fff;border-radius:8px;padding:9px 14px;font-weight:700}.ksfic-upload-box small{margin-top:10px}.ksfic-toggle-row,.ksfic-status-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#334155}.ksfic-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.ksfic-form-head p{display:none}.ksfic-form{display:grid;gap:12px;padding:18px}.ksfic-movement-form{max-width:720px}.ksfic-form label{font-size:12px;font-weight:600;color:#334155}.ksfic-selected-product{border:1px solid #dbeafe;background:#f8fbff;border-radius:10px;padding:12px;color:#334155}.ksfic-product-results{position:relative;border:1px solid var(--ks-line);border-radius:10px;background:#fff;box-shadow:var(--ks-shadow);display:none;overflow:hidden}.ksfic-product-result{padding:12px;border-bottom:1px solid #eef2f7;cursor:pointer}.ksfic-product-result:hover{background:#f8fbff}.ksfic-product-result small{display:block;color:#64748b;margin-top:4px}.ksfic-history-filters{padding:18px}.ksfic-history-filters input{min-width:170px}.ksfic-toast{position:fixed;right:24px;bottom:24px;background:#0f172a;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 18px 40px rgba(15,23,42,.24);display:none;z-index:99999}.ksfic-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;z-index:99998;align-items:center;justify-content:center;padding:20px}.ksfic-modal.show{display:flex}.ksfic-modal-card{background:#fff;border-radius:16px;width:min(920px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 70px rgba(15,23,42,.25)}.ksfic-modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--ks-line)}.ksfic-modal-head h2{margin:0}.ksfic-modal-head button{border:0;background:#f1f5f9;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:20px}.ksfic-empty-fast{padding:20px;color:#64748b}.ksfic-login-box{max-width:480px;margin:60px auto;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:24px;box-shadow:var(--ks-shadow)}
@media(max-width:1450px){.ksfic-kpi-grid{grid-template-columns:repeat(3,1fr)}.ksfic-dashboard-grid{grid-template-columns:1fr 1fr}.ksfic-activity-card{grid-column:1/-1}.ksfic-add-layout{grid-template-columns:1fr 1fr}.ksfic-form-actions{grid-column:1/-1}}@media(max-width:900px){.ksfic-app{display:block}.ksfic-sidebar{position:relative;width:auto;height:auto;display:block}.ksfic-main{padding:20px}.ksfic-topbar,.ksfic-actions{display:block}.ksfic-top-search{width:100%;margin:14px 0}.ksfic-kpi-grid,.ksfic-dashboard-grid,.ksfic-lower-grid,.ksfic-add-layout{grid-template-columns:1fr}.ksfic-searchline{display:block}.ksfic-searchline input{min-width:0;width:100%;margin-top:8px}}
/* v2.4.1 focused enterprise fixes */
.ksfic-dynamic-chart{display:flex;align-items:center;justify-content:center;overflow:hidden}
.ksfic-dynamic-chart svg{position:absolute;inset:10px 0 34px;width:100%;height:220px}
.ksfic-dynamic-chart circle{fill:#2563eb;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 2px 4px rgba(37,99,235,.25))}
.ksfic-edit-form{grid-template-columns:1fr 1fr;gap:16px;padding:22px;background:linear-gradient(180deg,#fff,#fbfdff)}
.ksfic-edit-form .ksfic-field{background:#fff;border:1px solid #edf1f7;border-radius:12px;padding:12px;box-shadow:0 8px 18px rgba(15,23,42,.035)}
.ksfic-edit-form .ksfic-field.full{grid-column:1/-1}
.ksfic-edit-form .ksfic-field label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:800}
.ksfic-edit-form .ksfic-field input,.ksfic-edit-form .ksfic-field textarea{border-color:#dbe4f0;background:#fff;border-radius:10px;min-height:42px}
.ksfic-edit-form .ksfic-form-actions{grid-column:1/-1;background:transparent;border:0;box-shadow:none;padding:4px 0 0}
@media(max-width:760px){.ksfic-edit-form{grid-template-columns:1fr}.ksfic-edit-form .ksfic-field.full{grid-column:auto}}
/* v2.4.2 focused enterprise refinements */
.ksfic-field select,.ksfic-form select{border:1px solid var(--ks-line);border-radius:8px;background:#fff;min-height:40px;padding:0 12px;outline:0;color:#0f172a;width:100%}
.ksfic-field select:focus,.ksfic-form select:focus{border-color:#93b5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.ksfic-movement-shell{display:grid;gap:16px}.ksfic-movement-hero{border:1px solid var(--ks-line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--ks-shadow)}.ksfic-movement-hero.out{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)}.ksfic-movement-eyebrow{display:inline-flex;border:1px solid #cfe0ff;background:#eef4ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ksfic-movement-hero.out .ksfic-movement-eyebrow{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.ksfic-movement-hero h2{margin:12px 0 6px;font-size:28px;letter-spacing:-.045em}.ksfic-movement-hero p{margin:0;color:#64748b;max-width:680px}.ksfic-movement-icon{width:58px;height:58px;border-radius:16px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:30px;font-weight:900}.ksfic-movement-hero.out .ksfic-movement-icon{background:#fff7ed;color:#ea580c}.ksfic-movement-grid{display:grid!important;grid-template-columns:1.1fr 1fr;gap:16px;padding:0!important;max-width:none!important}.ksfic-movement-card{padding:18px}.ksfic-movement-card h3{margin:0 0 14px;font-size:16px;letter-spacing:-.03em}.ksfic-movement-card.product-card{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:12px}.ksfic-movement-card.details-card{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ksfic-movement-card.notes-card{display:flex;flex-direction:column;gap:14px}.ksfic-movement-card.notes-card textarea{min-height:154px}.ksfic-movement-submit-row{display:flex;justify-content:flex-end;gap:10px;margin-top:auto}.ksfic-selected-product{font-weight:700}.ksfic-product-results{z-index:20}.ksfic-history-filters.enterprise{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px;border-top:1px solid #f1f5f9}.ksfic-history-filter-fields{display:grid;grid-template-columns:180px 180px 180px;gap:12px;align-items:end}.ksfic-history-filter-actions{margin-left:auto;display:flex;justify-content:flex-end}.ksfic-history-filter-actions .ksfic-btn{min-width:150px}.ksfic-category-layout{display:grid;grid-template-columns:420px 1fr;gap:16px}.ksfic-category-create .ksfic-form{padding-top:0}.ksfic-category-head-icon{display:inline-grid;place-items:center;width:30px;height:30px;background:#eef4ff;color:#2563eb;border-radius:9px;margin-right:8px}.ksfic-category-list{padding:0 18px 18px}.ksfic-category-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.ksfic-category-pill{border:1px solid #e5eaf2;border-radius:14px;padding:14px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.ksfic-category-pill>span{width:36px;height:36px;border-radius:10px;background:#f8fbff;display:grid;place-items:center}.ksfic-category-pill strong{display:block;font-size:14px}.ksfic-category-pill small{display:block;color:#64748b;margin-top:3px;font-size:12px}@media(max-width:980px){.ksfic-movement-grid,.ksfic-category-layout{grid-template-columns:1fr}.ksfic-history-filters.enterprise{align-items:stretch;flex-direction:column}.ksfic-history-filter-fields{grid-template-columns:1fr}.ksfic-history-filter-actions .ksfic-btn{width:100%}}
/* v2.4.3 focused polish: compact workflow header + supplied icons */
.ksfic-nav .ksfic-nav-img{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px;overflow:hidden;border-radius:6px;background:rgba(255,255,255,.55)}
.ksfic-nav .ksfic-nav-img img{width:22px;height:22px;object-fit:contain;display:block}
.ksfic-movement-hero{min-height:74px;padding:14px 18px;border:0;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 46%,#f8fbff 100%);box-shadow:0 10px 28px rgba(37,99,235,.10)}
.ksfic-movement-hero.out{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 46%,#fffaf5 100%);box-shadow:0 10px 28px rgba(234,88,12,.10)}
.ksfic-movement-eyebrow{padding:8px 14px;font-size:12px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.ksfic-movement-hero h2,.ksfic-movement-hero p{display:none!important}
.ksfic-movement-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.68);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.ksfic-movement-icon img{width:38px;height:38px;object-fit:contain;display:block}
/* Espresso Dolce v2.4.4 focused UI correction: sidebar icons + neutral workflow header */
.ksfic-nav .ksfic-nav-img{
width:30px!important;
height:30px!important;
flex:0 0 30px!important;
border-radius:10px!important;
background:#f8fbff!important;
border:1px solid #dbeafe!important;
box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
overflow:hidden!important;
}
.ksfic-nav .ksfic-nav-img img{
width:26px!important;
height:26px!important;
object-fit:contain!important;
display:block!important;
}
.ksfic-nav.active .ksfic-nav-img{
background:#fff!important;
border-color:#bfdbfe!important;
box-shadow:0 4px 12px rgba(37,99,235,.14)!important;
}
.ksfic-movement-hero,
.ksfic-movement-hero.out{
min-height:58px!important;
padding:12px 16px!important;
border:1px solid var(--ks-line)!important;
background:#fff!important;
box-shadow:var(--ks-shadow)!important;
}
.ksfic-movement-eyebrow,
.ksfic-movement-hero.out .ksfic-movement-eyebrow{
background:#f8fbff!important;
border:1px solid #dbeafe!important;
color:#1d4ed8!important;
box-shadow:none!important;
backdrop-filter:none!important;
padding:7px 12px!important;
}
.ksfic-movement-icon{
width:42px!important;
height:42px!important;
border-radius:12px!important;
background:#f8fbff!important;
border:1px solid #dbeafe!important;
overflow:hidden!important;
box-shadow:none!important;
}
.ksfic-movement-icon img{
width:34px!important;
height:34px!important;
object-fit:contain!important;
display:block!important;
}
/* Sidebar icon visibility refinement */
.ksfic-sidebar .ksfic-nav{height:44px;padding:0 12px;gap:12px;font-size:14px;font-weight:700;color:#0f2748;}
.ksfic-sidebar .ksfic-nav .ksfic-nav-icon{width:32px;height:32px;min-width:32px;border-radius:10px;display:inline-grid;place-items:center;background:#f3f8ff;border:1px solid #dbeafe;color:#0b4fb3;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.ksfic-sidebar .ksfic-nav .ksfic-nav-icon svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.ksfic-sidebar .ksfic-nav.active .ksfic-nav-icon{background:#fff;border-color:#bfdbfe;color:#0052cc;box-shadow:0 5px 14px rgba(37,99,235,.15);}
.ksfic-sidebar .ksfic-nav:hover .ksfic-nav-icon{background:#fff;border-color:#bfdbfe;color:#0052cc;}
.ksfic-sidebar .ksfic-nav span:not(.ksfic-nav-icon){width:auto;}
/* v2.4.6 focused Stock Central table + archive action */
#ksfic-products-table .ksfic-table{min-width:1380px;table-layout:auto;}
#ksfic-products-table .ksfic-table th,
#ksfic-products-table .ksfic-table td{padding:8px 10px;vertical-align:middle;line-height:1.25;}
#ksfic-products-table .ksfic-table tbody tr{height:42px;}
#ksfic-products-table .ksfic-td-product{min-width:260px;max-width:360px;}
#ksfic-products-table .ksfic-td-product strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;}
#ksfic-products-table .ksfic-td-product small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-top:2px;color:#64748b;}
#ksfic-products-table .ksfic-td-sku{min-width:150px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ksfic-products-table .ksfic-col-product{min-width:280px;}
#ksfic-products-table .ksfic-col-sku{min-width:160px;}
#ksfic-products-table .ksfic-col-price{width:104px;white-space:normal;}
#ksfic-products-table .ksfic-col-actions{min-width:160px;}
#ksfic-products-table td:nth-child(5),
#ksfic-products-table td:nth-child(6){width:104px;white-space:nowrap;font-size:12px;}
#ksfic-products-table td:nth-child(11){white-space:nowrap;}
.ksfic-mini-btn.ksfic-icon-only,
#ksfic-products-table .ksfic-mini-btn{min-width:30px;height:30px;padding:0 8px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1;margin:0 2px;}
#ksfic-products-table .ksfic-edit-product{font-size:15px;color:#1d4ed8;background:#eef4ff;border-color:#bfdbfe;}
#ksfic-products-table .ksfic-action-in{color:#047857;background:#ecfdf5;border-color:#bbf7d0;}
#ksfic-products-table .ksfic-action-out{color:#b45309;background:#fffbeb;border-color:#fde68a;}
#ksfic-products-table .ksfic-archive-action{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe;}
#ksfic-products-table .ksfic-restore-action{color:#0369a1;background:#f0f9ff;border-color:#bae6fd;}
#ksfic-products-table .ksfic-product-history{color:#475569;background:#f8fafc;border-color:#e2e8f0;}
#ksfic-products-table .ksfic-mini-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,23,42,.10);}
#ksfic-add-product-form input[name="created_date"],
#ksfic-edit-product-form input[name="created_date_display"]{background:#f8fafc;color:#475569;}
@media(min-width:1200px){.ksfic-main{max-width:none;}.ksfic-table-wrap{overflow-x:auto;}}
/* v2.4.7 — Fast Stock Central pagination + compact enterprise table */
#ksfic-per-page{min-width:118px;}
.ksfic-count-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#475569;font-weight:700;}
.ksfic-count-bar small{color:#94a3b8;font-weight:600;}
#ksfic-products-table{min-height:360px;}
#ksfic-products-table .ksfic-table{min-width:1180px;table-layout:fixed;}
#ksfic-products-table .ksfic-table th,
#ksfic-products-table .ksfic-table td{padding-top:8px;padding-bottom:8px;line-height:1.25;}
#ksfic-products-table .ksfic-table td small{margin-top:2px;}
#ksfic-products-table .ksfic-col-product{width:260px;}
#ksfic-products-table .ksfic-col-sku{width:155px;}
#ksfic-products-table .ksfic-col-price{width:92px;}
#ksfic-products-table .ksfic-col-actions{width:154px;}
#ksfic-products-table .ksfic-td-product strong{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ksfic-products-table .ksfic-td-product small{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ksfic-products-table .ksfic-td-sku{max-width:150px;overflow:hidden;text-overflow:ellipsis;}
#ksfic-products-table .ksfic-mini-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin:1px;border-radius:7px;font-size:13px;}
#ksfic-products-table .ksfic-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 0 0;}
#ksfic-products-table .ksfic-page-btn{border:1px solid var(--ks-line);background:#fff;border-radius:8px;height:32px;padding:0 11px;font-weight:700;color:#334155;cursor:pointer;}
#ksfic-products-table .ksfic-page-btn:hover{background:#eef4ff;border-color:#bdd1ff;color:#1d4ed8;}
/* v2.4.7 styling-only alignment update */
.ksfic-table thead th{text-align:center!important;vertical-align:middle;}
.ksfic-table thead th.ksfic-col-product{text-align:center!important;}
.ksfic-table td:last-child,.ksfic-table th:last-child{text-align:center!important;}
/* Login screen and sidebar logout only */
.ksfic-login-screen,.ksfic-login-screen *{box-sizing:border-box}.ksfic-login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 18px;background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 34%),linear-gradient(135deg,#f8fbff 0%,#eef4ff 48%,#f8fafc 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a}.ksfic-login-shell{width:min(100%,440px)}.ksfic-login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.ksfic-login-logo{width:42px;height:42px;border-radius:14px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 16px 30px rgba(15,23,42,.16)}.ksfic-login-brand strong{display:block;font-size:22px;font-weight:850;letter-spacing:-.04em}.ksfic-login-brand span{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:600}.ksfic-login-box{max-width:none;margin:0;background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.96);border-radius:22px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.14);backdrop-filter:blur(12px)}.ksfic-login-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:12px;font-weight:800;padding:7px 11px;margin-bottom:14px}.ksfic-login-box h2{margin:0;color:#0f172a;font-size:28px;line-height:1.1;font-weight:850;letter-spacing:-.045em}.ksfic-login-box p{margin:10px 0 22px;color:#475569;font-size:14px;line-height:1.55}.ksfic-login-box form{margin:0}.ksfic-login-box label{display:block;margin:0 0 8px;color:#1e293b;font-size:13px;font-weight:750}.ksfic-login-box .login-username,.ksfic-login-box .login-password{margin:0 0 16px}.ksfic-login-box input[type="text"],.ksfic-login-box input[type="password"]{width:100%;height:46px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:0 14px;font-size:14px;color:#0f172a;outline:0;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:border-color .15s ease,box-shadow .15s ease}.ksfic-login-box input[type="text"]:focus,.ksfic-login-box input[type="password"]:focus{border-color:#93b5ff;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.ksfic-login-box .login-remember{display:flex;align-items:center;margin:2px 0 18px;color:#475569}.ksfic-login-box .login-remember label{display:flex;align-items:center;gap:8px;margin:0;font-weight:650;color:#475569}.ksfic-login-box input[type="checkbox"]{width:16px;height:16px;accent-color:#2563eb}.ksfic-login-box .login-submit{margin:0}.ksfic-login-box input[type="submit"]{width:100%;height:46px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 14px 26px rgba(37,99,235,.22);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ksfic-login-box input[type="submit"]:hover{background:#1d4ed8;box-shadow:0 16px 30px rgba(37,99,235,.28);transform:translateY(-1px)}.ksfic-login-note{text-align:center;margin:16px 0 0;color:#64748b;font-size:12px;font-weight:600}.ksfic-logout-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:12px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7;color:#b91c1c;text-decoration:none!important;font-weight:800;font-size:13px}.ksfic-logout-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
@media (max-width:560px){.ksfic-login-screen{padding:22px 12px}.ksfic-login-box{padding:24px 18px;border-radius:18px}.ksfic-login-box h2{font-size:24px}}
/* Starseeker logo branding fix - icon replacement only */
.ksfic-logo,.ksfic-login-logo{overflow:hidden;background:#fff!important;border:1px solid #e5eaf2;color:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important}
.ksfic-logo img,.ksfic-login-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;box-shadow:none!important}
.ksfic-logo span,.ksfic-login-logo span{display:none!important}
/* v2.5.4 — requested layout polish and fast CSS-only UI fixes */
body.ksfic-fullscreen-page{
margin:0!important;
padding:0!important;
background:#f8fafc!important;
overflow-x:hidden!important;
}
body.ksfic-fullscreen-page #wpadminbar{display:none!important;}
html:has(body.ksfic-fullscreen-page){margin-top:0!important;}
body.ksfic-fullscreen-page header,
body.ksfic-fullscreen-page footer,
body.ksfic-fullscreen-page .site-header,
body.ksfic-fullscreen-page .site-footer,
body.ksfic-fullscreen-page #masthead,
body.ksfic-fullscreen-page #colophon,
body.ksfic-fullscreen-page .header,
body.ksfic-fullscreen-page .footer,
body.ksfic-fullscreen-page .elementor-location-header,
body.ksfic-fullscreen-page .elementor-location-footer,
body.ksfic-fullscreen-page .wp-site-blocks > header,
body.ksfic-fullscreen-page .wp-site-blocks > footer{
display:none!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
body.ksfic-fullscreen-page .entry-header,
body.ksfic-fullscreen-page .page-header,
body.ksfic-fullscreen-page .entry-title,
body.ksfic-fullscreen-page .post-title{
display:none!important;
}
body.ksfic-fullscreen-page .site,
body.ksfic-fullscreen-page .site-content,
body.ksfic-fullscreen-page .content-area,
body.ksfic-fullscreen-page .entry-content,
body.ksfic-fullscreen-page main,
body.ksfic-fullscreen-page article,
body.ksfic-fullscreen-page .wp-site-blocks{
margin:0!important;
padding:0!important;
max-width:none!important;
width:100%!important;
}
body.ksfic-fullscreen-page #ksfic-app.ksfic-app{
width:min(1880px, calc(100vw - 40px))!important;
min-height:calc(100vh - 40px)!important;
margin:20px auto!important;
border:1px solid #e5eaf2!important;
border-radius:18px!important;
overflow:hidden!important;
box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
}
body.ksfic-fullscreen-page .ksfic-sidebar{
top:20px!important;
height:calc(100vh - 40px)!important;
}
#ksfic-products-table .ksfic-table th:nth-child(6),
#ksfic-products-table .ksfic-table th:nth-child(7),
#ksfic-products-table .ksfic-table th:nth-child(8),
#ksfic-products-table .ksfic-table td:nth-child(6),
#ksfic-products-table .ksfic-table td:nth-child(7),
#ksfic-products-table .ksfic-table td:nth-child(8){
text-align:center!important;
vertical-align:middle!important;
}
#ksfic-products-table .ksfic-table td:nth-child(6) strong{
display:inline-block!important;
min-width:32px!important;
text-align:center!important;
}
#ksfic-products-table .ksfic-table td:nth-child(8) .ksfic-status{
justify-content:center!important;
min-width:76px!important;
}
#ksfic-products-table .ksfic-pagination{
justify-content:center!important;
align-items:center!important;
gap:10px!important;
flex-wrap:wrap!important;
padding:18px 0 2px!important;
}
#ksfic-products-table .ksfic-pagination span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:34px!important;
padding:0 14px!important;
border:1px solid #e5eaf2!important;
border-radius:999px!important;
background:#f8fafc!important;
color:#475569!important;
font-size:13px!important;
font-weight:800!important;
line-height:1!important;
}
#ksfic-products-table .ksfic-page-btn{
width:auto!important;
min-width:86px!important;
height:36px!important;
padding:0 14px!important;
border-radius:10px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
line-height:1!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-products-table .ksfic-page-btn:hover{
transform:translateY(-1px)!important;
box-shadow:0 8px 18px rgba(37,99,235,.13)!important;
}
.ksfic-modal{
padding:24px!important;
backdrop-filter:blur(3px)!important;
}
.ksfic-modal-card{
width:min(900px, calc(100vw - 48px))!important;
max-height:calc(100vh - 72px)!important;
border:1px solid #e5eaf2!important;
border-radius:18px!important;
overflow:hidden!important;
}
.ksfic-modal-card form{
max-height:calc(100vh - 150px)!important;
overflow:auto!important;
}
.ksfic-modal-head{
position:sticky!important;
top:0!important;
z-index:2!important;
background:#fff!important;
padding:16px 18px!important;
}
.ksfic-modal-head h2{
font-size:18px!important;
font-weight:850!important;
letter-spacing:-.035em!important;
}
.ksfic-modal-head button,
#ksfic-edit-close{
width:38px!important;
height:38px!important;
min-width:38px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #e2e8f0!important;
border-radius:11px!important;
background:#f8fafc!important;
color:#0f172a!important;
font-size:24px!important;
font-weight:700!important;
line-height:1!important;
padding:0!important;
box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
.ksfic-modal-head button:hover,
#ksfic-edit-close:hover{
background:#fff1f2!important;
border-color:#fecdd3!important;
color:#be123c!important;
transform:translateY(-1px)!important;
}
@media(max-width:900px){
body.ksfic-fullscreen-page #ksfic-app.ksfic-app{width:calc(100vw - 20px)!important;margin:10px auto!important;border-radius:14px!important;}
body.ksfic-fullscreen-page .ksfic-sidebar{top:0!important;height:auto!important;}
}
/* v2.5.5 Woo description + hierarchy pickers */
.ksfic-tree-picker{width:100%;border:1px solid #dbe4f0;border-radius:14px;background:#fff;min-height:54px;max-height:260px;overflow:auto;padding:8px;box-shadow:inset 0 1px 2px rgba(15,23,42,.03)}
.ksfic-tree-picker.compact{max-height:190px}
.ksfic-tree-list{display:grid;gap:6px}
.ksfic-tree-option{width:100%;border:1px solid transparent;background:#f8fafc;border-radius:10px;min-height:38px;padding:8px 10px 8px calc(10px + (var(--depth,0) * 18px));display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:#0f172a;font-weight:750;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}
.ksfic-tree-option:before{content:"";width:7px;height:7px;border-radius:999px;background:#cbd5e1;flex:0 0 auto}
.ksfic-tree-option span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ksfic-tree-option small{font-size:10px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:3px 7px;font-weight:800}
.ksfic-tree-option:hover{background:#eef4ff;border-color:#bfdbfe}
.ksfic-tree-option.active{background:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:0 10px 20px rgba(37,99,235,.18)}
.ksfic-tree-option.active:before{background:#fff}
.ksfic-tree-option.active small{color:#1d4ed8;border-color:#dbeafe;background:#fff}
.ksfic-tree-loading,.ksfic-tree-empty{padding:12px;color:#64748b;font-weight:650;font-size:13px}
.ksfic-edit-form textarea[name="wc_description"],#ksfic-add-product-form textarea[name="wc_description"]{min-height:120px}
/* v2.5.6 checkbox Woo term picker */
.ksfic-checktree-toolbar{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 10px;border-bottom:1px solid #eef2f7;margin-bottom:8px}
.ksfic-checktree-toolbar span{font-size:12px;color:#64748b;font-weight:700}
.ksfic-clear-tree{border:1px solid #dbe4f0;background:#fff;border-radius:8px;height:28px;padding:0 10px;color:#2563eb;font-weight:800;cursor:pointer;font-size:12px}
.ksfic-clear-tree:hover{background:#eef4ff;border-color:#bfdbfe}
.ksfic-checktree-list{display:grid;gap:5px;padding:2px}
.ksfic-checktree-row{display:flex!important;align-items:center;gap:9px;min-height:36px;padding:7px 10px 7px calc(10px + (var(--depth,0) * 18px));border:1px solid transparent;border-radius:10px;background:#f8fafc;color:#0f172a;font-weight:700;cursor:pointer;line-height:1.2}
.ksfic-checktree-row:hover{background:#eef4ff;border-color:#bfdbfe}
.ksfic-checktree-row input{width:16px!important;height:16px!important;margin:0!important;accent-color:#2563eb;flex:0 0 auto}
.ksfic-checktree-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ksfic-checktree-row em{font-style:normal;font-size:10px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:3px 7px;font-weight:800;white-space:nowrap}
.ksfic-tree-picker{max-height:300px}
.ksfic-tree-picker.compact{max-height:240px}
/* v2.5.7 Shopify-style product editor and enterprise add-item layout */
.ksfic-shopify-layout{display:grid!important;grid-template-columns:minmax(460px,1.35fr) minmax(300px,.85fr) minmax(300px,.85fr)!important;gap:18px!important;align-items:start!important}.ksfic-shopify-layout .ksfic-main-card{grid-row:span 2}.ksfic-shopify-layout .ksfic-form-actions{grid-column:1/-1;position:sticky;bottom:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;justify-content:flex-end;z-index:4}.ksfic-form-card{border-radius:16px!important}.ksfic-form-card h3{padding-bottom:12px;border-bottom:1px solid #eef2f7;margin-bottom:14px!important}.ksfic-tall-textarea{min-height:260px!important}.ksfic-edit-shopify-layout{display:grid!important;grid-template-columns:minmax(420px,1.4fr) minmax(290px,.8fr) minmax(290px,.8fr)!important;gap:16px!important;align-items:start!important;padding:18px!important;background:#f8fafc}.ksfic-edit-shopify-layout>.ksfic-card{box-shadow:0 1px 2px rgba(15,23,42,.05)!important}.ksfic-edit-main-card{min-height:520px}.ksfic-edit-side-stack{display:flex;flex-direction:column;gap:16px}.ksfic-edit-shopify-layout .ksfic-form-actions{grid-column:1/-1;position:sticky;bottom:0;background:rgba(248,250,252,.95);backdrop-filter:blur(8px);border-top:1px solid #e2e8f0;padding:14px 4px 2px!important;justify-content:flex-end}.ksfic-modal-card{width:min(1480px,96vw)!important;max-height:92vh!important;overflow:auto!important;background:#f8fafc!important}.ksfic-tree-picker.compact{max-height:230px!important;background:#fff!important;border-radius:12px!important}.ksfic-checktree-list{max-height:190px!important;overflow:auto!important}.ksfic-checktree-row{border-radius:10px!important;margin:3px 0!important;padding:8px 10px 8px calc(10px + (var(--depth,0) * 18px))!important}.ksfic-checktree-row:hover{background:#f8fbff!important}.ksfic-checktree-row input{width:16px!important;height:16px!important;accent-color:#2563eb}.ksfic-field input[name="tags"]{background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="%2364748b" stroke-width="2"%3E%3Cpath d="M20.59 13.41 11 3.83A2 2 0 0 0 9.59 3H4a1 1 0 0 0-1 1v5.59A2 2 0 0 0 3.59 11l9.59 9.59a2 2 0 0 0 2.82 0l4.59-4.59a2 2 0 0 0 0-2.82Z"/%3E%3Ccircle cx="7.5" cy="7.5" r=".5"/%3E%3C/svg%3E') no-repeat 12px center!important;padding-left:36px!important}.ksfic-add-layout .ksfic-card,.ksfic-edit-shopify-layout .ksfic-card{transition:box-shadow .15s ease,transform .15s ease}.ksfic-add-layout .ksfic-card:hover,.ksfic-edit-shopify-layout .ksfic-card:hover{box-shadow:0 14px 34px rgba(15,23,42,.08)!important}@media(max-width:1180px){.ksfic-shopify-layout,.ksfic-edit-shopify-layout{grid-template-columns:1fr 1fr!important}.ksfic-shopify-layout .ksfic-main-card,.ksfic-edit-main-card{grid-column:1/-1}.ksfic-shopify-layout .ksfic-main-card{grid-row:auto}}@media(max-width:760px){.ksfic-shopify-layout,.ksfic-edit-shopify-layout{grid-template-columns:1fr!important}.ksfic-modal-card{width:98vw!important}.ksfic-tall-textarea{min-height:180px!important}}
/* v2.5.8 Add Item enterprise rebuild + tax fields + thumbnails */
.ksfic-add-enterprise-layout{display:grid!important;grid-template-columns:minmax(420px,1.25fr) minmax(300px,.9fr) minmax(300px,.9fr)!important;gap:18px!important;align-items:start!important}.ksfic-add-enterprise-layout .ksfic-add-hero{grid-row:span 2}.ksfic-add-enterprise-layout .ksfic-form-actions{grid-column:1/-1;position:sticky;bottom:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;justify-content:flex-end;z-index:4}.ksfic-add-enterprise-layout .ksfic-card{border-radius:16px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.ksfic-add-enterprise-layout .ksfic-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.07)!important}.ksfic-add-enterprise-layout .ksfic-tall-textarea{min-height:220px!important}.ksfic-field select,.ksfic-form select{border:1px solid var(--ks-line);border-radius:8px;background:#fff;min-height:40px;padding:0 12px;outline:0;color:#0f172a;width:100%}.ksfic-field select:focus,.ksfic-form select:focus{border-color:#93b5ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.ksfic-product-cell{display:flex;align-items:center;gap:10px;min-width:0}.ksfic-product-thumb{width:38px;height:38px;border-radius:9px;object-fit:cover;border:1px solid #e2e8f0;background:#f8fafc;flex:0 0 38px}.ksfic-product-thumb.placeholder{display:grid;place-items:center;color:#94a3b8;font-size:15px}.ksfic-product-cell>div{min-width:0}@media(max-width:1180px){.ksfic-add-enterprise-layout{grid-template-columns:1fr 1fr!important}.ksfic-add-enterprise-layout .ksfic-add-hero{grid-column:1/-1;grid-row:auto}}@media(max-width:760px){.ksfic-add-enterprise-layout{grid-template-columns:1fr!important}.ksfic-add-enterprise-layout .ksfic-form-actions{position:static}}
/* v2.5.9 rebuilt Add Item screen: clean two-column layout + product image */
.ksfic-add-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 14px!important}
.ksfic-add-two-col-layout{display:grid!important;grid-template-columns:minmax(560px,1.35fr) minmax(340px,.65fr)!important;gap:18px!important;align-items:start!important}
.ksfic-add-left-col,.ksfic-add-right-col{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important}
.ksfic-add-two-col-layout .ksfic-card{border-radius:16px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
.ksfic-add-two-col-layout .ksfic-card:hover{box-shadow:0 10px 26px rgba(15,23,42,.06)!important}
.ksfic-add-two-col-layout .ksfic-form-actions{grid-column:1/-1;position:sticky;bottom:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;justify-content:flex-end;z-index:4}
.ksfic-add-two-col-layout .ksfic-tall-textarea{min-height:210px!important}
.ksfic-media-upload{min-height:260px!important;padding:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;cursor:pointer!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px dashed #cbd5e1!important;border-radius:14px!important}
.ksfic-media-upload:hover{border-color:#93b5ff!important;background:#f8fbff!important}
.ksfic-image-preview{width:132px;height:132px;border-radius:16px;background:#eef4ff;border:1px solid #dbeafe;display:grid;place-items:center;overflow:hidden;color:#2563eb;font-size:34px;font-weight:900}
.ksfic-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.ksfic-media-upload p{margin:4px 0 0!important;color:#0f172a!important;font-weight:800!important}
.ksfic-media-upload small{color:#64748b!important;line-height:1.35!important;max-width:260px!important}
@media(max-width:1100px){.ksfic-add-two-col-layout{grid-template-columns:1fr!important}.ksfic-add-two-col-layout .ksfic-form-actions{position:static!important}}
/* v2.6.0 Stock Central polish: fast CSS-only filters + clear search */
.ksfic-central-toolbar{align-items:flex-start;gap:14px;flex-wrap:wrap}
.ksfic-tabs{gap:7px;background:#f8fafc;border:1px solid #e5eaf2;border-radius:14px;padding:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.ksfic-tabs button{height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;border-radius:10px;padding:0 12px;color:#475569;font-weight:800;font-size:12px;letter-spacing:-.01em;box-shadow:none;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}
.ksfic-tabs button:hover{background:#fff;border-color:#dbe4f0;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.ksfic-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 7px 16px rgba(15,23,42,.14)}
.ksfic-filter-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:#94a3b8;box-shadow:0 0 0 2px rgba(148,163,184,.14)}
.ksfic-filter-dot.all{background:#2563eb}.ksfic-filter-dot.green{background:#16a34a}.ksfic-filter-dot.amber{background:#f59e0b}.ksfic-filter-dot.red{background:#ef4444}.ksfic-filter-dot.slate{background:#64748b}.ksfic-filter-dot.violet{background:#7c3aed}
.ksfic-tabs button.active .ksfic-filter-dot{box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.ksfic-searchline{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ksfic-search-wrap{position:relative;display:flex;align-items:center}
.ksfic-searchline .ksfic-search-wrap input{min-width:360px;width:360px;padding-right:42px}
.ksfic-clear-search{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:8px;background:#eef2f7;color:#475569;font-size:20px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;font-weight:700}
.ksfic-clear-search.is-visible{display:flex}
.ksfic-clear-search:hover{background:#e2e8f0;color:#0f172a}
@media(max-width:900px){.ksfic-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.ksfic-searchline{width:100%;justify-content:stretch}.ksfic-searchline select,.ksfic-search-wrap,.ksfic-searchline .ksfic-search-wrap input{width:100%;min-width:0}}
/* v2.6.1 edit popup same two-column layout + centered gross profit */
.ksfic-edit-same-layout{padding:18px!important;background:#f8fafc!important;gap:18px!important;align-items:start!important}
.ksfic-edit-same-layout .ksfic-form-actions{position:sticky;bottom:0;background:rgba(248,250,252,.96);backdrop-filter:blur(8px);border-top:1px solid #e2e8f0;padding:14px 4px 2px!important;z-index:5}
.ksfic-edit-same-layout .ksfic-add-left-col,.ksfic-edit-same-layout .ksfic-add-right-col{min-width:0}
.ksfic-edit-same-layout .ksfic-upload-box{height:220px;cursor:pointer}
.ksfic-col-gross,.ksfic-td-gross{text-align:center!important}
.ksfic-td-gross{font-weight:800}
/* v2.6.4 edit image preview reliability */
#ksfic-edit-image-preview.has-image{background:#fff!important;border-color:#cbd5e1!important}
#ksfic-edit-image-preview img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#ksfic-edit-image-box{cursor:pointer}
/* v2.6.5 stronger edit image preview + Woo brand edit preload */
#ksfic-edit-image-box{min-height:260px!important;padding:18px!important;gap:10px!important;}
#ksfic-edit-image-preview.ksfic-image-preview{width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#eef4ff!important;}
#ksfic-edit-image-preview.has-image{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important;}
#ksfic-edit-image-preview img,#ksfic-edit-image-preview .ksfic-preview-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border:0!important;border-radius:14px!important;margin:0!important;padding:0!important;background:#fff!important;}
#ksfic-edit-image-preview span{line-height:1!important;}
/* v2.6.6 image upload card polish - add item + edit popup */
#ksfic-add-image-box.ksfic-media-upload,
#ksfic-edit-image-box.ksfic-media-upload{
min-height:230px!important;
height:auto!important;
padding:16px 18px!important;
gap:9px!important;
justify-content:center!important;
overflow:visible!important;
border-radius:16px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
}
#ksfic-add-image-preview.ksfic-image-preview,
#ksfic-edit-image-preview.ksfic-image-preview{
width:112px!important;
height:112px!important;
min-width:112px!important;
min-height:112px!important;
max-width:112px!important;
max-height:112px!important;
border-radius:15px!important;
margin:0 auto 4px!important;
background:#f8fafc!important;
border:1px solid #cbd5e1!important;
box-shadow:0 6px 16px rgba(15,23,42,.07)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
}
#ksfic-add-image-preview.ksfic-image-preview img,
#ksfic-edit-image-preview.ksfic-image-preview img,
#ksfic-edit-image-preview .ksfic-preview-img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
display:block!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:13px!important;
background:#fff!important;
}
#ksfic-add-image-box.ksfic-media-upload p,
#ksfic-edit-image-box.ksfic-media-upload p{
margin:6px 0 2px!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.25!important;
color:#0f172a!important;
}
#ksfic-select-product-image,
#ksfic-select-edit-product-image,
#ksfic-clear-product-image,
#ksfic-clear-edit-product-image{
min-width:122px!important;
height:38px!important;
padding:0 15px!important;
border-radius:10px!important;
border:1px solid #d8e0ea!important;
background:#ffffff!important;
color:#1d4ed8!important;
font-size:13px!important;
font-weight:800!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
margin:2px auto!important;
line-height:1!important;
}
#ksfic-clear-product-image,
#ksfic-clear-edit-product-image{
color:#334155!important;
background:#f8fafc!important;
}
#ksfic-select-product-image:hover,
#ksfic-select-edit-product-image:hover,
#ksfic-clear-product-image:hover,
#ksfic-clear-edit-product-image:hover{
border-color:#93b5ff!important;
background:#f8fbff!important;
transform:translateY(-1px);
}
#ksfic-add-image-box.ksfic-media-upload small,
#ksfic-edit-image-box.ksfic-media-upload small{
display:block!important;
margin:5px auto 0!important;
max-width:280px!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.35!important;
text-align:center!important;
position:static!important;
}
/* v2.6.7 image button cleanup - add item + edit popup */
#ksfic-add-image-box.ksfic-media-upload small,
#ksfic-edit-image-box.ksfic-media-upload small{display:none!important;}
.ksfic-image-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:4px!important;}
#ksfic-select-product-image,
#ksfic-select-edit-product-image,
#ksfic-clear-product-image,
#ksfic-clear-edit-product-image{
min-width:118px!important;
height:38px!important;
padding:0 16px!important;
border-radius:10px!important;
border:1px solid #d8e0ea!important;
background:#fff!important;
color:#1d4ed8!important;
font-size:13px!important;
font-weight:800!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
margin:0!important;
line-height:1!important;
}
#ksfic-clear-product-image,
#ksfic-clear-edit-product-image{color:#1d4ed8!important;background:#fff!important;}
#ksfic-select-product-image:hover,
#ksfic-select-edit-product-image:hover,
#ksfic-clear-product-image:hover,
#ksfic-clear-edit-product-image:hover{
border-color:#93b5ff!important;
background:#f8fbff!important;
transform:translateY(-1px);
}
/* Purchase Order UI - clean purchasing layout */
.ksfic-po-screen{padding-bottom:32px!important;}
.ksfic-po-page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0 0 34px!important;}
.ksfic-po-page-head h1{margin:6px 0 0!important;font-size:32px!important;line-height:1.15!important;font-weight:900!important;color:#111827!important;letter-spacing:-.02em!important;}
.ksfic-page-kicker{display:block!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:13px!important;font-weight:900!important;color:#0061b5!important;}
.ksfic-po-filter-card{margin-bottom:16px!important;padding:18px 20px!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;}
.ksfic-po-filter-card .ksfic-dashboard-filter{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;justify-content:flex-start!important;}
.ksfic-po-table-card{padding:22px!important;border-radius:14px!important;}
.ksfic-po-table-card .ksfic-table-wrap,.ksfic-po-items-card .ksfic-table-wrap{border-radius:14px!important;overflow:auto!important;border:1px solid #dbe5f0!important;background:#fff!important;}
.ksfic-po-table-card .ksfic-table,.ksfic-po-items-table{min-width:1120px!important;border-collapse:separate!important;border-spacing:0!important;}
.ksfic-po-table-card .ksfic-table th,.ksfic-po-items-table th{background:#f8fafc!important;color:#0f2343!important;font-size:12px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.01em!important;border-bottom:1px solid #c7d2df!important;padding:16px 14px!important;}
.ksfic-po-table-card .ksfic-table td,.ksfic-po-items-table td{padding:15px 14px!important;border-bottom:0!important;color:#24364b!important;font-size:13px!important;vertical-align:middle!important;}
.ksfic-po-table-card .ksfic-table tbody tr:nth-child(odd),.ksfic-po-items-table tbody tr:nth-child(odd){background:#f6f6f6!important;}
.ksfic-po-table-card .ksfic-table tbody tr:nth-child(even),.ksfic-po-items-table tbody tr:nth-child(even){background:#fff!important;}
.ksfic-po-details-card,.ksfic-po-items-card{border-radius:14px!important;padding:24px!important;margin-bottom:16px!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;}
.ksfic-po-details-card h2,.ksfic-po-items-card h2{font-size:22px!important;margin:0 0 18px!important;font-weight:900!important;color:#111827!important;}
.ksfic-po-details-grid{grid-template-columns:repeat(6,minmax(150px,1fr))!important;gap:16px!important;align-items:end!important;}
.ksfic-po-details-grid .ksfic-field label{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important;color:#0f2343!important;margin-bottom:8px!important;}
.ksfic-po-details-grid input,.ksfic-po-details-grid select{height:46px!important;border:1px solid #cbd7e6!important;border-radius:10px!important;background:#fff!important;font-size:14px!important;}
.ksfic-po-items-card .ksfic-card-head{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:16px!important;margin-bottom:18px!important;}
.ksfic-po-help{margin:0!important;text-align:center!important;color:#50627a!important;font-size:13px!important;}
.ksfic-po-actions{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;}
.ksfic-po-items-table input,.ksfic-po-items-table select{height:36px!important;min-width:88px!important;border:1px solid #cbd7e6!important;border-radius:8px!important;background:#fff!important;font-size:13px!important;}
.ksfic-po-items-table .po-item-name{min-width:210px!important;}
.ksfic-po-items-table .ksfic-po-product-search{width:210px!important;min-width:210px!important;margin-bottom:6px!important;}
.ksfic-po-note{margin:14px 0 0!important;color:#4b5d73!important;font-size:13px!important;}
.ksfic-po-screen .ksfic-btn{border-radius:10px!important;font-weight:800!important;}
.ksfic-po-screen .ksfic-btn.primary{background:#2478b8!important;color:#fff!important;border-color:#2478b8!important;}
.ksfic-po-screen .ksfic-mini-btn{border:1px solid #006fc9!important;color:#006fc9!important;background:#fff!important;border-radius:10px!important;padding:6px 10px!important;font-weight:700!important;}
.ksfic-po-screen .ksfic-status{border-radius:999px!important;padding:8px 12px!important;font-weight:900!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
@media (max-width:1350px){.ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}.ksfic-po-items-card .ksfic-card-head{grid-template-columns:1fr!important}.ksfic-po-help{text-align:left!important}.ksfic-po-actions{justify-content:flex-start!important}}
/* v2.7.1 Purchase Order editor - enterprise layout polish and fast paint overrides */
.ksfic-po-screen{
--po-blue:#2378b8;
--po-blue-dark:#145f99;
--po-border:#d8e2ef;
--po-border-strong:#c5d3e4;
--po-text:#0f172a;
--po-muted:#50627a;
--po-bg:#f3f6fa;
--po-card:#ffffff;
background:linear-gradient(180deg,#f5f7fb 0%,#eef3f8 100%)!important;
padding:0 8px 40px!important;
color:var(--po-text)!important;
contain:layout paint style!important;
}
.ksfic-po-screen *{box-sizing:border-box!important;}
.ksfic-po-page-head{
margin:0 0 34px!important;
padding:0 2px!important;
min-height:60px!important;
align-items:flex-start!important;
}
.ksfic-po-page-head h1{
font-size:31px!important;
font-weight:900!important;
letter-spacing:-.035em!important;
color:#0b1220!important;
}
.ksfic-page-kicker{
color:#0064b7!important;
font-size:13px!important;
letter-spacing:.13em!important;
line-height:1!important;
}
.ksfic-po-screen .ksfic-card,
.ksfic-po-details-card,
.ksfic-po-items-card,
.ksfic-po-filter-card,
.ksfic-po-table-card{
background:rgba(255,255,255,.96)!important;
border:1px solid var(--po-border)!important;
border-radius:16px!important;
box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.ksfic-po-details-card{
padding:24px 24px 18px!important;
margin-bottom:16px!important;
}
.ksfic-po-items-card{
padding:24px!important;
}
.ksfic-po-details-card h2,
.ksfic-po-items-card h2{
margin:0!important;
font-size:22px!important;
line-height:1.2!important;
letter-spacing:-.025em!important;
color:#111827!important;
}
.ksfic-po-details-card > h2{
margin-bottom:18px!important;
}
.ksfic-po-details-grid{
display:grid!important;
grid-template-columns:1.05fr 1.05fr 1.05fr 1.05fr 1.05fr 1.05fr!important;
column-gap:16px!important;
row-gap:14px!important;
width:100%!important;
}
.ksfic-po-details-grid .ksfic-field{margin:0!important;min-width:0!important;}
.ksfic-po-details-grid .ksfic-field label,
.ksfic-po-items-table th{
font-size:12px!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
color:#132542!important;
}
.ksfic-po-details-grid input,
.ksfic-po-details-grid select{
width:100%!important;
height:48px!important;
padding:0 14px!important;
border:1px solid var(--po-border-strong)!important;
border-radius:10px!important;
background:#fff!important;
color:#17243a!important;
font-size:14px!important;
box-shadow:inset 0 1px 0 rgba(15,23,42,.02)!important;
transition:border-color .12s ease,box-shadow .12s ease!important;
}
.ksfic-po-details-grid input:focus,
.ksfic-po-details-grid select:focus,
.ksfic-po-items-table input:focus,
.ksfic-po-items-table select:focus{
outline:none!important;
border-color:#5aa2df!important;
box-shadow:0 0 0 3px rgba(35,120,184,.14)!important;
}
.ksfic-po-items-card .ksfic-card-head{
display:grid!important;
grid-template-columns:auto 1fr auto!important;
align-items:center!important;
gap:18px!important;
margin:0 0 18px!important;
}
.ksfic-po-help{
justify-self:center!important;
max-width:620px!important;
text-align:center!important;
color:var(--po-muted)!important;
font-size:13px!important;
line-height:1.45!important;
}
.ksfic-po-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;white-space:nowrap!important;}
.ksfic-po-screen .ksfic-btn{
min-height:40px!important;
padding:0 14px!important;
border-radius:10px!important;
border:1px solid #0b70c9!important;
background:#fff!important;
color:#0867bb!important;
font-weight:800!important;
font-size:13px!important;
box-shadow:none!important;
transition:background .12s ease,border-color .12s ease,transform .12s ease!important;
}
.ksfic-po-screen .ksfic-btn:hover{background:#f5faff!important;border-color:#075fa9!important;transform:translateY(-1px)!important;}
.ksfic-po-screen .ksfic-btn.primary{
background:var(--po-blue)!important;
border-color:var(--po-blue)!important;
color:#fff!important;
box-shadow:0 8px 16px rgba(35,120,184,.18)!important;
}
.ksfic-po-screen .ksfic-btn.primary:hover{background:var(--po-blue-dark)!important;border-color:var(--po-blue-dark)!important;}
.ksfic-po-items-card .ksfic-table-wrap{
border:1px solid var(--po-border)!important;
border-radius:14px!important;
background:#fff!important;
overflow:auto!important;
box-shadow:inset 0 1px 0 rgba(15,23,42,.03)!important;
max-width:100%!important;
}
.ksfic-po-items-table{
min-width:1280px!important;
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:fixed!important;
}
.ksfic-po-items-table th{
background:#f7f9fc!important;
border-bottom:1px solid #c5cfdb!important;
padding:15px 12px!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.ksfic-po-items-table td{
padding:12px!important;
font-size:13px!important;
color:#263850!important;
border-bottom:1px solid #edf1f6!important;
vertical-align:middle!important;
}
.ksfic-po-items-table tbody tr:nth-child(odd){background:#fbfcfe!important;}
.ksfic-po-items-table tbody tr:nth-child(even){background:#fff!important;}
.ksfic-po-items-table tbody tr:hover{background:#f6faff!important;}
.ksfic-po-items-table input,
.ksfic-po-items-table select{
width:100%!important;
height:38px!important;
border:1px solid var(--po-border-strong)!important;
border-radius:8px!important;
padding:0 10px!important;
background:#fff!important;
color:#17243a!important;
font-size:13px!important;
}
.ksfic-po-items-table .po-item-name{min-width:240px!important;}
.ksfic-po-items-table .ksfic-po-product-search{width:100%!important;min-width:230px!important;margin-bottom:6px!important;}
.ksfic-po-items-table tfoot td{
background:#fff!important;
border-top:1px solid var(--po-border)!important;
border-bottom:0!important;
padding:14px 12px!important;
font-size:14px!important;
}
.ksfic-po-items-table tfoot strong{font-weight:700!important;color:#111827!important;}
#ksfic-po-subtotal{font-variant-numeric:tabular-nums!important;font-weight:700!important;color:#0f172a!important;}
.ksfic-po-items-card .ksfic-form-actions{
position:sticky!important;
bottom:0!important;
z-index:4!important;
display:flex!important;
gap:8px!important;
align-items:center!important;
padding:18px 0 10px!important;
margin:12px 0 0!important;
background:linear-gradient(180deg,rgba(255,255,255,.80),#fff 42%)!important;
}
.ksfic-po-note{
margin:10px 0 0!important;
padding:12px 14px!important;
border:1px solid #dbeafe!important;
border-radius:12px!important;
background:#f8fbff!important;
color:#475569!important;
font-size:13px!important;
line-height:1.5!important;
}
.ksfic-po-filter-card{padding:18px 20px!important;margin-bottom:16px!important;}
.ksfic-po-filter-card .ksfic-dashboard-filter{display:flex!important;gap:12px!important;align-items:center!important;}
.ksfic-po-filter-card select{height:46px!important;min-width:180px!important;border-radius:10px!important;border:1px solid var(--po-border-strong)!important;background:#fff!important;}
.ksfic-po-table-card{padding:22px!important;}
.ksfic-po-table-card .ksfic-table-wrap{border-radius:14px!important;border:1px solid var(--po-border)!important;overflow:auto!important;background:#fff!important;}
.ksfic-po-table-card .ksfic-table{min-width:1120px!important;border-collapse:separate!important;border-spacing:0!important;}
.ksfic-po-table-card .ksfic-table th{background:#f7f9fc!important;color:#132542!important;font-size:12px!important;font-weight:900!important;padding:16px 14px!important;border-bottom:1px solid #c5cfdb!important;}
.ksfic-po-table-card .ksfic-table td{padding:15px 14px!important;color:#263850!important;font-size:13px!important;border-bottom:1px solid #edf1f6!important;}
.ksfic-po-table-card .ksfic-table tbody tr:nth-child(odd){background:#fbfcfe!important;}
.ksfic-po-table-card .ksfic-table tbody tr:hover{background:#f6faff!important;}
.ksfic-po-screen .ksfic-status{border-radius:999px!important;padding:8px 12px!important;font-weight:900!important;font-size:12px!important;}
@media (max-width:1450px){
.ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(210px,1fr))!important;}
.ksfic-po-items-card .ksfic-card-head{grid-template-columns:1fr!important;align-items:start!important;}
.ksfic-po-help{justify-self:start!important;text-align:left!important;}
.ksfic-po-actions{justify-content:flex-start!important;}
}
@media (max-width:780px){
.ksfic-po-screen{padding:0 0 30px!important;}
.ksfic-po-page-head{flex-direction:column!important;gap:12px!important;margin-bottom:20px!important;}
.ksfic-po-page-head h1{font-size:26px!important;}
.ksfic-po-details-card,.ksfic-po-items-card,.ksfic-po-table-card,.ksfic-po-filter-card{padding:16px!important;border-radius:14px!important;}
.ksfic-po-details-grid{grid-template-columns:1fr!important;}
.ksfic-po-items-card .ksfic-form-actions{position:static!important;flex-wrap:wrap!important;}
}
/* v2.7.2 Purchasing UI alignment and performance-safe paint overrides */
#ksfic-po-list,
#ksfic-po-add,
#ksfic-suppliers,
#ksfic-currencies{
--po-blue:#2378b8;
--po-blue-dark:#145f99;
--po-line:#d8e2ef;
--po-line-strong:#c4d2e3;
--po-text:#0f172a;
--po-muted:#52657d;
padding:0 10px 34px!important;
background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)!important;
contain:layout paint style!important;
}
.ksfic-po-page-head,
.ksfic-admin-page-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 28px!important;
padding:0 2px!important;
}
.ksfic-po-page-head h1,
.ksfic-admin-page-head h1{
margin:6px 0 0!important;
font-size:31px!important;
line-height:1.1!important;
font-weight:900!important;
letter-spacing:-.035em!important;
color:#07111f!important;
}
.ksfic-page-kicker{
display:block!important;
color:#0064b7!important;
text-transform:uppercase!important;
font-size:13px!important;
line-height:1!important;
letter-spacing:.13em!important;
font-weight:900!important;
}
#ksfic-po-list .ksfic-card,
#ksfic-po-add .ksfic-card,
#ksfic-suppliers .ksfic-card,
#ksfic-currencies .ksfic-card{
display:block!important;
width:100%!important;
background:#fff!important;
border:1px solid var(--po-line)!important;
border-radius:16px!important;
box-shadow:0 14px 32px rgba(15,23,42,.055)!important;
}
.ksfic-po-details-card,
.ksfic-po-items-card,
.ksfic-admin-form-card,
.ksfic-admin-list-card,
.ksfic-po-filter-card,
.ksfic-po-table-card{
padding:24px!important;
margin:0 0 18px!important;
}
.ksfic-po-details-card > h2,
.ksfic-card-title-row h2,
.ksfic-po-items-card .ksfic-card-head h2{
margin:0!important;
font-size:22px!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:-.03em!important;
color:#0b1220!important;
}
.ksfic-card-title-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 18px!important;
}
.ksfic-po-details-grid,
.ksfic-admin-form-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(150px,1fr))!important;
gap:16px!important;
align-items:end!important;
padding:0!important;
margin:0!important;
}
.ksfic-admin-form-grid{grid-template-columns:repeat(4,minmax(190px,1fr))!important;}
.ksfic-po-details-grid .ksfic-field,
.ksfic-admin-form-grid .ksfic-field{min-width:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
.ksfic-po-details-grid label,
.ksfic-admin-form-grid label{
font-size:12px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.075em!important;
color:#132542!important;
}
.ksfic-po-details-grid input,
.ksfic-po-details-grid select,
.ksfic-admin-form-grid input,
.ksfic-admin-form-grid select,
.ksfic-po-filter-card select{
width:100%!important;
height:46px!important;
min-height:46px!important;
border:1px solid var(--po-line-strong)!important;
border-radius:10px!important;
background:#fff!important;
padding:0 13px!important;
color:#17243a!important;
font-size:14px!important;
outline:none!important;
box-shadow:inset 0 1px 0 rgba(15,23,42,.025)!important;
}
.ksfic-po-details-grid input:focus,
.ksfic-po-details-grid select:focus,
.ksfic-admin-form-grid input:focus,
.ksfic-admin-form-grid select:focus,
.ksfic-po-filter-card select:focus,
.ksfic-po-items-table input:focus,
.ksfic-po-items-table select:focus{
border-color:#5aa2df!important;
box-shadow:0 0 0 3px rgba(35,120,184,.13)!important;
}
.ksfic-check-row{align-self:center!important;}
.ksfic-check-row label{display:flex!important;align-items:center!important;gap:9px!important;text-transform:none!important;letter-spacing:0!important;font-weight:800!important;color:#0f172a!important;}
.ksfic-check-row input[type="checkbox"]{width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;accent-color:#2563eb!important;}
#ksfic-suppliers .ksfic-form-actions,
#ksfic-currencies .ksfic-form-actions{
grid-column:1/-1!important;
display:flex!important;
justify-content:flex-end!important;
margin:4px 0 0!important;
padding:0!important;
}
.ksfic-po-filter-card{padding:20px!important;}
.ksfic-po-filter-card .ksfic-dashboard-filter{margin:0!important;padding:0!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;}
.ksfic-po-filter-card select{max-width:190px!important;}
.ksfic-po-table-card .ksfic-table-wrap,
.ksfic-admin-list-card .ksfic-table-wrap,
.ksfic-po-items-card .ksfic-table-wrap{
padding:0!important;
border:1px solid var(--po-line)!important;
border-radius:14px!important;
background:#fff!important;
overflow:auto!important;
}
.ksfic-po-table-card .ksfic-table,
.ksfic-admin-list-card .ksfic-table,
.ksfic-po-items-table{
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important;
}
.ksfic-po-table-card .ksfic-table,
.ksfic-admin-list-card .ksfic-table{min-width:980px!important;}
.ksfic-po-items-table{min-width:1260px!important;table-layout:fixed!important;}
.ksfic-po-table-card .ksfic-table th,
.ksfic-admin-list-card .ksfic-table th,
.ksfic-po-items-table th{
background:#f7f9fc!important;
color:#132542!important;
font-size:12px!important;
font-weight:900!important;
text-transform:none!important;
letter-spacing:.01em!important;
padding:16px 18px!important;
border-top:0!important;
border-bottom:1px solid #c5cfdb!important;
white-space:nowrap!important;
}
.ksfic-po-table-card .ksfic-table td,
.ksfic-admin-list-card .ksfic-table td,
.ksfic-po-items-table td{
padding:15px 18px!important;
color:#263850!important;
font-size:13px!important;
border-bottom:1px solid #edf1f6!important;
white-space:nowrap!important;
vertical-align:middle!important;
}
.ksfic-po-table-card .ksfic-table tr:nth-child(odd) td,
.ksfic-admin-list-card .ksfic-table tr:nth-child(odd) td,
.ksfic-po-items-table tr:nth-child(odd) td{background:#fbfcfe!important;}
.ksfic-po-table-card .ksfic-table tr:hover td,
.ksfic-admin-list-card .ksfic-table tr:hover td,
.ksfic-po-items-table tr:hover td{background:#f6faff!important;}
.ksfic-po-items-card .ksfic-card-head{
display:grid!important;
grid-template-columns:auto minmax(260px,1fr) auto!important;
align-items:center!important;
gap:18px!important;
padding:0!important;
margin:0 0 18px!important;
}
.ksfic-po-help{margin:0!important;justify-self:center!important;max-width:600px!important;text-align:center!important;color:var(--po-muted)!important;font-size:13px!important;line-height:1.45!important;}
.ksfic-po-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;white-space:nowrap!important;}
.ksfic-po-items-table input,
.ksfic-po-items-table select{height:38px!important;min-height:38px!important;border:1px solid var(--po-line-strong)!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important;font-size:13px!important;color:#17243a!important;}
.ksfic-po-items-card .ksfic-form-actions{
display:flex!important;
justify-content:flex-end!important;
gap:10px!important;
margin:16px 0 0!important;
padding:0!important;
position:static!important;
background:transparent!important;
}
.ksfic-po-note{margin:16px 0 0!important;padding:12px 14px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#f8fbff!important;color:#475569!important;font-size:13px!important;line-height:1.5!important;}
#ksfic-po-list .ksfic-btn,
#ksfic-po-add .ksfic-btn,
#ksfic-suppliers .ksfic-btn,
#ksfic-currencies .ksfic-btn{
height:40px!important;
min-height:40px!important;
border-radius:10px!important;
padding:0 16px!important;
font-weight:800!important;
border:1px solid #0b70c9!important;
background:#fff!important;
color:#0867bb!important;
box-shadow:none!important;
}
#ksfic-po-list .ksfic-btn.primary,
#ksfic-po-add .ksfic-btn.primary,
#ksfic-suppliers .ksfic-btn.primary,
#ksfic-currencies .ksfic-btn.primary{
background:var(--po-blue)!important;
border-color:var(--po-blue)!important;
color:#fff!important;
box-shadow:0 10px 20px rgba(35,120,184,.18)!important;
}
#ksfic-po-list .ksfic-btn:hover,
#ksfic-po-add .ksfic-btn:hover,
#ksfic-suppliers .ksfic-btn:hover,
#ksfic-currencies .ksfic-btn:hover{transform:translateY(-1px)!important;background:#f5faff!important;}
#ksfic-po-list .ksfic-btn.primary:hover,
#ksfic-po-add .ksfic-btn.primary:hover,
#ksfic-suppliers .ksfic-btn.primary:hover,
#ksfic-currencies .ksfic-btn.primary:hover{background:var(--po-blue-dark)!important;}
@media (max-width:1450px){
.ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(190px,1fr))!important;}
.ksfic-admin-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important;}
.ksfic-po-items-card .ksfic-card-head{grid-template-columns:1fr!important;align-items:start!important;}
.ksfic-po-help{justify-self:start!important;text-align:left!important;}
.ksfic-po-actions{justify-content:flex-start!important;}
}
@media (max-width:760px){
#ksfic-po-list,#ksfic-po-add,#ksfic-suppliers,#ksfic-currencies{padding:0 0 28px!important;}
.ksfic-po-page-head,.ksfic-admin-page-head{flex-direction:column!important;gap:12px!important;}
.ksfic-po-details-grid,.ksfic-admin-form-grid{grid-template-columns:1fr!important;}
.ksfic-po-details-card,.ksfic-po-items-card,.ksfic-admin-form-card,.ksfic-admin-list-card,.ksfic-po-filter-card,.ksfic-po-table-card{padding:16px!important;border-radius:14px!important;}
.ksfic-po-items-card .ksfic-form-actions{justify-content:flex-start!important;flex-wrap:wrap!important;}
}
/* v2.7.3 Enterprise purchase order polish */
#ksfic-po-add.ksfic-po-editor-modern{
background:#f5f8fc!important;
padding:24px!important;
}
.ksfic-po-modern-shell{
background:#fff!important;
border:1px solid #dfe7f2!important;
border-radius:16px!important;
box-shadow:0 14px 40px rgba(15,23,42,.08)!important;
padding:28px!important;
}
.ksfic-po-modern-head{
display:flex!important;
justify-content:space-between!important;
align-items:flex-start!important;
gap:24px!important;
margin:0 0 26px!important;
}
.ksfic-po-breadcrumb{
display:flex!important;
align-items:center!important;
gap:10px!important;
color:#64748b!important;
font-size:13px!important;
font-weight:800!important;
margin-bottom:18px!important;
}
.ksfic-po-breadcrumb button{
appearance:none!important;
border:0!important;
background:transparent!important;
color:#1168c2!important;
font:inherit!important;
padding:0!important;
cursor:pointer!important;
}
.ksfic-po-modern-head h1{
margin:0!important;
font-size:32px!important;
line-height:1.15!important;
letter-spacing:-.03em!important;
color:#182235!important;
font-weight:900!important;
}
.ksfic-po-modern-head p{
margin:8px 0 0!important;
color:#526174!important;
font-size:15px!important;
}
.ksfic-po-cancel{
background:#fff!important;
color:#334155!important;
border-color:#d5dfeb!important;
min-width:112px!important;
}
.ksfic-po-modern-form{display:block!important;}
.ksfic-po-modern-card{
border:1px solid #dfe7f2!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
padding:22px!important;
margin:0 0 22px!important;
}
.ksfic-section-title{
display:flex!important;
align-items:center!important;
gap:14px!important;
margin:0 0 20px!important;
}
.ksfic-section-icon{
width:48px!important;
height:48px!important;
border-radius:12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#eaf3ff!important;
color:#126dca!important;
font-size:22px!important;
font-weight:900!important;
flex:0 0 auto!important;
}
.ksfic-section-title h2{
margin:0!important;
font-size:21px!important;
color:#111827!important;
font-weight:900!important;
line-height:1.2!important;
}
.ksfic-section-title p{
margin:4px 0 0!important;
color:#526174!important;
font-size:14px!important;
}
.ksfic-po-details-card .ksfic-section-title{padding-bottom:18px!important;border-bottom:1px solid #e6edf6!important;}
.ksfic-po-details-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:18px 24px!important;
align-items:end!important;
}
.ksfic-po-details-grid .ksfic-field{min-width:0!important;margin:0!important;}
.ksfic-po-details-grid label,
.ksfic-po-items-table th,
.ksfic-po-modern-card label{
color:#172033!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:.02em!important;
text-transform:none!important;
}
.ksfic-po-details-grid label em{color:#dc2626!important;font-style:normal!important;}
.ksfic-po-details-grid input,
.ksfic-po-details-grid select{
width:100%!important;
height:50px!important;
border:1px solid #cfdae8!important;
border-radius:9px!important;
background:#fff!important;
color:#172033!important;
padding:0 14px!important;
font-size:14px!important;
box-shadow:none!important;
}
.ksfic-po-modern-items-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:20px!important;
margin:0 0 16px!important;
padding:0!important;
}
.ksfic-po-modern-items-head .ksfic-section-title{margin:0!important;}
.ksfic-po-actions{display:flex!important;gap:12px!important;align-items:center!important;justify-content:flex-end!important;}
.ksfic-po-modern-table-wrap{
position:relative!important;
border:1px solid #dbe4f0!important;
border-radius:12px!important;
overflow:auto!important;
background:#fff!important;
}
.ksfic-po-items-table{
min-width:1450px!important;
width:100%!important;
border-collapse:collapse!important;
margin:0!important;
}
.ksfic-po-items-table thead th{
height:48px!important;
padding:0 12px!important;
background:#f7f9fc!important;
border-bottom:1px solid #d3deeb!important;
color:#344257!important;
white-space:nowrap!important;
text-align:left!important;
}
.ksfic-po-items-table td{
padding:12px!important;
border-bottom:1px solid #edf2f7!important;
vertical-align:top!important;
background:#fff!important;
}
.ksfic-po-items-table input,
.ksfic-po-items-table select{
width:100%!important;
height:40px!important;
border:1px solid #cfdae8!important;
border-radius:8px!important;
background:#fff!important;
color:#172033!important;
padding:0 10px!important;
font-size:13px!important;
}
.ksfic-po-items-table .po-item-type{min-width:100px!important;}
.ksfic-po-items-table .po-item-name{margin-top:8px!important;}
.ksfic-po-items-table tfoot td{
height:52px!important;
background:#fff!important;
border-top:1px solid #d3deeb!important;
font-size:15px!important;
}
.ksfic-po-empty-state{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
min-height:150px!important;
color:#64748b!important;
text-align:center!important;
border-top:0!important;
}
.ksfic-po-empty-state span{font-size:42px!important;color:#b8c4d4!important;line-height:1!important;margin-bottom:8px!important;}
.ksfic-po-empty-state strong{font-size:18px!important;color:#111827!important;margin-bottom:6px!important;}
.ksfic-po-empty-state p{margin:0!important;font-size:14px!important;}
.ksfic-po-has-items .ksfic-po-empty-state{display:none!important;}
.ksfic-po-footer-actions{
display:grid!important;
grid-template-columns:minmax(260px,460px) minmax(360px,1fr)!important;
gap:24px!important;
align-items:start!important;
margin-top:8px!important;
}
.ksfic-po-main-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;}
.ksfic-po-note{
margin:0!important;
padding:14px 18px!important;
border:1px solid #dbe4f0!important;
border-radius:10px!important;
background:#f8fbff!important;
color:#475569!important;
font-size:14px!important;
line-height:1.55!important;
}
#ksfic-po-list .ksfic-po-page-head,
#ksfic-suppliers .ksfic-admin-page-head,
#ksfic-currencies .ksfic-admin-page-head{
margin-bottom:18px!important;
align-items:center!important;
}
#ksfic-suppliers .ksfic-admin-form-card,
#ksfic-currencies .ksfic-admin-form-card,
#ksfic-suppliers .ksfic-admin-list-card,
#ksfic-currencies .ksfic-admin-list-card,
#ksfic-po-list .ksfic-po-filter-card,
#ksfic-po-list .ksfic-po-table-card{
border:1px solid #dfe7f2!important;
border-radius:14px!important;
box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
padding:22px!important;
}
#ksfic-suppliers .ksfic-admin-form-grid,
#ksfic-currencies .ksfic-admin-form-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(220px,1fr))!important;
gap:18px 24px!important;
align-items:end!important;
}
#ksfic-suppliers .ksfic-form-actions,
#ksfic-currencies .ksfic-form-actions{grid-column:1/-1!important;justify-content:flex-end!important;margin:0!important;}
#ksfic-suppliers .ksfic-card-title-row h2,
#ksfic-currencies .ksfic-card-title-row h2{margin:0 0 18px!important;font-size:22px!important;font-weight:900!important;}
@media(max-width:1500px){.ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ksfic-po-footer-actions{grid-template-columns:1fr!important}.ksfic-po-modern-head,.ksfic-po-modern-items-head{flex-direction:column!important}.ksfic-po-actions{justify-content:flex-start!important}}
@media(max-width:820px){#ksfic-po-add.ksfic-po-editor-modern{padding:12px!important}.ksfic-po-modern-shell{padding:18px!important}.ksfic-po-modern-head h1{font-size:26px!important}.ksfic-po-details-grid,#ksfic-suppliers .ksfic-admin-form-grid,#ksfic-currencies .ksfic-admin-form-grid{grid-template-columns:1fr!important}.ksfic-po-main-actions{flex-direction:column!important}.ksfic-po-main-actions .ksfic-btn{width:100%!important}.ksfic-po-modern-card{padding:16px!important}.ksfic-section-title{align-items:flex-start!important}}
/* v2.7.4 Final enterprise PO UI alignment - optimized CSS-only rendering */
#ksfic-app[data-view="po-add"] .ksfic-topbar > div:first-child,
#ksfic-app[data-view="po-list"] .ksfic-topbar > div:first-child,
#ksfic-app[data-view="suppliers"] .ksfic-topbar > div:first-child,
#ksfic-app[data-view="currencies"] .ksfic-topbar > div:first-child{
display:none!important;
}
#ksfic-app[data-view="po-add"] .ksfic-topbar,
#ksfic-app[data-view="po-list"] .ksfic-topbar,
#ksfic-app[data-view="suppliers"] .ksfic-topbar,
#ksfic-app[data-view="currencies"] .ksfic-topbar{
justify-content:flex-end!important;
margin-bottom:16px!important;
background:#fff!important;
box-shadow:none!important;
}
#ksfic-po-add.ksfic-po-editor-modern{
padding:0 18px 34px!important;
background:#f5f8fc!important;
}
.ksfic-po-modern-shell{
max-width:100%!important;
margin:0!important;
background:#fff!important;
border:1px solid #dce6f2!important;
border-radius:16px!important;
box-shadow:none!important;
padding:28px!important;
overflow:hidden!important;
}
.ksfic-po-modern-head{
margin:0 0 46px!important;
padding:0!important;
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
}
.ksfic-po-modern-head h1{
margin:0!important;
font-size:31px!important;
line-height:1.15!important;
font-weight:900!important;
letter-spacing:-.035em!important;
color:#111827!important;
}
.ksfic-po-modern-head p{
margin:9px 0 0!important;
color:#41526b!important;
font-size:15px!important;
}
.ksfic-po-breadcrumb{
margin:0 0 22px!important;
font-size:13px!important;
font-weight:800!important;
color:#64748b!important;
}
.ksfic-po-cancel{
height:42px!important;
padding:0 22px!important;
border:1px solid #0b70c9!important;
color:#075fb0!important;
background:#fff!important;
border-radius:10px!important;
box-shadow:none!important;
}
.ksfic-po-modern-card{
border:1px solid #dce6f2!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:none!important;
padding:22px!important;
margin:0 18px 22px!important;
}
.ksfic-section-title{
display:flex!important;
align-items:center!important;
gap:14px!important;
margin:0 0 20px!important;
}
.ksfic-section-icon{
width:48px!important;
height:48px!important;
border-radius:12px!important;
background:#eaf3ff!important;
color:#126dca!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:none!important;
}
.ksfic-section-title h2{
margin:0!important;
font-size:21px!important;
font-weight:900!important;
letter-spacing:-.02em!important;
color:#111827!important;
}
.ksfic-section-title p{
margin:4px 0 0!important;
color:#475569!important;
font-size:14px!important;
}
.ksfic-po-details-card .ksfic-section-title{
border-bottom:1px solid #e5edf6!important;
padding-bottom:18px!important;
}
.ksfic-po-details-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:18px 24px!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.ksfic-po-details-grid .ksfic-field{
display:flex!important;
flex-direction:column!important;
gap:8px!important;
min-width:0!important;
margin:0!important;
}
.ksfic-po-details-grid label{
font-size:12px!important;
line-height:1.2!important;
font-weight:900!important;
color:#172033!important;
letter-spacing:.01em!important;
text-transform:none!important;
}
.ksfic-po-details-grid input,
.ksfic-po-details-grid select{
height:50px!important;
width:100%!important;
min-width:0!important;
border:1px solid #cfdbea!important;
border-radius:9px!important;
background:#fff!important;
color:#172033!important;
padding:0 14px!important;
font-size:14px!important;
box-shadow:none!important;
}
.ksfic-po-modern-items-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:22px!important;
margin:0 0 18px!important;
padding:0!important;
}
.ksfic-po-modern-items-head .ksfic-section-title{margin:0!important;}
.ksfic-po-actions{
display:flex!important;
gap:12px!important;
align-items:center!important;
justify-content:flex-end!important;
flex-wrap:wrap!important;
}
.ksfic-po-modern-table-wrap{
border:1px solid #dce6f2!important;
border-radius:12px!important;
background:#fff!important;
overflow-x:auto!important;
overflow-y:visible!important;
box-shadow:none!important;
}
.ksfic-po-items-table{
width:100%!important;
min-width:1400px!important;
table-layout:fixed!important;
border-collapse:collapse!important;
margin:0!important;
}
.ksfic-po-items-table th,
.ksfic-po-items-table td{
box-sizing:border-box!important;
vertical-align:middle!important;
}
.ksfic-po-items-table thead th{
height:52px!important;
padding:0 10px!important;
background:#f7f9fc!important;
border-bottom:1px solid #d3deeb!important;
color:#26364d!important;
font-size:12px!important;
font-weight:900!important;
white-space:nowrap!important;
text-align:left!important;
}
.ksfic-po-items-table tbody td{
padding:12px 10px!important;
height:64px!important;
background:#fff!important;
border-bottom:1px solid #edf2f7!important;
white-space:normal!important;
}
.ksfic-po-items-table tbody tr:nth-child(odd) td,
.ksfic-po-items-table tbody tr:nth-child(even) td,
.ksfic-po-items-table tbody tr:hover td{background:#fff!important;}
.ksfic-po-items-table th:nth-child(1),.ksfic-po-items-table td:nth-child(1){width:120px!important;}
.ksfic-po-items-table th:nth-child(2),.ksfic-po-items-table td:nth-child(2){width:170px!important;}
.ksfic-po-items-table th:nth-child(3),.ksfic-po-items-table td:nth-child(3){width:100px!important;}
.ksfic-po-items-table th:nth-child(4),.ksfic-po-items-table td:nth-child(4){width:120px!important;}
.ksfic-po-items-table th:nth-child(5),.ksfic-po-items-table td:nth-child(5){width:110px!important;}
.ksfic-po-items-table th:nth-child(6),.ksfic-po-items-table td:nth-child(6),
.ksfic-po-items-table th:nth-child(7),.ksfic-po-items-table td:nth-child(7),
.ksfic-po-items-table th:nth-child(8),.ksfic-po-items-table td:nth-child(8){width:105px!important;}
.ksfic-po-items-table th:nth-child(9),.ksfic-po-items-table td:nth-child(9){width:95px!important;text-align:center!important;}
.ksfic-po-items-table th:nth-child(10),.ksfic-po-items-table td:nth-child(10){width:120px!important;}
.ksfic-po-items-table th:nth-child(11),.ksfic-po-items-table td:nth-child(11){width:125px!important;}
.ksfic-po-items-table th:nth-child(12),.ksfic-po-items-table td:nth-child(12){width:80px!important;text-align:center!important;}
.ksfic-po-items-table input,
.ksfic-po-items-table select{
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:40px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#172033!important;
padding:0 10px!important;
font-size:13px!important;
box-shadow:none!important;
}
.ksfic-po-items-table .ksfic-po-product-search,
.ksfic-po-items-table .po-item-name{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
}
.ksfic-po-items-table .po-item-name[readonly]{display:none!important;}
.ksfic-po-items-table .ksfic-product-results{max-width:360px!important;}
.ksfic-po-items-table .po-line-total,
.ksfic-po-items-table .po-remaining{
font-weight:700!important;
color:#111827!important;
font-variant-numeric:tabular-nums!important;
}
.ksfic-po-items-table tfoot td{
height:56px!important;
padding:0 10px!important;
background:#fff!important;
border-top:1px solid #d3deeb!important;
border-bottom:0!important;
font-size:15px!important;
white-space:nowrap!important;
}
.ksfic-po-empty-state{
min-height:146px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
color:#64748b!important;
text-align:center!important;
}
.ksfic-po-has-items .ksfic-po-empty-state{display:none!important;}
.ksfic-po-footer-actions{
margin:26px 18px 0!important;
display:grid!important;
grid-template-columns:minmax(260px,460px) minmax(420px,1fr)!important;
align-items:start!important;
gap:24px!important;
}
.ksfic-po-main-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;}
.ksfic-po-note{
margin:0!important;
padding:14px 18px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#f8fbff!important;
box-shadow:none!important;
color:#475569!important;
font-size:14px!important;
line-height:1.55!important;
}
#ksfic-po-add .ksfic-btn{box-shadow:none!important;}
#ksfic-po-add .ksfic-btn.primary{box-shadow:none!important;background:#0b6fd3!important;border-color:#0b6fd3!important;}
@media(max-width:1500px){
.ksfic-po-modern-shell{padding:24px!important;}
.ksfic-po-modern-card{margin-left:0!important;margin-right:0!important;}
.ksfic-po-footer-actions{margin-left:0!important;margin-right:0!important;grid-template-columns:1fr!important;}
.ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:820px){
#ksfic-po-add.ksfic-po-editor-modern{padding:0 0 24px!important;}
.ksfic-po-modern-shell{padding:18px!important;border-radius:14px!important;}
.ksfic-po-modern-head,.ksfic-po-modern-items-head{flex-direction:column!important;align-items:flex-start!important;}
.ksfic-po-details-grid{grid-template-columns:1fr!important;}
.ksfic-po-main-actions,.ksfic-po-main-actions .ksfic-btn{width:100%!important;}
}
/* v2.7.6 PO layout corrections - keep previous main spacing and PO background */
.ksfic-po-screen .ksfic-card,
.ksfic-po-details-card,
.ksfic-po-items-card,
.ksfic-po-filter-card,
.ksfic-po-table-card{
box-shadow:none!important;
}
.ksfic-po-screen .ksfic-btn.primary{
box-shadow:none!important;
}
.ksfic-po-screen .ksfic-btn:hover,
.ksfic-po-screen .ksfic-card:hover,
.ksfic-po-details-card:hover,
.ksfic-po-items-card:hover{
transform:none!important;
box-shadow:none!important;
}
.ksfic-po-shell{
box-shadow:none!important;
}
.ksfic-po-items-table{min-width:1360px!important;}
.ksfic-po-items-table th,
.ksfic-po-items-table td{
padding-left:8px!important;
padding-right:8px!important;
}
.ksfic-po-items-table th:nth-child(1),
.ksfic-po-items-table td:nth-child(1){width:90px!important;min-width:90px!important;max-width:90px!important;}
.ksfic-po-items-table th:nth-child(2),
.ksfic-po-items-table td:nth-child(2){width:160px!important;min-width:160px!important;}
.ksfic-po-items-table th:nth-child(3),
.ksfic-po-items-table td:nth-child(3){width:105px!important;min-width:105px!important;}
.ksfic-po-items-table th:nth-child(4),
.ksfic-po-items-table td:nth-child(4){width:120px!important;min-width:120px!important;}
.ksfic-po-items-table th:nth-child(5),
.ksfic-po-items-table td:nth-child(5){width:100px!important;min-width:100px!important;}
.ksfic-po-items-table th:nth-child(6),
.ksfic-po-items-table td:nth-child(6),
.ksfic-po-items-table th:nth-child(7),
.ksfic-po-items-table td:nth-child(7),
.ksfic-po-items-table th:nth-child(8),
.ksfic-po-items-table td:nth-child(8){width:92px!important;min-width:92px!important;}
.ksfic-po-items-table th:nth-child(9),
.ksfic-po-items-table td:nth-child(9){width:85px!important;min-width:85px!important;text-align:center!important;}
.ksfic-po-items-table th:nth-child(10),
.ksfic-po-items-table td:nth-child(10){width:115px!important;min-width:115px!important;}
.ksfic-po-items-table th:nth-child(11),
.ksfic-po-items-table td:nth-child(11){width:115px!important;min-width:115px!important;}
.ksfic-po-items-table th:nth-child(12),
.ksfic-po-items-table td:nth-child(12){width:66px!important;min-width:66px!important;text-align:center!important;}
.ksfic-po-items-table .po-item-type{
min-width:0!important;
width:78px!important;
max-width:78px!important;
padding-left:8px!important;
padding-right:22px!important;
}
.ksfic-po-items-table .ksfic-po-product-search,
.ksfic-po-items-table .po-item-name{min-width:0!important;width:100%!important;}
.ksfic-po-remove-row{
width:36px!important;
height:36px!important;
min-width:36px!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-color:#fecaca!important;
color:#dc2626!important;
background:#fff!important;
border-radius:9px!important;
}
.ksfic-po-remove-row:hover{
background:#fef2f2!important;
border-color:#fca5a5!important;
color:#b91c1c!important;
}
.ksfic-po-remove-row svg{width:16px!important;height:16px!important;display:block!important;stroke:currentColor!important;}
/* v2.7.7 PO add screen fit + no shadow refinement */
#ksfic-po-add.ksfic-po-editor-modern{
padding:0 10px 26px!important;
background:#f5f8fc!important;
}
#ksfic-po-add .ksfic-po-modern-shell{
box-shadow:none!important;
border:1px solid #dce6f2!important;
border-radius:14px!important;
padding:22px 24px 24px!important;
overflow:visible!important;
}
#ksfic-po-add .ksfic-po-modern-shell,
#ksfic-po-add .ksfic-po-modern-card,
#ksfic-po-add .ksfic-po-details-card,
#ksfic-po-add .ksfic-po-items-card,
#ksfic-po-add .ksfic-po-modern-table-wrap,
#ksfic-po-add .ksfic-po-note{
box-shadow:none!important;
}
#ksfic-po-add .ksfic-po-modern-head{
margin:0 0 26px!important;
padding:0!important;
}
#ksfic-po-add .ksfic-po-breadcrumb{
margin:0 0 16px!important;
}
#ksfic-po-add .ksfic-po-modern-head h1{
font-size:30px!important;
line-height:1.1!important;
}
#ksfic-po-add .ksfic-po-modern-head p{
margin-top:7px!important;
}
#ksfic-po-add .ksfic-po-modern-card{
margin:0 0 18px!important;
padding:18px 20px!important;
border-radius:14px!important;
}
#ksfic-po-add .ksfic-section-title{
margin:0 0 16px!important;
gap:12px!important;
}
#ksfic-po-add .ksfic-section-icon{
width:42px!important;
height:42px!important;
border-radius:11px!important;
font-size:18px!important;
}
#ksfic-po-add .ksfic-section-title h2{
font-size:20px!important;
}
#ksfic-po-add .ksfic-section-title p{
font-size:13px!important;
}
#ksfic-po-add .ksfic-po-details-card .ksfic-section-title{
padding-bottom:15px!important;
margin-bottom:16px!important;
}
#ksfic-po-add .ksfic-po-details-grid{
gap:14px 18px!important;
}
#ksfic-po-add .ksfic-po-details-grid .ksfic-field{
gap:7px!important;
}
#ksfic-po-add .ksfic-po-details-grid input,
#ksfic-po-add .ksfic-po-details-grid select{
height:46px!important;
border-radius:8px!important;
padding:0 12px!important;
}
#ksfic-po-add .ksfic-po-modern-items-head{
margin:0 0 14px!important;
gap:16px!important;
}
#ksfic-po-add .ksfic-po-actions .ksfic-btn{
height:38px!important;
min-height:38px!important;
padding:0 14px!important;
}
#ksfic-po-add .ksfic-po-modern-table-wrap{
border-radius:12px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
}
#ksfic-po-add .ksfic-po-items-table{
min-width:1300px!important;
}
#ksfic-po-add .ksfic-po-items-table thead th{
height:44px!important;
padding:0 8px!important;
}
#ksfic-po-add .ksfic-po-items-table tbody td{
height:54px!important;
padding:8px!important;
}
#ksfic-po-add .ksfic-po-items-table input,
#ksfic-po-add .ksfic-po-items-table select{
height:36px!important;
border-radius:8px!important;
padding:0 9px!important;
}
#ksfic-po-add .ksfic-po-items-table th:nth-child(1),
#ksfic-po-add .ksfic-po-items-table td:nth-child(1){width:82px!important;min-width:82px!important;max-width:82px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(2),
#ksfic-po-add .ksfic-po-items-table td:nth-child(2){width:155px!important;min-width:155px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(3),
#ksfic-po-add .ksfic-po-items-table td:nth-child(3){width:96px!important;min-width:96px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(4),
#ksfic-po-add .ksfic-po-items-table td:nth-child(4){width:112px!important;min-width:112px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(5),
#ksfic-po-add .ksfic-po-items-table td:nth-child(5){width:92px!important;min-width:92px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(6),
#ksfic-po-add .ksfic-po-items-table td:nth-child(6),
#ksfic-po-add .ksfic-po-items-table th:nth-child(7),
#ksfic-po-add .ksfic-po-items-table td:nth-child(7),
#ksfic-po-add .ksfic-po-items-table th:nth-child(8),
#ksfic-po-add .ksfic-po-items-table td:nth-child(8){width:84px!important;min-width:84px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(9),
#ksfic-po-add .ksfic-po-items-table td:nth-child(9){width:76px!important;min-width:76px!important;text-align:center!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(10),
#ksfic-po-add .ksfic-po-items-table td:nth-child(10){width:108px!important;min-width:108px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(11),
#ksfic-po-add .ksfic-po-items-table td:nth-child(11){width:108px!important;min-width:108px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(12),
#ksfic-po-add .ksfic-po-items-table td:nth-child(12){width:58px!important;min-width:58px!important;text-align:center!important;}
#ksfic-po-add .ksfic-po-items-table .po-item-type{
width:68px!important;
max-width:68px!important;
padding-left:7px!important;
padding-right:18px!important;
}
#ksfic-po-add .ksfic-po-remove-row{
width:32px!important;
height:32px!important;
min-width:32px!important;
}
#ksfic-po-add .ksfic-po-footer-actions{
margin:18px 0 0!important;
gap:18px!important;
}
#ksfic-po-add .ksfic-po-main-actions{
gap:10px!important;
}
#ksfic-po-add .ksfic-po-note{
padding:12px 14px!important;
font-size:13px!important;
}
/* v2.7.8 Purchasing screens: remove all card elevation/shadows and standardize spacing */
#ksfic-po-list *,
#ksfic-po-add *,
#ksfic-suppliers *,
#ksfic-currencies *{
filter:none!important;
}
#ksfic-po-list .ksfic-card,
#ksfic-po-list .ksfic-card:hover,
#ksfic-po-list .ksfic-po-filter-card,
#ksfic-po-list .ksfic-po-table-card,
#ksfic-po-add .ksfic-card,
#ksfic-po-add .ksfic-card:hover,
#ksfic-po-add .ksfic-po-modern-shell,
#ksfic-po-add .ksfic-po-modern-shell:hover,
#ksfic-po-add .ksfic-po-modern-card,
#ksfic-po-add .ksfic-po-modern-card:hover,
#ksfic-po-add .ksfic-po-details-card,
#ksfic-po-add .ksfic-po-details-card:hover,
#ksfic-po-add .ksfic-po-items-card,
#ksfic-po-add .ksfic-po-items-card:hover,
#ksfic-po-add .ksfic-po-modern-table-wrap,
#ksfic-po-add .ksfic-po-modern-table-wrap:hover,
#ksfic-po-add .ksfic-po-note,
#ksfic-po-add .ksfic-po-note:hover,
#ksfic-suppliers .ksfic-card,
#ksfic-suppliers .ksfic-card:hover,
#ksfic-suppliers .ksfic-admin-form-card,
#ksfic-suppliers .ksfic-admin-list-card,
#ksfic-currencies .ksfic-card,
#ksfic-currencies .ksfic-card:hover,
#ksfic-currencies .ksfic-admin-form-card,
#ksfic-currencies .ksfic-admin-list-card{
box-shadow:none!important;
transform:none!important;
}
#ksfic-po-list .ksfic-card,
#ksfic-suppliers .ksfic-card,
#ksfic-currencies .ksfic-card{
border:1px solid #dbe7f3!important;
border-radius:14px!important;
background:#fff!important;
}
#ksfic-po-list .ksfic-po-filter-card{
padding:14px 16px!important;
margin-bottom:14px!important;
}
#ksfic-po-list .ksfic-po-table-card{
padding:14px!important;
}
#ksfic-po-list .ksfic-table-wrap,
#ksfic-suppliers .ksfic-table-wrap,
#ksfic-currencies .ksfic-table-wrap{
padding:0!important;
border:1px solid #dbe7f3!important;
border-radius:12px!important;
overflow:auto!important;
background:#fff!important;
}
#ksfic-po-add .ksfic-po-modern-shell{
border:1px solid #dbe7f3!important;
border-radius:14px!important;
padding:18px 22px 20px!important;
background:#fff!important;
}
#ksfic-po-add .ksfic-po-modern-card{
border:1px solid #dbe7f3!important;
border-radius:14px!important;
padding:16px 18px!important;
margin-bottom:16px!important;
background:#fff!important;
}
#ksfic-po-add .ksfic-po-details-card .ksfic-section-title{
padding-bottom:13px!important;
margin-bottom:14px!important;
}
#ksfic-po-add .ksfic-section-icon{
width:40px!important;
height:40px!important;
}
#ksfic-po-add .ksfic-section-title h2{
font-size:19px!important;
}
#ksfic-po-add .ksfic-section-title p{
margin-top:2px!important;
}
#ksfic-po-add .ksfic-po-details-grid{
gap:12px 16px!important;
}
#ksfic-po-add .ksfic-po-details-grid input,
#ksfic-po-add .ksfic-po-details-grid select{
height:44px!important;
}
#ksfic-po-add .ksfic-po-items-table tbody td{
height:50px!important;
padding:7px 8px!important;
}
#ksfic-po-add .ksfic-po-items-table input,
#ksfic-po-add .ksfic-po-items-table select{
height:34px!important;
min-height:34px!important;
}
#ksfic-po-add .ksfic-po-footer-actions{
margin-top:16px!important;
}
#ksfic-suppliers .ksfic-admin-form-card,
#ksfic-currencies .ksfic-admin-form-card,
#ksfic-suppliers .ksfic-admin-list-card,
#ksfic-currencies .ksfic-admin-list-card{
padding:18px!important;
margin-bottom:14px!important;
}
#ksfic-suppliers .ksfic-admin-form-grid,
#ksfic-currencies .ksfic-admin-form-grid{
gap:14px 18px!important;
}
#ksfic-suppliers .ksfic-field input,
#ksfic-suppliers .ksfic-field select,
#ksfic-currencies .ksfic-field input,
#ksfic-currencies .ksfic-field select{
height:42px!important;
}
/* v2.7.8-add-po-clean-ui
Scoped Add Purchase Order page styling only.
No shadows, no page background, no transforms, no heavy effects. */
#ksfic-po-add.ksfic-po-editor-modern{
background:transparent!important;
padding:0!important;
margin:0!important;
contain:layout paint style!important;
}
#ksfic-po-add *,
#ksfic-po-add *::before,
#ksfic-po-add *::after{
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
transform:none!important;
box-sizing:border-box!important;
}
#ksfic-po-add .ksfic-po-modern-shell{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
overflow:visible!important;
}
#ksfic-po-add .ksfic-po-modern-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
margin:0 0 28px!important;
padding:0 6px!important;
}
#ksfic-po-add .ksfic-po-breadcrumb{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 24px!important;
color:#1f2937!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-add .ksfic-po-breadcrumb::before{
content:""!important;
width:14px!important;
height:14px!important;
border-radius:50%!important;
background:#dbeafe!important;
border:3px solid #93c5fd!important;
display:inline-block!important;
}
#ksfic-po-add .ksfic-po-breadcrumb button{
border:0!important;
padding:0!important;
margin:0!important;
background:transparent!important;
color:#0b67c2!important;
font:inherit!important;
cursor:pointer!important;
}
#ksfic-po-add .ksfic-po-breadcrumb span{
color:#64748b!important;
font-weight:900!important;
}
#ksfic-po-add .ksfic-po-breadcrumb strong{
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-po-add .ksfic-po-modern-head h1{
margin:0!important;
color:#111827!important;
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-po-add .ksfic-po-modern-head p{
margin:10px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-po-add .ksfic-po-cancel{
margin-top:34px!important;
height:48px!important;
min-height:48px!important;
padding:0 18px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
border:1px solid #d5dfeb!important;
border-radius:8px!important;
background:#fff!important;
color:#334155!important;
font-size:13px!important;
font-weight:800!important;
}
#ksfic-po-add .ksfic-po-btn-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
line-height:1!important;
font-size:20px!important;
font-weight:400!important;
}
#ksfic-po-add .ksfic-po-modern-card{
margin:0 0 28px!important;
padding:22px!important;
border:1px solid #dce6f2!important;
border-radius:12px!important;
background:#fff!important;
}
#ksfic-po-add .ksfic-section-title{
display:flex!important;
align-items:center!important;
gap:16px!important;
margin:0 0 22px!important;
}
#ksfic-po-add .ksfic-section-icon{
width:50px!important;
height:50px!important;
min-width:50px!important;
border-radius:9px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#eaf3ff!important;
color:#0b6fd3!important;
font-size:0!important;
}
#ksfic-po-add .ksfic-section-icon svg{
width:23px!important;
height:23px!important;
display:block!important;
}
#ksfic-po-add .ksfic-section-title h2{
margin:0!important;
color:#111827!important;
font-size:21px!important;
line-height:1.2!important;
letter-spacing:-.02em!important;
font-weight:900!important;
}
#ksfic-po-add .ksfic-section-title p{
margin:5px 0 0!important;
color:#34445c!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:400!important;
}
#ksfic-po-add .ksfic-po-details-card .ksfic-section-title{
padding:0 0 22px!important;
margin:0 0 22px!important;
border-bottom:1px solid #e5edf6!important;
}
#ksfic-po-add .ksfic-po-details-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:18px 26px!important;
align-items:end!important;
margin:0!important;
padding:0!important;
}
#ksfic-po-add .ksfic-po-details-grid .ksfic-field{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:10px!important;
margin:0!important;
}
#ksfic-po-add .ksfic-po-details-grid label,
#ksfic-po-add .ksfic-po-modern-card label{
margin:0!important;
color:#111827!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:0!important;
text-transform:none!important;
}
#ksfic-po-add .ksfic-po-details-grid label em{
color:#dc2626!important;
font-style:normal!important;
}
#ksfic-po-add .ksfic-po-details-grid input,
#ksfic-po-add .ksfic-po-details-grid select{
width:100%!important;
height:50px!important;
min-height:50px!important;
padding:0 14px!important;
border:1px solid #cfdbea!important;
border-radius:7px!important;
background:#fff!important;
color:#111827!important;
font-size:14px!important;
font-weight:400!important;
outline:none!important;
}
#ksfic-po-add .ksfic-po-details-grid input:focus,
#ksfic-po-add .ksfic-po-details-grid select:focus,
#ksfic-po-add .ksfic-po-items-table input:focus,
#ksfic-po-add .ksfic-po-items-table select:focus{
border-color:#0b6fd3!important;
outline:2px solid rgba(11,111,211,.12)!important;
outline-offset:0!important;
}
#ksfic-po-add .ksfic-po-modern-items-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 22px!important;
padding:0!important;
}
#ksfic-po-add .ksfic-po-modern-items-head .ksfic-section-title{
margin:0!important;
}
#ksfic-po-add .ksfic-po-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:12px!important;
flex-wrap:wrap!important;
padding-top:3px!important;
}
#ksfic-po-add .ksfic-btn{
height:44px!important;
min-height:44px!important;
padding:0 18px!important;
border:1px solid #0b6fd3!important;
border-radius:7px!important;
background:#fff!important;
color:#0b6fd3!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
cursor:pointer!important;
}
#ksfic-po-add .ksfic-btn:hover{
background:#fff!important;
border-color:#0b6fd3!important;
color:#0b6fd3!important;
}
#ksfic-po-add .ksfic-btn.primary{
background:#0b6fd3!important;
border-color:#0b6fd3!important;
color:#fff!important;
min-width:220px!important;
}
#ksfic-po-add .ksfic-po-modern-table-wrap{
position:relative!important;
overflow:auto!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-add .ksfic-po-items-table{
width:100%!important;
min-width:1390px!important;
margin:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
}
#ksfic-po-add .ksfic-po-items-table thead th{
height:52px!important;
padding:0 14px!important;
background:#f9fafb!important;
border-bottom:1px solid #d3deeb!important;
color:#344257!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:900!important;
text-align:left!important;
white-space:nowrap!important;
}
#ksfic-po-add .ksfic-po-items-table tbody td{
height:56px!important;
padding:8px 10px!important;
background:#fff!important;
border-bottom:1px solid #edf2f7!important;
color:#263850!important;
font-size:13px!important;
vertical-align:middle!important;
white-space:normal!important;
}
#ksfic-po-add .ksfic-po-items-table tbody tr:nth-child(odd) td,
#ksfic-po-add .ksfic-po-items-table tbody tr:nth-child(even) td,
#ksfic-po-add .ksfic-po-items-table tbody tr:hover td{
background:#fff!important;
}
#ksfic-po-add .ksfic-po-items-table input,
#ksfic-po-add .ksfic-po-items-table select{
width:100%!important;
min-width:0!important;
height:38px!important;
min-height:38px!important;
padding:0 10px!important;
border:1px solid #cfdbea!important;
border-radius:7px!important;
background:#fff!important;
color:#172033!important;
font-size:13px!important;
outline:none!important;
}
#ksfic-po-add .ksfic-po-items-table th:nth-child(1),
#ksfic-po-add .ksfic-po-items-table td:nth-child(1){width:90px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(2),
#ksfic-po-add .ksfic-po-items-table td:nth-child(2){width:155px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(3),
#ksfic-po-add .ksfic-po-items-table td:nth-child(3){width:100px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(4),
#ksfic-po-add .ksfic-po-items-table td:nth-child(4){width:120px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(5),
#ksfic-po-add .ksfic-po-items-table td:nth-child(5){width:100px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(6),
#ksfic-po-add .ksfic-po-items-table td:nth-child(6),
#ksfic-po-add .ksfic-po-items-table th:nth-child(7),
#ksfic-po-add .ksfic-po-items-table td:nth-child(7),
#ksfic-po-add .ksfic-po-items-table th:nth-child(8),
#ksfic-po-add .ksfic-po-items-table td:nth-child(8){width:105px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(9),
#ksfic-po-add .ksfic-po-items-table td:nth-child(9){width:95px!important;text-align:center!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(10),
#ksfic-po-add .ksfic-po-items-table td:nth-child(10){width:125px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(11),
#ksfic-po-add .ksfic-po-items-table td:nth-child(11){width:125px!important;}
#ksfic-po-add .ksfic-po-items-table th:nth-child(12),
#ksfic-po-add .ksfic-po-items-table td:nth-child(12){width:80px!important;text-align:center!important;}
#ksfic-po-add .ksfic-po-items-table tfoot td{
height:56px!important;
padding:0 14px!important;
background:#fff!important;
border-top:1px solid #d3deeb!important;
border-bottom:0!important;
color:#111827!important;
font-size:15px!important;
white-space:nowrap!important;
}
#ksfic-po-add .ksfic-po-empty-state{
min-height:154px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
color:#64748b!important;
background:#fff!important;
}
#ksfic-po-add .ksfic-po-empty-state span{
margin:0 0 8px!important;
color:#b8c4d4!important;
font-size:44px!important;
line-height:1!important;
}
#ksfic-po-add .ksfic-po-empty-state strong{
margin:0 0 8px!important;
color:#111827!important;
font-size:18px!important;
line-height:1.2!important;
font-weight:800!important;
}
#ksfic-po-add .ksfic-po-empty-state p{
margin:0!important;
color:#475569!important;
font-size:14px!important;
line-height:1.35!important;
}
#ksfic-po-add .ksfic-po-has-items .ksfic-po-empty-state{
display:none!important;
}
#ksfic-po-add .ksfic-po-footer-actions{
display:grid!important;
grid-template-columns:minmax(260px,460px) minmax(420px,1fr)!important;
align-items:start!important;
gap:26px!important;
margin:0 6px!important;
padding:0!important;
}
#ksfic-po-add .ksfic-po-main-actions{
display:flex!important;
align-items:center!important;
gap:14px!important;
flex-wrap:wrap!important;
}
#ksfic-po-add .ksfic-po-note{
display:flex!important;
align-items:flex-start!important;
gap:14px!important;
margin:0!important;
padding:14px 18px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
color:#475569!important;
font-size:14px!important;
line-height:1.55!important;
}
#ksfic-po-add .ksfic-po-note-icon{
width:24px!important;
height:24px!important;
min-width:24px!important;
border-radius:50%!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#0b6fd3!important;
color:#fff!important;
font-size:15px!important;
font-weight:900!important;
line-height:1!important;
margin-top:1px!important;
}
#ksfic-po-add .ksfic-po-remove-row{
width:34px!important;
height:34px!important;
min-width:34px!important;
padding:0!important;
border-radius:7px!important;
border-color:#fecaca!important;
background:#fff!important;
color:#dc2626!important;
}
#ksfic-po-add .ksfic-po-remove-row:hover{
background:#fff!important;
border-color:#fecaca!important;
color:#dc2626!important;
}
@media(max-width:1500px){
#ksfic-po-add .ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#ksfic-po-add .ksfic-po-footer-actions{grid-template-columns:1fr!important;}
}
@media(max-width:820px){
#ksfic-po-add .ksfic-po-modern-head,
#ksfic-po-add .ksfic-po-modern-items-head{
flex-direction:column!important;
align-items:flex-start!important;
}
#ksfic-po-add .ksfic-po-cancel{margin-top:0!important;}
#ksfic-po-add .ksfic-po-modern-head h1{font-size:28px!important;}
#ksfic-po-add .ksfic-po-details-grid{grid-template-columns:1fr!important;}
#ksfic-po-add .ksfic-po-modern-card{padding:16px!important;}
#ksfic-po-add .ksfic-po-main-actions,
#ksfic-po-add .ksfic-po-main-actions .ksfic-btn{
width:100%!important;
}
#ksfic-po-add .ksfic-po-note-break{display:none!important;}
}
/* v2.7.8-all-po-clean-ui
Scoped Purchase Orders list page styling only.
No shadows, no page background, no heavy effects. */
#ksfic-po-list.ksfic-card{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
contain:layout paint style!important;
}
#ksfic-po-list *,
#ksfic-po-list *::before,
#ksfic-po-list *::after{
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
transform:none!important;
box-sizing:border-box!important;
}
#ksfic-po-list .ksfic-po-list-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
margin:0 0 28px!important;
padding:0 6px!important;
}
#ksfic-po-list .ksfic-po-list-head > div:first-child::before{
content:"WooCommerce Purchasing › Purchase Orders"!important;
display:block!important;
margin:0 0 26px!important;
color:#1e293b!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
white-space:nowrap!important;
}
#ksfic-po-list .ksfic-po-list-head > div:first-child::first-letter{
color:#0b67c2!important;
}
#ksfic-po-list .ksfic-po-list-head h2{
margin:0!important;
color:#111827!important;
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-po-list .ksfic-po-list-head p{
margin:10px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-po-list #ksfic-po-new{
margin-top:25px!important;
height:48px!important;
min-height:48px!important;
padding:0 24px!important;
border:1px solid #0b67c2!important;
border-radius:8px!important;
background:#0b67c2!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list .ksfic-po-btn-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
line-height:1!important;
font-size:22px!important;
font-weight:400!important;
}
#ksfic-po-list .ksfic-po-filters{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 28px!important;
padding:20px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list .ksfic-po-filters > div:first-child{
display:flex!important;
align-items:center!important;
gap:18px!important;
}
#ksfic-po-list #ksfic-po-status-filter{
width:220px!important;
height:46px!important;
min-height:46px!important;
padding:0 16px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:800!important;
outline:none!important;
}
#ksfic-po-list #ksfic-po-filter{
height:46px!important;
min-height:46px!important;
padding:0 22px!important;
border:1px solid #b8cbe5!important;
border-radius:8px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list .ksfic-filter-icon,
#ksfic-po-list .ksfic-po-search-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
color:#0b67c2!important;
width:18px!important;
height:18px!important;
}
#ksfic-po-list .ksfic-filter-icon svg,
#ksfic-po-list .ksfic-po-search-icon svg{
width:18px!important;
height:18px!important;
display:block!important;
}
#ksfic-po-list .ksfic-po-search-wrap{
position:relative!important;
display:block!important;
width:318px!important;
max-width:100%!important;
}
#ksfic-po-list .ksfic-po-search-wrap .ksfic-po-search-icon{
position:absolute!important;
left:16px!important;
top:50%!important;
margin-top:-9px!important;
color:#53657d!important;
pointer-events:none!important;
}
#ksfic-po-list #ksfic-po-search{
width:100%!important;
height:46px!important;
min-height:46px!important;
padding:0 16px 0 44px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:400!important;
outline:none!important;
}
#ksfic-po-list #ksfic-po-search::placeholder{
color:#64748b!important;
}
#ksfic-po-list #ksfic-po-status-filter:focus,
#ksfic-po-list #ksfic-po-search:focus{
border-color:#0b67c2!important;
outline:2px solid rgba(11,103,194,.12)!important;
outline-offset:0!important;
}
#ksfic-po-list .ksfic-po-table-wrap{
overflow:auto!important;
margin:0!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list table.ksfic-table{
width:100%!important;
min-width:1180px!important;
margin:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
background:#fff!important;
}
#ksfic-po-list table.ksfic-table thead th{
height:56px!important;
padding:0 26px!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
text-align:left!important;
white-space:nowrap!important;
}
#ksfic-po-list table.ksfic-table tbody td{
height:60px!important;
padding:0 26px!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:600!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
#ksfic-po-list table.ksfic-table tbody tr:nth-child(odd) td,
#ksfic-po-list table.ksfic-table tbody tr:nth-child(even) td,
#ksfic-po-list table.ksfic-table tbody tr:hover td{
background:#fff!important;
}
#ksfic-po-list table.ksfic-table a{
color:#0b67c2!important;
text-decoration:none!important;
font-weight:900!important;
}
#ksfic-po-list table.ksfic-table th:nth-child(1),
#ksfic-po-list table.ksfic-table td:nth-child(1){width:150px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(2),
#ksfic-po-list table.ksfic-table td:nth-child(2){width:150px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(3),
#ksfic-po-list table.ksfic-table td:nth-child(3){width:145px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(4),
#ksfic-po-list table.ksfic-table td:nth-child(4){width:115px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(5),
#ksfic-po-list table.ksfic-table td:nth-child(5){width:140px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(6),
#ksfic-po-list table.ksfic-table td:nth-child(6){width:170px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(7),
#ksfic-po-list table.ksfic-table td:nth-child(7){width:180px!important;}
#ksfic-po-list table.ksfic-table th:nth-child(8),
#ksfic-po-list table.ksfic-table td:nth-child(8){width:180px!important;}
#ksfic-po-list .ksfic-po-status{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
height:28px!important;
padding:0 13px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
text-transform:none!important;
border:0!important;
background:#eef2f7!important;
color:#334155!important;
}
#ksfic-po-list .ksfic-po-status.ordered{
background:#fff1e8!important;
color:#c05621!important;
}
#ksfic-po-list .ksfic-po-status.received{
background:#dff7ea!important;
color:#087a3d!important;
}
#ksfic-po-list .ksfic-po-status.partially_received,
#ksfic-po-list .ksfic-po-status.partially-received{
background:#e5efff!important;
color:#0b67c2!important;
}
#ksfic-po-list .ksfic-po-row-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
}
#ksfic-po-list .ksfic-po-row-actions .ksfic-btn,
#ksfic-po-list .ksfic-po-row-actions button,
#ksfic-po-list .ksfic-po-row-actions a{
width:44px!important;
height:38px!important;
min-width:44px!important;
min-height:38px!important;
padding:0!important;
border:1px solid #b8cbe5!important;
border-radius:7px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:0!important;
line-height:1!important;
}
#ksfic-po-list .ksfic-po-row-actions .ksfic-btn::before,
#ksfic-po-list .ksfic-po-row-actions button::before,
#ksfic-po-list .ksfic-po-row-actions a::before{
font-size:17px!important;
line-height:1!important;
font-weight:700!important;
}
#ksfic-po-list .ksfic-po-row-actions .ksfic-po-edit::before,
#ksfic-po-list .ksfic-po-row-actions [data-action="edit"]::before{
content:"✎"!important;
}
#ksfic-po-list .ksfic-po-row-actions .ksfic-po-print::before,
#ksfic-po-list .ksfic-po-row-actions [data-action="print"]::before{
content:"▣"!important;
}
#ksfic-po-list .ksfic-po-row-actions .ksfic-po-delete,
#ksfic-po-list .ksfic-po-row-actions [data-action="delete"]{
border-color:#fecaca!important;
color:#ef4444!important;
}
#ksfic-po-list .ksfic-po-row-actions .ksfic-po-delete::before,
#ksfic-po-list .ksfic-po-row-actions [data-action="delete"]::before{
content:"🗑"!important;
font-size:15px!important;
}
#ksfic-po-list .ksfic-po-table-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
min-height:72px!important;
padding:16px 26px!important;
border-top:1px solid #d3deeb!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
}
#ksfic-po-list .ksfic-po-pagination,
#ksfic-po-list .ksfic-pagination{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin-left:auto!important;
}
#ksfic-po-list .ksfic-po-pagination button,
#ksfic-po-list .ksfic-pagination button,
#ksfic-po-list .paginate_button{
width:36px!important;
height:36px!important;
min-width:36px!important;
padding:0!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
color:#334155!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:13px!important;
font-weight:800!important;
line-height:1!important;
cursor:pointer!important;
}
#ksfic-po-list .ksfic-po-pagination button.active,
#ksfic-po-list .ksfic-pagination button.active,
#ksfic-po-list .paginate_button.current{
border-color:#0b67c2!important;
background:#0b67c2!important;
color:#fff!important;
}
@media(max-width:900px){
#ksfic-po-list .ksfic-po-list-head,
#ksfic-po-list .ksfic-po-filters{
flex-direction:column!important;
align-items:stretch!important;
}
#ksfic-po-list #ksfic-po-new{
margin-top:0!important;
width:100%!important;
}
#ksfic-po-list .ksfic-po-filters > div:first-child{
flex-direction:column!important;
align-items:stretch!important;
}
#ksfic-po-list #ksfic-po-status-filter,
#ksfic-po-list #ksfic-po-filter,
#ksfic-po-list .ksfic-po-search-wrap{
width:100%!important;
}
#ksfic-po-list .ksfic-po-list-head h2{
font-size:28px!important;
}
}
/* v2.7.8-all-po-clean-ui-fixed
Reliable PO list page styling hook. Add this LAST so it overrides old styles.
Scoped only under #ksfic-po-list / data-po-clean-ui. */
section#ksfic-po-list[data-po-clean-ui],
section#ksfic-po-list[data-po-clean-ui].ksfic-card,
#ksfic-po-list[data-po-clean-ui]{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
max-width:none!important;
width:100%!important;
}
#ksfic-po-list[data-po-clean-ui] *,
#ksfic-po-list[data-po-clean-ui] *::before,
#ksfic-po-list[data-po-clean-ui] *::after{
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
box-sizing:border-box!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
margin:0 0 28px!important;
padding:0 6px!important;
border:0!important;
background:transparent!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 26px!important;
color:#1e293b!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean span{
color:#0b67c2!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean b{
color:#64748b!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean strong{
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head h2,
#ksfic-po-list[data-po-clean-ui] h2{
margin:0!important;
color:#111827!important;
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
border:0!important;
padding:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head p{
margin:10px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-new,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-new-clean{
margin-top:25px!important;
height:48px!important;
min-height:48px!important;
padding:0 24px!important;
border:1px solid #0b67c2!important;
border-radius:8px!important;
background:#0b67c2!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 28px!important;
padding:20px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters > div:first-child{
display:flex!important;
align-items:center!important;
gap:18px!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-status-filter,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status-filter-clean{
width:220px!important;
height:46px!important;
min-height:46px!important;
padding:0 16px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:800!important;
outline:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-filter{
height:46px!important;
min-height:46px!important;
padding:0 22px!important;
border:1px solid #b8cbe5!important;
border-radius:8px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-clean{
width:318px!important;
height:46px!important;
min-height:46px!important;
padding:0 16px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:400!important;
outline:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search::placeholder{
color:#64748b!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-wrap,
#ksfic-po-list[data-po-clean-ui] .ksfic-table-wrap,
#ksfic-po-list[data-po-clean-ui] .ksfic-table-container{
overflow:auto!important;
margin:0!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] table,
#ksfic-po-list[data-po-clean-ui] table.ksfic-table{
width:100%!important;
min-width:1180px!important;
margin:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
background:#fff!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] table thead th{
height:56px!important;
padding:0 26px!important;
border:0!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
text-align:left!important;
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] table tbody td{
height:60px!important;
padding:0 26px!important;
border:0!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:600!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] table tbody tr,
#ksfic-po-list[data-po-clean-ui] table tbody tr:nth-child(odd),
#ksfic-po-list[data-po-clean-ui] table tbody tr:nth-child(even),
#ksfic-po-list[data-po-clean-ui] table tbody tr:hover,
#ksfic-po-list[data-po-clean-ui] table tbody tr td{
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] table a{
color:#0b67c2!important;
text-decoration:none!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status,
#ksfic-po-list[data-po-clean-ui] .status,
#ksfic-po-list[data-po-clean-ui] [class*="status"]{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
height:28px!important;
padding:0 13px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
text-transform:none!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.ordered,
#ksfic-po-list[data-po-clean-ui] .ordered{
background:#fff1e8!important;
color:#c05621!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.received,
#ksfic-po-list[data-po-clean-ui] .received{
background:#dff7ea!important;
color:#087a3d!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.partially_received,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.partially-received,
#ksfic-po-list[data-po-clean-ui] .partially_received,
#ksfic-po-list[data-po-clean-ui] .partially-received{
background:#e5efff!important;
color:#0b67c2!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions,
#ksfic-po-list[data-po-clean-ui] td:last-child{
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions a,
#ksfic-po-list[data-po-clean-ui] td:last-child button{
width:44px!important;
height:38px!important;
min-width:44px!important;
min-height:38px!important;
padding:0!important;
border:1px solid #b8cbe5!important;
border-radius:7px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:14px!important;
line-height:1!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-footer,
#ksfic-po-list[data-po-clean-ui] .dataTables_info,
#ksfic-po-list[data-po-clean-ui] .ksfic-table-footer{
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
}
@media(max-width:900px){
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters{
flex-direction:column!important;
align-items:stretch!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-new,
#ksfic-po-list[data-po-clean-ui] #ksfic-po-status-filter,
#ksfic-po-list[data-po-clean-ui] #ksfic-po-filter,
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search{
width:100%!important;
}
}
/* v2.7.8-po-list-standardized
Final Purchase Orders list standardization. Scoped only to the PO list. */
#ksfic-po-list[data-po-clean-ui],
#ksfic-po-list[data-po-clean-ui].ksfic-card{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
width:100%!important;
max-width:none!important;
}
#ksfic-po-list[data-po-clean-ui] *,
#ksfic-po-list[data-po-clean-ui] *::before,
#ksfic-po-list[data-po-clean-ui] *::after{
box-sizing:border-box!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
margin:0 0 28px!important;
padding:0 6px!important;
background:transparent!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 26px!important;
padding:0!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
color:#1f2937!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean button{
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#0b67c2!important;
font:inherit!important;
font-weight:900!important;
cursor:pointer!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean span{
color:#64748b!important;
font-weight:900!important;
font-size:16px!important;
line-height:1!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean strong{
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head h2{
margin:0!important;
padding:0!important;
border:0!important;
color:#111827!important;
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head p{
margin:10px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-new{
margin-top:25px!important;
height:48px!important;
min-height:48px!important;
padding:0 24px!important;
border:1px solid #0b67c2!important;
border-radius:8px!important;
background:#0b67c2!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-new::before{
content:"+"!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
color:#fff!important;
font-size:23px!important;
line-height:1!important;
font-weight:400!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-new .ksfic-po-btn-icon{
display:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:0 0 28px!important;
padding:20px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters > div:first-child{
display:flex!important;
align-items:center!important;
gap:18px!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-status-filter{
width:220px!important;
height:46px!important;
min-height:46px!important;
padding:0 42px 0 16px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background-color:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:800!important;
outline:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-filter{
height:46px!important;
min-height:46px!important;
padding:0 22px!important;
border:1px solid #b8cbe5!important;
border-radius:8px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-filter::before{
content:""!important;
width:18px!important;
height:18px!important;
display:inline-block!important;
background-color:currentColor!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-wrap{
position:relative!important;
display:block!important;
width:318px!important;
max-width:100%!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-wrap::before{
content:""!important;
position:absolute!important;
left:16px!important;
top:50%!important;
width:18px!important;
height:18px!important;
margin-top:-9px!important;
background:#53657d!important;
pointer-events:none!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-icon{
display:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search{
width:100%!important;
height:46px!important;
min-height:46px!important;
padding:0 16px 0 44px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:400!important;
outline:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search::placeholder{
color:#64748b!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-wrap,
#ksfic-po-list[data-po-clean-ui] .ksfic-table-wrap,
#ksfic-po-list[data-po-clean-ui] .ksfic-table-container{
overflow:auto!important;
margin:0!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] table,
#ksfic-po-list[data-po-clean-ui] table.ksfic-table{
width:100%!important;
min-width:1180px!important;
margin:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
background:#fff!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] table thead th{
height:56px!important;
padding:0 26px!important;
border:0!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
text-align:left!important;
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] table tbody td{
height:60px!important;
padding:0 26px!important;
border:0!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:600!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] table tbody tr,
#ksfic-po-list[data-po-clean-ui] table tbody tr:nth-child(odd),
#ksfic-po-list[data-po-clean-ui] table tbody tr:nth-child(even),
#ksfic-po-list[data-po-clean-ui] table tbody tr:hover,
#ksfic-po-list[data-po-clean-ui] table tbody tr td{
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] table a{
color:#0b67c2!important;
text-decoration:none!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
height:28px!important;
padding:0 13px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
text-transform:none!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.ordered{background:#fff1e8!important;color:#c05621!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.received{background:#dff7ea!important;color:#087a3d!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.partially_received,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.partially-received{background:#e5efff!important;color:#0b67c2!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions a,
#ksfic-po-list[data-po-clean-ui] td:last-child button,
#ksfic-po-list[data-po-clean-ui] td:last-child a{
width:44px!important;
height:38px!important;
min-width:44px!important;
min-height:38px!important;
padding:0!important;
border:1px solid #b8cbe5!important;
border-radius:7px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:0!important;
line-height:1!important;
overflow:hidden!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button::before,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions a::before,
#ksfic-po-list[data-po-clean-ui] td:last-child button::before,
#ksfic-po-list[data-po-clean-ui] td:last-child a::before{
content:""!important;
width:18px!important;
height:18px!important;
display:block!important;
background:currentColor!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button:nth-child(1)::before,
#ksfic-po-list[data-po-clean-ui] td:last-child button:nth-child(1)::before,
#ksfic-po-list[data-po-clean-ui] td:last-child a:nth-child(1)::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button:nth-child(2)::before,
#ksfic-po-list[data-po-clean-ui] td:last-child button:nth-child(2)::before,
#ksfic-po-list[data-po-clean-ui] td:last-child a:nth-child(2)::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button:nth-child(3),
#ksfic-po-list[data-po-clean-ui] td:last-child button:nth-child(3),
#ksfic-po-list[data-po-clean-ui] td:last-child a:nth-child(3){
border-color:#fecaca!important;
color:#ef4444!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions button:nth-child(3)::before,
#ksfic-po-list[data-po-clean-ui] td:last-child button:nth-child(3)::before,
#ksfic-po-list[data-po-clean-ui] td:last-child a:nth-child(3)::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-footer,
#ksfic-po-list[data-po-clean-ui] .ksfic-table-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
min-height:72px!important;
padding:16px 26px!important;
border-top:1px solid #d3deeb!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
}
#ksfic-po-list[data-po-clean-ui] .dataTables_info,
#ksfic-po-list[data-po-clean-ui] [class*="info"]{
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
padding:0!important;
margin:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination,
#ksfic-po-list[data-po-clean-ui] .dataTables_paginate,
#ksfic-po-list[data-po-clean-ui] [class*="pagination"]{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
margin-left:auto!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination button,
#ksfic-po-list[data-po-clean-ui] .dataTables_paginate a,
#ksfic-po-list[data-po-clean-ui] [class*="pagination"] button,
#ksfic-po-list[data-po-clean-ui] [class*="pagination"] a{
width:36px!important;
height:36px!important;
min-width:36px!important;
padding:0!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
color:#334155!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:13px!important;
font-weight:800!important;
line-height:1!important;
text-decoration:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination .active,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination .active,
#ksfic-po-list[data-po-clean-ui] .dataTables_paginate .current,
#ksfic-po-list[data-po-clean-ui] [class*="pagination"] .active{
border-color:#0b67c2!important;
background:#0b67c2!important;
color:#fff!important;
}
@media(max-width:900px){
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters{
flex-direction:column!important;
align-items:stretch!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-new{margin-top:0!important;width:100%!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filters > div:first-child{flex-direction:column!important;align-items:stretch!important;}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-status-filter,
#ksfic-po-list[data-po-clean-ui] #ksfic-po-filter,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-wrap{width:100%!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-head h2{font-size:28px!important;}
}
/* v2.7.8-po-list-sections-fixed
Adds the missing visible top title/breadcrumb section and bottom pagination section.
Still scoped only to All Purchase Orders page. */
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section{
display:block!important;
margin:0 0 28px!important;
padding:24px 28px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section .ksfic-po-list-head{
margin:0!important;
padding:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 22px!important;
padding:0!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean button,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean .ksfic-po-bc-main{
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#0b67c2!important;
font:inherit!important;
font-weight:900!important;
cursor:pointer!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean span{
color:#64748b!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean strong{
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-wrap{
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
overflow:hidden!important;
margin:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-wrap table{
border-radius:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
min-height:72px!important;
padding:16px 26px!important;
border-top:1px solid #d3deeb!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
width:100%!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-footer-info,
#ksfic-po-list[data-po-clean-ui] .dataTables_info{
display:block!important;
color:#1f2937!important;
font-size:13px!important;
line-height:1!important;
font-weight:600!important;
padding:0!important;
margin:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination,
#ksfic-po-list[data-po-clean-ui] .dataTables_paginate,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
margin:0!important;
padding:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination a,
#ksfic-po-list[data-po-clean-ui] .dataTables_paginate a,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination button,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination a{
width:36px!important;
height:36px!important;
min-width:36px!important;
min-height:36px!important;
padding:0!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
color:#334155!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
text-decoration:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button.active,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination a.current,
#ksfic-po-list[data-po-clean-ui] .dataTables_paginate a.current,
#ksfic-po-list[data-po-clean-ui] .ksfic-pagination button.active{
border-color:#0b67c2!important;
background:#0b67c2!important;
color:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button:disabled{
opacity:1!important;
color:#334155!important;
cursor:default!important;
}
@media(max-width:900px){
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section{
padding:18px!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-footer{
flex-direction:column!important;
align-items:flex-start!important;
}
}
/* v2.7.8-po-list-real-fix
Actual All Purchase Orders screen styling. Scoped only to #ksfic-po-list. */
#ksfic-po-list[data-po-clean-ui],
#ksfic-po-list[data-po-clean-ui].ksfic-po-screen{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
#ksfic-po-list[data-po-clean-ui] *,
#ksfic-po-list[data-po-clean-ui] *::before,
#ksfic-po-list[data-po-clean-ui] *::after{
box-sizing:border-box!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section{
margin:0 0 28px!important;
padding:24px 28px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-page-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 22px!important;
padding:0!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean button{
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#0b67c2!important;
font:inherit!important;
font-weight:900!important;
cursor:pointer!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean span{
color:#64748b!important;
font-size:16px!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-breadcrumb-clean strong{
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-page-kicker{
display:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-page-head h1{
margin:0!important;
padding:0!important;
color:#111827!important;
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-page-head p{
display:block!important;
margin:10px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-page-head .ksfic-btn.primary{
margin-top:30px!important;
height:48px!important;
min-height:48px!important;
padding:0 24px!important;
border:1px solid #0b67c2!important;
border-radius:8px!important;
background:#0b67c2!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-plus{
font-size:23px!important;
line-height:1!important;
font-weight:400!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-card,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filter-card,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-card{
box-shadow:none!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filter-card{
margin:0 0 28px!important;
padding:20px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-filterbar{
width:100%!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filter-left{
display:flex!important;
align-items:center!important;
gap:18px!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-status{
width:220px!important;
height:46px!important;
min-height:46px!important;
padding:0 42px 0 16px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background-color:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:800!important;
outline:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-load-po-list{
height:46px!important;
min-height:46px!important;
padding:0 22px!important;
border:1px solid #b8cbe5!important;
border-radius:8px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-filter-symbol{
width:18px!important;
height:18px!important;
display:inline-block!important;
background:currentColor!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-wrap{
position:relative!important;
display:block!important;
width:318px!important;
max-width:100%!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-symbol{
position:absolute!important;
left:16px!important;
top:50%!important;
width:18px!important;
height:18px!important;
margin-top:-9px!important;
background:#53657d!important;
pointer-events:none!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search{
width:100%!important;
height:46px!important;
min-height:46px!important;
padding:0 16px 0 44px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:400!important;
outline:none!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-search::placeholder{
color:#64748b!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-card{
margin:0!important;
padding:0!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
overflow:hidden!important;
}
#ksfic-po-list[data-po-clean-ui] #ksfic-po-list-table{
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
overflow:auto!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table{
width:100%!important;
min-width:1180px!important;
margin:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
background:#fff!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table thead th{
height:56px!important;
padding:0 26px!important;
border:0!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
text-align:left!important;
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table tbody td{
height:60px!important;
padding:0 26px!important;
border:0!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:600!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table tbody tr,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table tbody tr:nth-child(odd),
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table tbody tr:nth-child(even),
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table tbody tr:hover,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-table tbody tr td{
background:#fff!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-no-link{
color:#0b67c2!important;
text-decoration:none!important;
font-weight:900!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:28px!important;
padding:0 13px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
text-transform:none!important;
border:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.ordered,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.draft{background:#fff1e8!important;color:#c05621!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.received{background:#dff7ea!important;color:#087a3d!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.partially_received{background:#e5efff!important;color:#0b67c2!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-mini-btn{
width:44px!important;
height:38px!important;
min-width:44px!important;
min-height:38px!important;
padding:0!important;
border:1px solid #b8cbe5!important;
border-radius:7px!important;
background:#fff!important;
color:#0b67c2!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:0!important;
line-height:1!important;
overflow:hidden!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-mini-btn::before{
content:""!important;
width:18px!important;
height:18px!important;
display:block!important;
background:currentColor!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-po-edit::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-po-print::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-po-delete{
border-color:#fecaca!important;
color:#ef4444!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-po-delete::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
min-height:72px!important;
padding:16px 26px!important;
border-top:1px solid #d3deeb!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
width:100%!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-footer-info{
color:#1f2937!important;
font-size:13px!important;
line-height:1!important;
font-weight:600!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
margin:0!important;
padding:0!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button{
width:36px!important;
height:36px!important;
min-width:36px!important;
min-height:36px!important;
padding:0!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
color:#334155!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:16px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button.active{
border-color:#0b67c2!important;
background:#0b67c2!important;
color:#fff!important;
font-size:13px!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-pagination button:disabled{
opacity:1!important;
cursor:default!important;
}
@media(max-width:900px){
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section{padding:18px!important;}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-page-head,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-filterbar,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-filter-left,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-table-footer{
flex-direction:column!important;
align-items:stretch!important;
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-page-head .ksfic-btn.primary,
#ksfic-po-list[data-po-clean-ui] #ksfic-po-status,
#ksfic-po-list[data-po-clean-ui] #ksfic-load-po-list,
#ksfic-po-list[data-po-clean-ui] .ksfic-po-search-wrap{
width:100%!important;
}
}
/* v2.7.8-po-spacing-border-fix
Remove top border on All Purchase Orders page and standardize Add New PO spacing. */
/* All Purchase Orders: no border around top title/permalink section */
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section{
border:0!important;
border-radius:0!important;
padding:0 6px!important;
margin:0 0 28px!important;
background:transparent!important;
box-shadow:none!important;
}
/* Add New PO: match All Purchase Orders spacing/margins */
#ksfic-po-add.ksfic-po-editor-modern{
background:transparent!important;
padding:0!important;
margin:0!important;
}
#ksfic-po-add .ksfic-po-modern-shell{
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
#ksfic-po-add .ksfic-po-modern-head{
padding:0 6px!important;
margin:0 0 28px!important;
}
#ksfic-po-add .ksfic-po-breadcrumb{
margin:0 0 22px!important;
}
#ksfic-po-add .ksfic-po-modern-card{
margin:0 0 28px!important;
padding:22px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important;
}
#ksfic-po-add .ksfic-po-details-card .ksfic-section-title{
margin:0 0 22px!important;
padding:0 0 22px!important;
}
#ksfic-po-add .ksfic-po-modern-items-head{
margin:0 0 22px!important;
padding:0!important;
}
#ksfic-po-add .ksfic-po-footer-actions{
margin:0 6px!important;
padding:0!important;
}
@media(max-width:900px){
#ksfic-po-list[data-po-clean-ui] .ksfic-po-list-top-section{
padding:0!important;
}
#ksfic-po-add .ksfic-po-modern-head,
#ksfic-po-add .ksfic-po-footer-actions{
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
}
#ksfic-po-add .ksfic-po-modern-card{
padding:18px!important;
}
}
/* v2.7.8-suppliers-clean-ui
Suppliers page standardized to match Purchase Orders styling.
Scoped only to supplier screens. */
#ksfic-suppliers,
#ksfic-suppliers *{
box-shadow:none!important;
}
#ksfic-suppliers{
background:transparent!important;
border:0!important;
padding:0!important;
margin:0!important;
}
#ksfic-suppliers .ksfic-page-head{
margin:0 0 28px!important;
padding:0 6px!important;
background:transparent!important;
border:0!important;
}
#ksfic-suppliers .ksfic-page-kicker{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 22px!important;
color:#0b67c2!important;
font-size:13px!important;
line-height:1!important;
font-weight:900!important;
}
#ksfic-suppliers .ksfic-page-kicker::after{
content:"› Suppliers"!important;
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-suppliers .ksfic-page-head h1{
margin:0!important;
color:#111827!important;
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-suppliers .ksfic-page-head p{
display:block!important;
margin:10px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-suppliers .ksfic-card{
margin:0 0 28px!important;
padding:22px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-suppliers .ksfic-card-head,
#ksfic-suppliers .ksfic-section-title{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:20px!important;
margin:0 0 22px!important;
padding:0 0 22px!important;
border-bottom:1px solid #e5edf6!important;
}
#ksfic-suppliers .ksfic-section-title-left{
display:flex!important;
align-items:center!important;
gap:16px!important;
}
#ksfic-suppliers .ksfic-section-icon{
width:50px!important;
height:50px!important;
min-width:50px!important;
border-radius:9px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#eaf3ff!important;
color:#0b6fd3!important;
}
#ksfic-suppliers .ksfic-section-title h2,
#ksfic-suppliers .ksfic-card-head h2{
margin:0!important;
color:#111827!important;
font-size:21px!important;
line-height:1.2!important;
font-weight:900!important;
}
#ksfic-suppliers .ksfic-section-title p,
#ksfic-suppliers .ksfic-card-head p{
margin:5px 0 0!important;
color:#34445c!important;
font-size:14px!important;
line-height:1.35!important;
}
#ksfic-suppliers .ksfic-grid,
#ksfic-suppliers .ksfic-form-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px 28px!important;
}
#ksfic-suppliers .ksfic-field{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
}
#ksfic-suppliers label{
margin:0!important;
color:#111827!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
}
#ksfic-suppliers input,
#ksfic-suppliers select,
#ksfic-suppliers textarea{
width:100%!important;
height:46px!important;
min-height:46px!important;
padding:0 14px!important;
border:1px solid #cfdbea!important;
border-radius:8px!important;
background:#fff!important;
color:#111827!important;
font-size:14px!important;
outline:none!important;
}
#ksfic-suppliers input:focus,
#ksfic-suppliers select:focus,
#ksfic-suppliers textarea:focus{
border-color:#0b67c2!important;
outline:2px solid rgba(11,103,194,.12)!important;
}
#ksfic-suppliers .ksfic-btn.primary{
height:46px!important;
padding:0 20px!important;
border:1px solid #0b67c2!important;
border-radius:8px!important;
background:#0b67c2!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
font-size:14px!important;
font-weight:800!important;
}
#ksfic-suppliers .ksfic-table-wrap{
overflow:auto!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
}
#ksfic-suppliers table{
width:100%!important;
border-collapse:collapse!important;
background:#fff!important;
}
#ksfic-suppliers table thead th{
height:56px!important;
padding:0 18px!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
font-weight:900!important;
text-align:left!important;
}
#ksfic-suppliers table tbody td{
height:58px!important;
padding:0 18px!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
font-weight:600!important;
}
#ksfic-suppliers table tbody tr:hover td{
background:#fff!important;
}
#ksfic-suppliers .ksfic-status-active{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:28px!important;
padding:0 13px!important;
border-radius:999px!important;
background:#dff7ea!important;
color:#087a3d!important;
font-size:12px!important;
font-weight:900!important;
}
#ksfic-suppliers .ksfic-actions{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
#ksfic-suppliers .ksfic-actions .ksfic-btn{
height:38px!important;
min-height:38px!important;
padding:0 16px!important;
border-radius:7px!important;
background:#fff!important;
font-size:13px!important;
font-weight:800!important;
}
#ksfic-suppliers .ksfic-actions .edit{
border:1px solid #b8cbe5!important;
color:#0b67c2!important;
}
#ksfic-suppliers .ksfic-actions .delete{
border:1px solid #fecaca!important;
color:#ef4444!important;
}
#ksfic-suppliers .ksfic-table-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
min-height:72px!important;
padding:16px 26px!important;
border-top:1px solid #d3deeb!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
}
#ksfic-suppliers .ksfic-pagination{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
#ksfic-suppliers .ksfic-pagination button{
width:36px!important;
height:36px!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
color:#334155!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:13px!important;
font-weight:800!important;
}
#ksfic-suppliers .ksfic-pagination button.active{
border-color:#0b67c2!important;
background:#0b67c2!important;
color:#fff!important;
}
@media(max-width:900px){
#ksfic-suppliers .ksfic-grid,
#ksfic-suppliers .ksfic-form-grid{
grid-template-columns:1fr!important;
}
#ksfic-suppliers .ksfic-card-head,
#ksfic-suppliers .ksfic-section-title,
#ksfic-suppliers .ksfic-table-footer{
flex-direction:column!important;
align-items:stretch!important;
}
}
/* v2.7.8-suppliers-exact-ui-final
Exact Suppliers page UI. Scoped only to #ksfic-suppliers[data-suppliers-exact-ui]. */
#ksfic-suppliers[data-suppliers-exact-ui],
#ksfic-suppliers[data-suppliers-exact-ui].ksfic-suppliers-screen{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
width:100%!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] *,
#ksfic-suppliers[data-suppliers-exact-ui] *::before,
#ksfic-suppliers[data-suppliers-exact-ui] *::after{
box-sizing:border-box!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-page-head{
margin:0 0 22px!important;
padding:0 0 0 0!important;
background:transparent!important;
border:0!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-breadcrumb{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 24px!important;
padding:0!important;
font-size:13px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-breadcrumb button{
padding:0!important;
margin:0!important;
border:0!important;
background:transparent!important;
color:#0b67c2!important;
font:inherit!important;
font-weight:900!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-breadcrumb span:not(.ksfic-suppliers-bc-icon){
color:#64748b!important;
font-weight:900!important;
font-size:16px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-breadcrumb strong{
color:#1f2937!important;
font-weight:800!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-bc-icon{
width:16px!important;
height:16px!important;
display:inline-block!important;
background:#0b67c2!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-page-head h1{
margin:0!important;
padding:0!important;
color:#111827!important;
font-size:30px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-page-head p{
margin:12px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
font-weight:400!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-card,
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-form-card,
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-list-card{
margin:0 0 28px!important;
padding:22px!important;
border:1px solid #dce6f2!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:none!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-form-card{
min-height:420px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-card-head{
display:flex!important;
align-items:center!important;
gap:16px!important;
margin:0 0 26px!important;
padding:0!important;
border:0!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-card-icon{
width:48px!important;
height:48px!important;
min-width:48px!important;
border-radius:9px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#eaf3ff!important;
color:#0b67c2!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-card-icon::before{
content:""!important;
width:24px!important;
height:24px!important;
display:block!important;
background:currentColor!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-add-icon::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-list-icon::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-card-head h2{
margin:0!important;
color:#111827!important;
font-size:18px!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:-.01em!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-card-head p{
margin:6px 0 0!important;
color:#34445c!important;
font-size:14px!important;
line-height:1.35!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-form-grid{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:22px 28px!important;
align-items:end!important;
margin:0 0 24px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-payment{
grid-column:1 / span 2!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-field{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
margin:0!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-field > span:first-child,
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-active-label{
color:#111827!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:900!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] em{
color:#dc2626!important;
font-style:normal!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] input,
#ksfic-suppliers[data-suppliers-exact-ui] select{
width:100%!important;
height:44px!important;
min-height:44px!important;
padding:0 14px!important;
border:1px solid #cfdbea!important;
border-radius:5px!important;
background:#fff!important;
color:#111827!important;
font-size:14px!important;
line-height:1!important;
outline:none!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] select{
padding-right:40px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] input::placeholder{
color:#728198!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-input-icon-wrap{
position:relative!important;
display:block!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-input-icon-wrap input{
padding-left:44px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-input-icon-wrap::before{
content:""!important;
position:absolute!important;
left:15px!important;
top:50%!important;
width:17px!important;
height:17px!important;
margin-top:-8.5px!important;
background:#0b67c2!important;
pointer-events:none!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-input-user::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-input-email::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-input-doc::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-active-block{
margin:4px 0 18px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-active-label{
display:block!important;
margin:0 0 11px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch-row{
display:flex!important;
align-items:flex-start!important;
gap:12px!important;
margin:0!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch{
position:relative!important;
display:inline-block!important;
width:34px!important;
height:20px!important;
min-width:34px!important;
margin-top:1px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch input{
opacity:0!important;
width:0!important;
height:0!important;
position:absolute!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch i{
position:absolute!important;
inset:0!important;
border-radius:999px!important;
background:#cbd5e1!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch i::before{
content:""!important;
position:absolute!important;
width:14px!important;
height:14px!important;
left:3px!important;
top:3px!important;
border-radius:50%!important;
background:#fff!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch input:checked + i{
background:#0b67c2!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch input:checked + i::before{
left:17px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch-copy strong{
display:block!important;
color:#111827!important;
font-size:14px!important;
line-height:1.2!important;
font-weight:800!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-switch-copy small{
display:block!important;
margin-top:4px!important;
color:#34445c!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:400!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] #ksfic-save-supplier{
height:38px!important;
min-height:38px!important;
padding:0 18px!important;
border:1px solid #0b67c2!important;
border-radius:5px!important;
background:#0b67c2!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
font-size:14px!important;
line-height:1!important;
font-weight:800!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-save-symbol{
width:16px!important;
height:16px!important;
background:currentColor!important;
display:inline-block!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-list-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:20px!important;
margin:0 0 18px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-list-head .ksfic-supplier-card-head{
margin:0!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-search-wrap{
position:relative!important;
width:300px!important;
max-width:100%!important;
margin-top:2px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-search-symbol{
position:absolute!important;
left:14px!important;
top:50%!important;
width:18px!important;
height:18px!important;
margin-top:-9px!important;
background:#53657d!important;
pointer-events:none!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] #ksfic-supplier-search{
height:44px!important;
padding-left:42px!important;
border-radius:5px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] #ksfic-suppliers-table{
border:1px solid #dce6f2!important;
border-radius:6px!important;
background:#fff!important;
overflow:hidden!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-table{
width:100%!important;
margin:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
background:#fff!important;
border:0!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-table th{
height:44px!important;
padding:0 16px!important;
border:0!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
font-weight:900!important;
text-align:left!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-table td{
height:52px!important;
padding:0 16px!important;
border:0!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
font-weight:500!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-table tr:hover td,
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-suppliers-table tr:nth-child(even) td{
background:#fff!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-status{
height:24px!important;
padding:0 12px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-status.active{
background:#dff7ea!important;
color:#087a3d!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-status.inactive{
background:#eef2f7!important;
color:#475569!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-actions{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-actions button{
height:34px!important;
min-height:34px!important;
padding:0 13px!important;
border-radius:5px!important;
background:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
font-size:13px!important;
font-weight:800!important;
line-height:1!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-edit{
border:1px solid #b8cbe5!important;
color:#0b67c2!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-delete{
border:1px solid #fecaca!important;
color:#ef4444!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-actions span{
width:15px!important;
height:15px!important;
display:inline-block!important;
background:currentColor!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-edit span{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-delete span{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-table-footer{
height:66px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
padding:0 16px!important;
border-top:1px solid #d3deeb!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:500!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-pagination{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-pagination button{
width:36px!important;
height:36px!important;
min-width:36px!important;
padding:0!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
color:#334155!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:16px!important;
font-weight:800!important;
line-height:1!important;
}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-pagination button.active{
border-color:#0b67c2!important;
background:#0b67c2!important;
color:#fff!important;
font-size:13px!important;
}
@media(max-width:900px){
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-form-grid{grid-template-columns:1fr!important;}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-payment{grid-column:auto!important;}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-list-head,
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-table-footer{flex-direction:column!important;align-items:stretch!important;}
#ksfic-suppliers[data-suppliers-exact-ui] .ksfic-supplier-search-wrap{width:100%!important;}
}
/* v2.7.8-currencies-ui-match
Make Currencies page visually identical to Suppliers page.
Scoped only to currencies screen. */
#ksfic-currencies,
#ksfic-currencies *{
box-shadow:none!important;
}
#ksfic-currencies{
background:transparent!important;
border:0!important;
padding:0!important;
margin:0!important;
}
#ksfic-currencies .ksfic-page-head,
#ksfic-currencies .ksfic-currencies-page-head{
margin:0 0 22px!important;
padding:0!important;
background:transparent!important;
border:0!important;
}
#ksfic-currencies h1{
margin:0!important;
color:#111827!important;
font-size:30px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
font-weight:900!important;
}
#ksfic-currencies .ksfic-page-head p,
#ksfic-currencies .ksfic-currencies-page-head p{
margin:12px 0 0!important;
color:#34445c!important;
font-size:15px!important;
line-height:1.45!important;
}
#ksfic-currencies .ksfic-card{
margin:0 0 28px!important;
padding:22px!important;
border:1px solid #dce6f2!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:none!important;
}
#ksfic-currencies .ksfic-card-head,
#ksfic-currencies .ksfic-section-title{
display:flex!important;
align-items:center!important;
gap:16px!important;
margin:0 0 26px!important;
padding:0!important;
border:0!important;
}
#ksfic-currencies .ksfic-card-head h2,
#ksfic-currencies .ksfic-section-title h2{
margin:0!important;
color:#111827!important;
font-size:18px!important;
line-height:1.2!important;
font-weight:900!important;
}
#ksfic-currencies .ksfic-card-head p,
#ksfic-currencies .ksfic-section-title p{
margin:6px 0 0!important;
color:#34445c!important;
font-size:14px!important;
line-height:1.35!important;
}
#ksfic-currencies .ksfic-section-icon{
width:48px!important;
height:48px!important;
min-width:48px!important;
border-radius:9px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#eaf3ff!important;
color:#0b67c2!important;
}
#ksfic-currencies input,
#ksfic-currencies select{
height:44px!important;
min-height:44px!important;
border:1px solid #cfdbea!important;
border-radius:5px!important;
background:#fff!important;
box-shadow:none!important;
font-size:14px!important;
}
#ksfic-currencies table{
border-collapse:collapse!important;
width:100%!important;
}
#ksfic-currencies table th{
height:44px!important;
padding:0 16px!important;
border-bottom:1px solid #d3deeb!important;
background:#fff!important;
color:#182235!important;
font-size:13px!important;
font-weight:900!important;
text-align:left!important;
}
#ksfic-currencies table td{
height:52px!important;
padding:0 16px!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important;
color:#23344e!important;
font-size:13px!important;
}
#ksfic-currencies table tr:nth-child(even) td,
#ksfic-currencies table tr:hover td{
background:#fff!important;
}
#ksfic-currencies .ksfic-table-wrap{
border:1px solid #dce6f2!important;
border-radius:6px!important;
overflow:hidden!important;
background:#fff!important;
}
#ksfic-currencies .ksfic-btn,
#ksfic-currencies button{
border-radius:5px!important;
box-shadow:none!important;
}
#ksfic-currencies .ksfic-pagination,
#ksfic-currencies .pagination{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
#ksfic-currencies .ksfic-pagination button,
#ksfic-currencies .pagination button{
width:36px!important;
height:36px!important;
border:1px solid #d5dfeb!important;
border-radius:7px!important;
background:#fff!important;
}
#ksfic-currencies .ksfic-pagination .active,
#ksfic-currencies .pagination .active{
background:#0b67c2!important;
border-color:#0b67c2!important;
color:#fff!important;
}
/* v2.8.0 - PO product picker fixes */
.ksfic-po-items-table{min-width:1520px!important;}
.ksfic-po-items-table th:nth-child(2),
.ksfic-po-items-table td:nth-child(2){width:320px!important;}
.ksfic-po-items-table th:nth-child(3),
.ksfic-po-items-table td:nth-child(3){width:150px!important;}
.ksfic-po-items-table th:nth-child(5),
.ksfic-po-items-table td:nth-child(5){width:140px!important;}
.ksfic-po-items-table .ksfic-po-product-search{
width:100%!important;
min-width:280px!important;
height:40px!important;
margin:0!important;
}
.ksfic-po-items-table .ksfic-po-product-search.ksfic-po-product-selected{
font-weight:600!important;
color:#111827!important;
}
.ksfic-po-items-table .ksfic-product-results,
.ksfic-po-items-table .ksfic-po-results{
position:absolute!important;
z-index:99999!important;
width:420px!important;
min-width:420px!important;
max-width:520px!important;
background:#fff!important;
border:1px solid #cfdbea!important;
border-radius:10px!important;
box-shadow:0 12px 28px rgba(15,23,42,.14)!important;
overflow:hidden!important;
}
.ksfic-po-items-table td:nth-child(2){position:relative!important;}
.ksfic-po-product-result{
padding:10px 12px!important;
cursor:pointer!important;
white-space:normal!important;
line-height:1.35!important;
}
.ksfic-po-product-result:hover{background:#f6faff!important;}
.ksfic-po-product-result small{display:block!important;margin-top:3px!important;color:#64748b!important;}
.ksfic-po-has-items .ksfic-po-empty-state,
.ksfic-po-modern-table-wrap.ksfic-po-has-items .ksfic-po-empty-state{display:none!important;}
/* v2.8.1 PO New status badge */
#ksfic-po-list[data-po-clean-ui] .ksfic-po-status.new{background:#eef2f7!important;color:#334155!important;}
/* v2.8.8 Enterprise edit product modal refresh */
#ksfic-edit-modal .ksfic-modal-card{background:#f6f8fb!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(15,23,42,.28)!important;overflow:hidden!important}
#ksfic-edit-modal .ksfic-modal-head{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 58%,#2563eb 100%)!important;color:#fff!important;border-bottom:0!important;padding:18px 22px!important}
#ksfic-edit-modal .ksfic-modal-head h2{color:#fff!important;font-size:21px!important;font-weight:850!important;letter-spacing:-.03em!important;margin:0!important}
#ksfic-edit-close{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;width:38px!important;height:38px!important;line-height:34px!important}
#ksfic-edit-close:hover{background:rgba(255,255,255,.24)!important;transform:translateY(-1px)!important}
.ksfic-edit-enterprise-layout{grid-template-columns:minmax(620px,1.35fr) minmax(360px,.65fr)!important;padding:20px!important;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 32%),#f6f8fb!important}
.ksfic-edit-enterprise-layout .ksfic-card{border:1px solid #e5eaf2!important;background:rgba(255,255,255,.96)!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;overflow:hidden!important}
.ksfic-edit-enterprise-layout .ksfic-card:hover{box-shadow:0 18px 44px rgba(15,23,42,.09)!important;transform:none!important}
.ksfic-edit-enterprise-layout .ksfic-form-card{padding:18px!important}
.ksfic-edit-hero-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important}
.ksfic-section-title{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 16px!important;padding-bottom:13px!important;border-bottom:1px solid #eef2f7!important}
.ksfic-section-title h3{border:0!important;margin:0!important;padding:0!important;font-size:15px!important;font-weight:850!important;color:#0f172a!important;letter-spacing:-.02em!important}
.ksfic-section-title small{display:block!important;margin-top:3px!important;color:#64748b!important;font-size:12px!important;font-weight:650!important}
.ksfic-section-icon{width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#eef4ff!important;color:#1d4ed8!important;border:1px solid #dbeafe!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.ksfic-section-icon.green{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}.ksfic-section-icon.amber{background:#fffbeb!important;color:#b45309!important;border-color:#fde68a!important}.ksfic-section-icon.blue{background:#eef4ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.ksfic-section-icon.purple{background:#f5f3ff!important;color:#7c3aed!important;border-color:#ddd6fe!important}.ksfic-section-icon.slate{background:#f8fafc!important;color:#475569!important;border-color:#e2e8f0!important}
.ksfic-edit-inline-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.ksfic-edit-enterprise-layout .ksfic-field{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important}
.ksfic-edit-enterprise-layout .ksfic-field label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:#475569!important;font-weight:850!important;margin-bottom:7px!important}
.ksfic-edit-enterprise-layout .ksfic-field input,.ksfic-edit-enterprise-layout .ksfic-field textarea,.ksfic-edit-enterprise-layout .ksfic-field select{border:1px solid #dbe4f0!important;background:#fff!important;border-radius:12px!important;min-height:44px!important;padding:10px 12px!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;transition:border-color .14s ease,box-shadow .14s ease!important}
.ksfic-edit-enterprise-layout .ksfic-field input:focus,.ksfic-edit-enterprise-layout .ksfic-field textarea:focus,.ksfic-edit-enterprise-layout .ksfic-field select:focus{border-color:#93b5ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;outline:0!important}
.ksfic-edit-enterprise-layout .ksfic-tall-textarea{min-height:190px!important;resize:vertical!important}
.ksfic-edit-enterprise-layout .ksfic-form-actions{grid-column:1/-1!important;background:rgba(246,248,251,.88)!important;backdrop-filter:blur(10px)!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:12px!important;justify-content:flex-end!important;box-shadow:0 10px 26px rgba(15,23,42,.07)!important}
.ksfic-edit-enterprise-layout .ksfic-btn.primary{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;box-shadow:0 12px 24px rgba(37,99,235,.22)!important}
.ksfic-edit-enterprise-layout #ksfic-edit-image-box{border-style:solid!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;min-height:220px!important}
@media(max-width:1100px){.ksfic-edit-enterprise-layout{grid-template-columns:1fr!important}.ksfic-edit-enterprise-layout .ksfic-form-actions{position:static!important}.ksfic-edit-inline-grid{grid-template-columns:1fr!important}}
/* v2.9.0 Edit Product Inventory section - clean enterprise layout */
#ksfic-edit-modal .ksfic-edit-inventory-card{
border:1px solid #bfdbfe!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 10px 28px rgba(37,99,235,.07)!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title{
align-items:flex-start!important;
margin-bottom:18px!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-icon{
width:42px!important;
height:42px!important;
border-radius:13px!important;
background:linear-gradient(135deg,#eef6ff,#dbeafe)!important;
color:#2563eb!important;
border:1px solid #bfdbfe!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 16px rgba(37,99,235,.12)!important;
}
.ksfic-edit-inventory-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
column-gap:18px!important;
row-gap:18px!important;
align-items:start!important;
}
.ksfic-edit-inventory-grid .ksfic-field{
grid-column:span 2!important;
margin:0!important;
}
.ksfic-edit-inventory-grid .ksfic-inventory-field-wide{
grid-column:span 3!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-grid .ksfic-field label{
color:#475569!important;
font-size:11px!important;
font-weight:900!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
margin-bottom:8px!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-grid .ksfic-field input{
min-height:50px!important;
border-radius:12px!important;
border:1px solid #d8e2f0!important;
background:#fff!important;
color:#0f172a!important;
font-size:15px!important;
padding:12px 14px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-grid .ksfic-field input:focus{
border-color:#93c5fd!important;
box-shadow:0 0 0 4px rgba(59,130,246,.10)!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-grid .ksfic-field small{
display:block!important;
margin-top:8px!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.3!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-grid .ksfic-readonly-stock{
background:#f1f5f9!important;
color:#94a3b8!important;
cursor:not-allowed!important;
user-select:none!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-grid .ksfic-readonly-stock:focus{
border-color:#d8e2f0!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
@media(max-width:900px){
.ksfic-edit-inventory-grid{grid-template-columns:1fr!important;gap:14px!important}
.ksfic-edit-inventory-grid .ksfic-field,.ksfic-edit-inventory-grid .ksfic-inventory-field-wide{grid-column:1/-1!important}
}
/* v2.9.1 Edit Product Inventory direct-child full width layout */
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card{
grid-column:1/-1!important;
width:100%!important;
padding:24px 26px!important;
border:1px solid #bfdbfe!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
border-radius:18px!important;
box-shadow:0 10px 28px rgba(37,99,235,.07)!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-inventory-head-row{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:22px!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title{
margin:0!important;
border:0!important;
padding:0!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title h3{
border:0!important;
padding:0!important;
margin:0 0 5px!important;
font-size:20px!important;
font-weight:850!important;
color:#0f172a!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title small{
color:#64748b!important;
font-size:14px!important;
font-weight:600!important;
}
#ksfic-edit-modal .ksfic-inventory-collapse{
border:0!important;
background:transparent!important;
color:#3b82f6!important;
font-size:24px!important;
line-height:1!important;
padding:4px!important;
cursor:default!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-section-icon{
width:46px!important;
height:46px!important;
min-width:46px!important;
border-radius:14px!important;
background:linear-gradient(135deg,#eaf3ff 0%,#dbeafe 100%)!important;
color:#2563eb!important;
border:1px solid #b9d5ff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 16px rgba(37,99,235,.14)!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
column-gap:30px!important;
row-gap:24px!important;
align-items:start!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-field{
grid-column:span 2!important;
margin:0!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-inventory-field-wide{
grid-column:span 3!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-field label{
display:block!important;
color:#475569!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
margin:0 0 10px!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-field input{
width:100%!important;
min-height:54px!important;
border-radius:12px!important;
border:1px solid #d8e2f0!important;
background:#fff!important;
color:#0f172a!important;
font-size:16px!important;
padding:13px 15px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-field input:focus{
border-color:#93c5fd!important;
box-shadow:0 0 0 4px rgba(59,130,246,.10)!important;
outline:0!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-field small{
display:block!important;
margin-top:10px!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.25!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-readonly-stock,
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-readonly-stock:disabled{
background:#f1f5f9!important;
color:#94a3b8!important;
cursor:not-allowed!important;
opacity:1!important;
}
#ksfic-edit-modal .ksfic-help-dot{
display:inline-grid!important;
place-items:center!important;
width:14px!important;
height:14px!important;
border-radius:50%!important;
border:1px solid #64748b!important;
color:#64748b!important;
font-size:10px!important;
font-weight:800!important;
margin-left:4px!important;
vertical-align:1px!important;
}
@media(max-width:900px){
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{grid-template-columns:1fr!important;gap:16px!important}
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-field,
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card .ksfic-inventory-field-wide{grid-column:1/-1!important}
}
/* v2.9.2 FIX: Edit Product Inventory section full-width professional layout */
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-edit-inventory-card,
#ksfic-edit-modal .ksfic-edit-inventory-card.ksfic-form-card{
display:block!important;
grid-column:1 / -1!important;
width:100%!important;
padding:24px 28px!important;
border:1px solid #bfdbfe!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
border-radius:18px!important;
box-shadow:0 10px 28px rgba(37,99,235,.07)!important;
overflow:visible!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-inventory-head-row{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
width:100%!important;
margin:0 0 22px!important;
padding:0!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title{
display:flex!important;
align-items:flex-start!important;
gap:14px!important;
width:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title h3{
margin:0 0 6px!important;
padding:0!important;
border:0!important;
font-size:20px!important;
line-height:1.15!important;
font-weight:850!important;
color:#0f172a!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-title small{
display:block!important;
color:#64748b!important;
font-size:14px!important;
font-weight:600!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-section-icon{
width:46px!important;
height:46px!important;
min-width:46px!important;
border-radius:14px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(135deg,#eaf3ff 0%,#dbeafe 100%)!important;
color:#2563eb!important;
border:1px solid #b9d5ff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 16px rgba(37,99,235,.14)!important;
}
#ksfic-edit-modal .ksfic-inventory-collapse{
margin-top:2px!important;
border:0!important;
background:transparent!important;
color:#3b82f6!important;
font-size:24px!important;
line-height:1!important;
padding:4px!important;
cursor:default!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{
display:grid!important;
width:100%!important;
max-width:none!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
column-gap:30px!important;
row-gap:24px!important;
align-items:start!important;
margin:0!important;
padding:0!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-field{
display:block!important;
grid-column:span 2!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-inventory-field-wide{
grid-column:span 3!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid label{
display:block!important;
margin:0 0 10px!important;
color:#475569!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid input{
display:block!important;
width:100%!important;
height:54px!important;
min-height:54px!important;
border-radius:12px!important;
border:1px solid #d8e2f0!important;
background:#fff!important;
color:#0f172a!important;
font-size:16px!important;
padding:13px 15px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid input:focus{
border-color:#93c5fd!important;
box-shadow:0 0 0 4px rgba(59,130,246,.10)!important;
outline:0!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-readonly-stock,
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-readonly-stock:disabled{
background:#f1f5f9!important;
color:#94a3b8!important;
opacity:1!important;
cursor:not-allowed!important;
}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid small{
display:block!important;
margin-top:10px!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.25!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-form-actions{
grid-column:1 / -1!important;
display:flex!important;
justify-content:flex-end!important;
}
@media(max-width:900px){
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{grid-template-columns:1fr!important;gap:16px!important;}
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-field,
#ksfic-edit-modal .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-inventory-field-wide{grid-column:1 / -1!important;}
}
/* v2.9.3 FIX: keep Edit Product Inventory inside left column before Pricing & Tax */
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-left-col > .ksfic-edit-inventory-card,
#ksfic-edit-modal .ksfic-edit-enterprise-layout > .ksfic-add-left-col > .ksfic-edit-inventory-card.ksfic-form-card{
display:block!important;
grid-column:auto!important;
width:100%!important;
max-width:100%!important;
margin:0 0 16px!important;
padding:18px!important;
border:1px solid #bfdbfe!important;
border-radius:18px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 10px 26px rgba(37,99,235,.07)!important;
overflow:visible!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-inventory-head-row{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 18px!important;
padding:0!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-section-title{
display:flex!important;
align-items:flex-start!important;
gap:12px!important;
margin:0!important;
padding:0!important;
border:0!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-section-title h3{
margin:0 0 4px!important;
font-size:18px!important;
line-height:1.15!important;
font-weight:850!important;
color:#0f172a!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-section-title small{
display:block!important;
color:#64748b!important;
font-size:13px!important;
font-weight:600!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-section-icon{
width:42px!important;
height:42px!important;
min-width:42px!important;
border-radius:14px!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{
display:grid!important;
width:100%!important;
max-width:100%!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
column-gap:16px!important;
row-gap:18px!important;
margin:0!important;
padding:0!important;
align-items:start!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-field{
display:block!important;
grid-column:span 2!important;
min-width:0!important;
width:100%!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-inventory-field-wide{
grid-column:span 3!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid label{
display:block!important;
margin:0 0 8px!important;
color:#475569!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid input{
display:block!important;
width:100%!important;
height:50px!important;
min-height:50px!important;
border-radius:12px!important;
border:1px solid #d8e2f0!important;
background:#fff!important;
color:#0f172a!important;
font-size:15px!important;
padding:11px 13px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid small{
display:block!important;
margin-top:8px!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.25!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-readonly-stock,
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-readonly-stock:disabled{
background:#f1f5f9!important;
color:#94a3b8!important;
opacity:1!important;
cursor:not-allowed!important;
}
@media(max-width:1180px){
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{grid-template-columns:1fr 1fr!important;}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-field,
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid .ksfic-inventory-field-wide{grid-column:auto!important;}
}
@media(max-width:760px){
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{grid-template-columns:1fr!important;}
}
/* v2.9.4 Edit Product columns: gallery below Pricing & Tax, clean main/side alignment */
#ksfic-edit-modal .ksfic-edit-enterprise-layout{
grid-template-columns:minmax(680px,1.45fr) minmax(360px,.55fr)!important;
gap:18px!important;
align-items:start!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-left-col,
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-right-col{
display:flex!important;
flex-direction:column!important;
gap:16px!important;
min-width:0!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-left-col > .ksfic-card,
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-right-col > .ksfic-card{
margin:0!important;
}
#ksfic-edit-modal .ksfic-edit-pricing-card,
#ksfic-edit-modal .ksfic-edit-gallery-card{
width:100%!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card{
padding:18px!important;
border:1px solid #e5eaf2!important;
border-radius:18px!important;
background:rgba(255,255,255,.96)!important;
box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card .ksfic-section-title{
margin:0 0 14px!important;
padding:0 0 14px!important;
border-bottom:1px solid #eef2f7!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card #ksfic-edit-image-box{
min-height:190px!important;
border:1px dashed #cbd5e1!important;
border-radius:16px!important;
background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-card{
padding:18px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-section-title{
margin:0 0 14px!important;
padding:0 0 14px!important;
border-bottom:1px solid #eef2f7!important;
}
@media(max-width:1180px){
#ksfic-edit-modal .ksfic-edit-enterprise-layout{grid-template-columns:1fr!important;}
}
/* v2.9.5 Edit Product gallery manager */
#ksfic-edit-modal .ksfic-edit-gallery-card .ksfic-gallery-manager{
display:grid!important;
grid-template-columns:220px minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card label{
display:block!important;
margin:0 0 8px!important;
color:#334155!important;
font-size:12px!important;
font-weight:800!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card #ksfic-edit-image-box{
min-height:170px!important;
height:auto!important;
padding:14px!important;
}
#ksfic-edit-modal .ksfic-gallery-toolbar{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
margin-bottom:12px!important;
}
#ksfic-edit-modal .ksfic-gallery-toolbar small{
display:block!important;
color:#64748b!important;
margin-top:3px!important;
font-size:12px!important;
}
#ksfic-edit-modal .ksfic-gallery-drop{
min-height:92px!important;
border:1px dashed #cbd5e1!important;
border-radius:16px!important;
background:linear-gradient(180deg,#fff,#f8fbff)!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
color:#475569!important;
cursor:pointer!important;
}
#ksfic-edit-modal .ksfic-gallery-drop span{
width:32px!important;height:32px!important;border-radius:10px!important;
display:grid!important;place-items:center!important;background:#eef4ff!important;color:#2563eb!important;
font-size:24px!important;font-weight:900!important;
}
#ksfic-edit-modal .ksfic-gallery-drop strong{font-size:13px!important;color:#0f172a!important;}
#ksfic-edit-modal .ksfic-gallery-drop small{font-size:12px!important;color:#64748b!important;}
#ksfic-edit-modal .ksfic-gallery-thumbs{
display:grid!important;
grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;
gap:12px!important;
}
#ksfic-edit-modal .ksfic-gallery-thumbs:not(:empty){margin-top:12px!important;}
#ksfic-edit-modal .ksfic-gallery-thumb{
position:relative!important;
aspect-ratio:1/1!important;
border:1px solid #e2e8f0!important;
border-radius:14px!important;
overflow:hidden!important;
background:#fff!important;
box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
#ksfic-edit-modal .ksfic-gallery-thumb img{
width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}
#ksfic-edit-modal .ksfic-remove-gallery-image{
position:absolute!important;top:6px!important;right:6px!important;
width:24px!important;height:24px!important;border:0!important;border-radius:999px!important;
background:rgba(15,23,42,.82)!important;color:#fff!important;cursor:pointer!important;
font-weight:900!important;line-height:24px!important;padding:0!important;
}
@media(max-width:720px){
#ksfic-edit-modal .ksfic-edit-gallery-card .ksfic-gallery-manager{grid-template-columns:1fr!important;}
}
/* v2.9.6 Edit Product: supplier moved below Inventory in left column */
#ksfic-edit-modal .ksfic-edit-supplier-card{
width:100%!important;
padding:18px!important;
border:1px solid #e5eaf2!important;
border-radius:18px!important;
background:rgba(255,255,255,.96)!important;
box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
}
#ksfic-edit-modal .ksfic-edit-supplier-card .ksfic-section-title{
margin:0 0 14px!important;
padding:0 0 14px!important;
border-bottom:1px solid #eef2f7!important;
}
#ksfic-edit-modal .ksfic-edit-supplier-card .ksfic-edit-inline-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:14px!important;
}
@media(max-width:720px){
#ksfic-edit-modal .ksfic-edit-supplier-card .ksfic-edit-inline-grid{grid-template-columns:1fr!important;}
}
/* v2.9.7 Edit Product Popup - premium color theme polish */
#ksfic-edit-modal.ksfic-modal{
background:rgba(15,23,42,.62)!important;
backdrop-filter:blur(7px)!important;
}
#ksfic-edit-modal .ksfic-modal-card{
background:#f2f6fb!important;
border:1px solid rgba(255,255,255,.32)!important;
border-radius:24px!important;
box-shadow:0 34px 100px rgba(2,8,23,.38)!important;
}
#ksfic-edit-modal .ksfic-modal-head{
min-height:74px!important;
padding:20px 24px!important;
background:linear-gradient(135deg,#07111f 0%,#12335d 48%,#2563eb 100%)!important;
position:relative!important;
overflow:hidden!important;
}
#ksfic-edit-modal .ksfic-modal-head:before{
content:""!important;
position:absolute!important;
inset:auto -80px -130px auto!important;
width:280px!important;
height:280px!important;
border-radius:50%!important;
background:rgba(255,255,255,.12)!important;
}
#ksfic-edit-modal .ksfic-modal-head h2{
position:relative!important;
font-size:23px!important;
font-weight:900!important;
letter-spacing:-.035em!important;
}
#ksfic-edit-close{
position:relative!important;
display:grid!important;
place-items:center!important;
background:rgba(255,255,255,.16)!important;
border:1px solid rgba(255,255,255,.28)!important;
box-shadow:0 8px 20px rgba(2,8,23,.16)!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout{
padding:22px!important;
gap:20px!important;
background:
radial-gradient(circle at 0% 0%,rgba(37,99,235,.11),transparent 34%),
radial-gradient(circle at 100% 18%,rgba(124,58,237,.09),transparent 28%),
linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-left-col,
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-add-right-col{
gap:18px!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-card{
border-radius:20px!important;
box-shadow:0 14px 36px rgba(15,23,42,.075)!important;
transition:box-shadow .18s ease, border-color .18s ease!important;
}
#ksfic-edit-modal .ksfic-edit-enterprise-layout .ksfic-card:hover{
border-color:#cbdff8!important;
box-shadow:0 18px 46px rgba(15,23,42,.10)!important;
}
#ksfic-edit-modal .ksfic-section-title h3{
font-size:17px!important;
font-weight:900!important;
color:#0f172a!important;
}
#ksfic-edit-modal .ksfic-section-title small{
color:#64748b!important;
font-weight:650!important;
}
#ksfic-edit-modal .ksfic-section-icon{
width:42px!important;
height:42px!important;
min-width:42px!important;
border-radius:15px!important;
}
#ksfic-edit-modal .ksfic-edit-hero-card{
border:1px solid #c7d2fe!important;
background:linear-gradient(180deg,#ffffff 0%,#f4f7ff 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-hero-card .ksfic-section-icon{
background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;
color:#1d4ed8!important;
border-color:#bfdbfe!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card,
#ksfic-edit-modal .ksfic-edit-inventory-card.ksfic-form-card{
border:1px solid #bbf7d0!important;
background:linear-gradient(180deg,#ffffff 0%,#f0fdf4 100%)!important;
box-shadow:0 14px 34px rgba(22,163,74,.09)!important;
}
#ksfic-edit-modal .ksfic-add-left-col > .ksfic-edit-inventory-card .ksfic-section-icon{
background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;
color:#15803d!important;
border-color:#86efac!important;
box-shadow:0 10px 20px rgba(22,163,74,.16)!important;
}
#ksfic-edit-modal .ksfic-edit-supplier-card{
border:1px solid #cbd5e1!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-supplier-card .ksfic-section-icon{
background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;
color:#334155!important;
border-color:#cbd5e1!important;
}
#ksfic-edit-modal .ksfic-edit-pricing-card{
border:1px solid #fde68a!important;
background:linear-gradient(180deg,#ffffff 0%,#fffbeb 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-pricing-card .ksfic-section-icon,
#ksfic-edit-modal .ksfic-section-icon.amber{
background:linear-gradient(135deg,#fef3c7,#fde68a)!important;
color:#b45309!important;
border-color:#fcd34d!important;
box-shadow:0 10px 20px rgba(245,158,11,.14)!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card{
border:1px solid #ddd6fe!important;
background:linear-gradient(180deg,#ffffff 0%,#f5f3ff 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-gallery-card .ksfic-section-icon,
#ksfic-edit-modal .ksfic-section-icon.purple{
background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important;
color:#6d28d9!important;
border-color:#c4b5fd!important;
box-shadow:0 10px 20px rgba(124,58,237,.14)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col > .ksfic-card{
border:1px solid #bfdbfe!important;
background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%)!important;
position:sticky!important;
top:18px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col > .ksfic-card .ksfic-section-title{
background:linear-gradient(135deg,#eef4ff,#f5f3ff)!important;
border:1px solid #dbeafe!important;
border-radius:16px!important;
padding:14px!important;
margin:0 0 16px!important;
}
#ksfic-edit-modal .ksfic-field label{
color:#334155!important;
}
#ksfic-edit-modal .ksfic-field input,
#ksfic-edit-modal .ksfic-field textarea,
#ksfic-edit-modal .ksfic-field select{
border-color:#d7e2ee!important;
background:#ffffff!important;
}
#ksfic-edit-modal .ksfic-field input:focus,
#ksfic-edit-modal .ksfic-field textarea:focus,
#ksfic-edit-modal .ksfic-field select:focus{
border-color:#60a5fa!important;
box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
}
#ksfic-edit-modal .ksfic-tree-picker.compact{
border:1px solid #d7e2ee!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
#ksfic-edit-modal .ksfic-gallery-drop,
#ksfic-edit-modal #ksfic-edit-image-box{
border-color:#c4b5fd!important;
background:linear-gradient(180deg,#ffffff 0%,#faf5ff 100%)!important;
}
#ksfic-edit-modal .ksfic-gallery-drop:hover,
#ksfic-edit-modal #ksfic-edit-image-box:hover{
border-color:#8b5cf6!important;
box-shadow:0 12px 26px rgba(124,58,237,.12)!important;
}
#ksfic-edit-modal .ksfic-gallery-drop span,
#ksfic-edit-modal #ksfic-edit-image-preview span{
background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important;
color:#6d28d9!important;
}
#ksfic-edit-modal .ksfic-soft-btn,
#ksfic-edit-modal .ksfic-image-btn{
border-color:#c7d2fe!important;
color:#1d4ed8!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-soft-btn:hover,
#ksfic-edit-modal .ksfic-image-btn:hover{
background:#eff6ff!important;
border-color:#93c5fd!important;
}
#ksfic-edit-modal .ksfic-form-actions{
position:sticky!important;
bottom:0!important;
margin-top:2px!important;
background:rgba(255,255,255,.78)!important;
border:1px solid rgba(203,213,225,.85)!important;
box-shadow:0 -8px 30px rgba(15,23,42,.08)!important;
}
#ksfic-edit-modal .ksfic-btn.primary{
background:linear-gradient(135deg,#1d4ed8,#2563eb,#7c3aed)!important;
border:0!important;
color:#fff!important;
box-shadow:0 14px 28px rgba(37,99,235,.28)!important;
}
#ksfic-edit-modal .ksfic-btn.primary:hover{
filter:brightness(1.04)!important;
transform:translateY(-1px)!important;
}
@media(max-width:1180px){
#ksfic-edit-modal .ksfic-edit-side-col > .ksfic-card{position:static!important;}
}
/* v2.9.7 Edit Product Organization section - WordPress-style premium taxonomy boxes */
#ksfic-edit-modal .ksfic-edit-org-card{
border:1px solid #ddd6fe!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)!important;
box-shadow:0 12px 30px rgba(124,58,237,.08)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-section-title{
margin-bottom:18px!important;
border-bottom:1px solid #ede9fe!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-section-icon{
background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;
color:#7c3aed!important;
border-color:#ddd6fe!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel{
border:1px solid #d9e1ed!important;
border-radius:14px!important;
background:#fff!important;
overflow:hidden!important;
margin-bottom:16px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:10px!important;
padding:12px 14px!important;
background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%)!important;
border-bottom:1px solid #e5eaf3!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel-head strong{
color:#0f172a!important;
font-size:14px!important;
font-weight:850!important;
letter-spacing:-.02em!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel-head span{
color:#64748b!important;
font-size:11px!important;
font-weight:700!important;
white-space:nowrap!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tabs{
display:flex!important;
align-items:center!important;
gap:0!important;
padding:9px 12px 0!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tabs span{
display:inline-flex!important;
align-items:center!important;
height:32px!important;
padding:0 10px!important;
border:1px solid transparent!important;
border-bottom:0!important;
border-radius:10px 10px 0 0!important;
color:#2563eb!important;
font-size:12px!important;
font-weight:750!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tabs span.active{
color:#0f172a!important;
background:#f8fafc!important;
border-color:#d9e1ed!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-tree-picker.compact{
margin:0 12px 12px!important;
max-height:none!important;
min-height:196px!important;
border:1px solid #d9e1ed!important;
border-radius:0 12px 12px 12px!important;
background:#f8fafc!important;
overflow:hidden!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-toolbar{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:8px!important;
padding:9px 10px!important;
border-bottom:1px solid #e5eaf3!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-toolbar span{
color:#64748b!important;
font-size:11px!important;
font-weight:800!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-clear-tree{
height:26px!important;
padding:0 9px!important;
border:1px solid #c7d2fe!important;
border-radius:999px!important;
background:#eef2ff!important;
color:#3730a3!important;
font-size:11px!important;
font-weight:850!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-list{
max-height:178px!important;
overflow:auto!important;
padding:7px!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-height:30px!important;
padding:6px 8px 6px calc(8px + (var(--depth,0) * 18px))!important;
margin:2px 0!important;
border-radius:9px!important;
color:#1f2937!important;
font-size:13px!important;
line-height:1.25!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row:hover{
background:#f1f5ff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row input{
width:16px!important;
height:16px!important;
border-radius:4px!important;
accent-color:#7c3aed!important;
flex:0 0 auto!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row span{
flex:1 1 auto!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row em{
font-style:normal!important;
font-size:10px!important;
font-weight:800!important;
color:#7c3aed!important;
background:#f5f3ff!important;
border:1px solid #ddd6fe!important;
border-radius:999px!important;
padding:2px 6px!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-tree-loading,
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-tree-empty{
padding:18px!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.45!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tags{
border:1px solid #ddd6fe!important;
border-radius:14px!important;
padding:13px!important;
background:linear-gradient(180deg,#fff 0%,#faf5ff 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tags label{
display:block!important;
margin:0 0 8px!important;
font-size:11px!important;
text-transform:uppercase!important;
letter-spacing:.055em!important;
color:#6d28d9!important;
font-weight:900!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tags input{
width:100%!important;
min-height:44px!important;
border:1px solid #d8b4fe!important;
background:#fff!important;
border-radius:12px!important;
padding:10px 12px 10px 36px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tags input:focus{
border-color:#a78bfa!important;
box-shadow:0 0 0 4px rgba(124,58,237,.10)!important;
outline:0!important;
}
/* v2.9.8 Edit Product Organization layout fix - full width WordPress-style boxes */
#ksfic-edit-modal .ksfic-edit-org-card.ksfic-form-card{
display:block!important;
padding:18px!important;
width:100%!important;
min-width:0!important;
overflow:visible!important;
border:1px solid #c7d2fe!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 14px 34px rgba(37,99,235,.08)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-section-title{
display:flex!important;
width:100%!important;
margin:0 0 16px!important;
padding:14px!important;
background:linear-gradient(135deg,#eef4ff 0%,#f5f3ff 100%)!important;
border:1px solid #dbeafe!important;
border-radius:16px!important;
box-sizing:border-box!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-section-title h3{
border:0!important;
padding:0!important;
margin:0!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel{
width:100%!important;
margin:0 0 16px!important;
border:1px solid #d7e2ee!important;
border-radius:14px!important;
background:#fff!important;
overflow:hidden!important;
box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel-head{
padding:13px 14px!important;
background:linear-gradient(180deg,#ffffff 0%,#f1f5f9 100%)!important;
border-bottom:1px solid #e2e8f0!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-panel-head span{
max-width:120px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tabs{
padding:10px 12px 0!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tabs span{
height:34px!important;
border-radius:10px 10px 0 0!important;
font-size:12px!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-tree-picker.compact{
width:auto!important;
max-width:100%!important;
min-width:0!important;
margin:0 12px 12px!important;
min-height:190px!important;
max-height:260px!important;
border-radius:0 12px 12px 12px!important;
overflow:hidden!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-list{
max-height:190px!important;
overflow:auto!important;
background:#fff!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row{
width:100%!important;
min-width:0!important;
background:#f8fafc!important;
border:1px solid transparent!important;
margin:4px 0!important;
padding-top:8px!important;
padding-bottom:8px!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row:hover{
background:#eef4ff!important;
border-color:#dbeafe!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-checktree-row span{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tags{
width:100%!important;
margin:0!important;
border:1px solid #d8b4fe!important;
border-radius:14px!important;
padding:14px!important;
background:linear-gradient(180deg,#ffffff 0%,#faf5ff 100%)!important;
box-shadow:0 8px 18px rgba(124,58,237,.045)!important;
}
#ksfic-edit-modal .ksfic-edit-org-card .ksfic-org-tags input{
width:100%!important;
box-sizing:border-box!important;
}
@media(max-width:1180px){
#ksfic-edit-modal .ksfic-edit-org-card.ksfic-form-card{display:block!important;}
}
/* v3.0.0 Edit Product: move Featured Image + Gallery into right column below Tags */
#ksfic-edit-modal .ksfic-edit-side-col{
display:flex!important;
flex-direction:column!important;
gap:18px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col > .ksfic-card{
position:static!important;
top:auto!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card{
padding:18px!important;
border:1px solid #ddd6fe!important;
background:linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%)!important;
box-shadow:0 14px 34px rgba(124,58,237,.08)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-section-title{
display:flex!important;
width:100%!important;
margin:0 0 16px!important;
padding:14px!important;
background:linear-gradient(135deg,#f5f3ff 0%,#eef4ff 100%)!important;
border:1px solid #ddd6fe!important;
border-radius:16px!important;
box-sizing:border-box!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-manager{
display:grid!important;
grid-template-columns:1fr!important;
gap:16px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-featured,
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-list-wrap{
border:1px solid #e5e7ff!important;
border-radius:16px!important;
padding:14px!important;
background:rgba(255,255,255,.88)!important;
box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-featured label,
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-toolbar label{
color:#5b21b6!important;
font-weight:900!important;
letter-spacing:.055em!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card #ksfic-edit-image-box{
min-height:210px!important;
width:100%!important;
border-radius:16px!important;
background:linear-gradient(180deg,#ffffff 0%,#faf5ff 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-toolbar{
align-items:center!important;
gap:10px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-toolbar small{
max-width:210px!important;
line-height:1.35!important;
}
#ksfic-edit-modal .ksfic-edit-side-col #ksfic-add-edit-gallery-images{
white-space:nowrap!important;
height:34px!important;
padding:0 12px!important;
border-radius:999px!important;
font-size:12px!important;
font-weight:850!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-drop{
min-height:96px!important;
border-radius:15px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-thumbs{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
@media(max-width:1180px){
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))!important;}
}
/* v3.0.1 Edit Product Gallery right-column polish/fix
Fixes the gallery card being split into a left label column and squeezed controls. */
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card.ksfic-form-card{
display:block!important;
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
padding:18px!important;
overflow:visible!important;
border:1px solid #c7d2fe!important;
border-radius:18px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 55%,#f6f3ff 100%)!important;
box-shadow:0 16px 34px rgba(37,99,235,.08)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-section-title{
display:flex!important;
align-items:center!important;
width:100%!important;
min-height:auto!important;
margin:0 0 14px!important;
padding:13px 14px!important;
border:1px solid #dbeafe!important;
border-radius:16px!important;
background:linear-gradient(135deg,#eef4ff 0%,#f5f3ff 100%)!important;
box-sizing:border-box!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-section-title h3{
margin:0!important;
padding:0!important;
border:0!important;
font-size:16px!important;
line-height:1.25!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-section-title small{
display:block!important;
max-width:none!important;
line-height:1.35!important;
white-space:normal!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-section-icon{
flex:0 0 42px!important;
width:42px!important;
height:42px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-manager{
display:flex!important;
flex-direction:column!important;
gap:14px!important;
width:100%!important;
min-width:0!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-featured,
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-list-wrap{
display:block!important;
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
border:1px solid #dbeafe!important;
border-radius:16px!important;
padding:14px!important;
background:#fff!important;
box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card #ksfic-edit-image-box{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
width:100%!important;
min-height:190px!important;
margin-top:10px!important;
border:1px dashed #bfdbfe!important;
border-radius:16px!important;
background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;
box-sizing:border-box!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-image-preview{
width:112px!important;
height:112px!important;
border-radius:14px!important;
background:#f8fafc!important;
border:1px solid #dbeafe!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-image-preview img{
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-image-actions{
display:flex!important;
justify-content:center!important;
gap:8px!important;
flex-wrap:wrap!important;
width:100%!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-soft-btn{
border-color:#bfdbfe!important;
background:#ffffff!important;
color:#1d4ed8!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-toolbar{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:10px!important;
width:100%!important;
min-width:0!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-toolbar > div{
min-width:0!important;
flex:1 1 auto!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-toolbar small{
display:block!important;
max-width:none!important;
white-space:normal!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card #ksfic-add-edit-gallery-images{
flex:0 0 auto!important;
max-width:120px!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-drop{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:118px!important;
margin-top:12px!important;
padding:16px!important;
border:1px dashed #c4b5fd!important;
border-radius:16px!important;
background:linear-gradient(180deg,#faf5ff 0%,#ffffff 100%)!important;
box-sizing:border-box!important;
text-align:center!important;
}
#ksfic-edit-modal .ksfic-edit-side-col .ksfic-edit-gallery-card .ksfic-gallery-thumbs{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
margin-top:12px!important;
width:100%!important;
}
/* v3.0.2 Add Item screen: match Edit Product premium theme */
#ksfic-products.ksfic-add-product-screen{padding:0!important;}
#ksfic-products .ksfic-add-toolbar{margin:0 0 14px!important;justify-content:flex-start!important;}
#ksfic-products .ksfic-add-enterprise-layout{grid-template-columns:minmax(620px,1.35fr) minmax(360px,.65fr)!important;padding:20px!important;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 32%),#f6f8fb!important;border:1px solid #dbeafe!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important;}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-add-left-col,
#ksfic-products .ksfic-add-enterprise-layout .ksfic-add-right-col{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important;}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-card{border:1px solid #e5eaf2!important;background:rgba(255,255,255,.96)!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;overflow:hidden!important;}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-form-card{padding:18px!important;}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-card:hover{box-shadow:0 18px 44px rgba(15,23,42,.09)!important;transform:none!important;}
#ksfic-products .ksfic-section-title{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 16px!important;padding-bottom:14px!important;border-bottom:1px solid #eef2f7!important;}
#ksfic-products .ksfic-section-title h3{margin:0!important;border:0!important;padding:0!important;font-size:18px!important;font-weight:900!important;color:#0f172a!important;}
#ksfic-products .ksfic-section-title small{display:block!important;margin-top:4px!important;color:#64748b!important;font-size:12px!important;font-weight:750!important;}
#ksfic-products .ksfic-section-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eaf2ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;box-shadow:0 10px 22px rgba(37,99,235,.10)!important;font-weight:900!important;}
#ksfic-products .ksfic-section-icon.green{background:#dcfce7!important;color:#16a34a!important;border-color:#bbf7d0!important;}
#ksfic-products .ksfic-section-icon.amber{background:#fef3c7!important;color:#d97706!important;border-color:#fde68a!important;}
#ksfic-products .ksfic-section-icon.slate{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0!important;}
#ksfic-products .ksfic-section-icon.purple{background:#f3e8ff!important;color:#7c3aed!important;border-color:#ddd6fe!important;}
#ksfic-products .ksfic-edit-inline-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;}
#ksfic-products .ksfic-edit-inventory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
#ksfic-products .ksfic-inventory-field-wide{grid-column:span 1!important;}
#ksfic-products .ksfic-edit-inventory-grid .ksfic-field{margin:0!important;}
#ksfic-products .ksfic-field{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important;}
#ksfic-products .ksfic-field label,#ksfic-products .ksfic-gallery-card label,#ksfic-products .ksfic-edit-gallery-card label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:#475569!important;font-weight:850!important;margin-bottom:7px!important;}
#ksfic-products .ksfic-field input,#ksfic-products .ksfic-field textarea,#ksfic-products .ksfic-field select{border:1px solid #dbe4f0!important;background:#fff!important;border-radius:12px!important;min-height:44px!important;padding:10px 12px!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;}
#ksfic-products .ksfic-field input:focus,#ksfic-products .ksfic-field textarea:focus,#ksfic-products .ksfic-field select:focus{border-color:#93b5ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;outline:0!important;}
#ksfic-products .ksfic-tall-textarea{min-height:190px!important;resize:vertical!important;}
#ksfic-products .ksfic-form-actions{grid-column:1/-1!important;background:rgba(246,248,251,.88)!important;backdrop-filter:blur(10px)!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:12px!important;justify-content:flex-end!important;box-shadow:0 10px 26px rgba(15,23,42,.07)!important;}
#ksfic-products .ksfic-btn.primary{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;box-shadow:0 12px 24px rgba(37,99,235,.22)!important;}
#ksfic-products .ksfic-edit-org-card{display:block!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-panel{border:1px solid #e5e7eb!important;border-radius:14px!important;background:#fff!important;margin-bottom:14px!important;overflow:hidden!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding:14px 14px 10px!important;background:#f8fafc!important;border-bottom:1px solid #e5e7eb!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-panel-head strong{font-size:14px!important;color:#0f172a!important;font-weight:900!important;line-height:1.25!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-panel-head span{font-size:11px!important;color:#64748b!important;font-weight:800!important;white-space:nowrap!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-tabs{display:flex!important;gap:0!important;padding:10px 12px 0!important;background:#fff!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-tabs span{font-size:12px!important;font-weight:800!important;color:#2563eb!important;padding:8px 10px!important;border:1px solid transparent!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-tabs span.active{background:#fff!important;color:#0f172a!important;border-color:#e5e7eb!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-tree-picker.compact{margin:0 12px 12px!important;border:1px solid #e5e7eb!important;border-radius:0 12px 12px 12px!important;max-height:235px!important;background:#fff!important;overflow:hidden!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-checktree-toolbar{background:#f8fafc!important;border-bottom:1px solid #eef2f7!important;padding:10px 12px!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-checktree-list{max-height:190px!important;overflow:auto!important;padding:7px!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-checktree-row{border-radius:9px!important;margin:2px 0!important;padding:8px 9px 8px calc(9px + (var(--depth,0) * 17px))!important;background:#fff!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-checktree-row:hover{background:#f8fafc!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-checktree-row input{accent-color:#2563eb!important;width:16px!important;height:16px!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-tags{border:1px solid #e9d5ff!important;background:linear-gradient(180deg,#fff,#faf5ff)!important;border-radius:14px!important;padding:14px!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-tags label{display:block!important;margin-bottom:7px!important;color:#6d28d9!important;}
#ksfic-products .ksfic-edit-org-card .ksfic-org-tags input{width:100%!important;border:1px solid #d8b4fe!important;background:#fff!important;border-radius:12px!important;min-height:44px!important;padding:10px 12px 10px 36px!important;}
#ksfic-products .ksfic-edit-gallery-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;}
#ksfic-products .ksfic-gallery-manager{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
#ksfic-products #ksfic-add-image-box{border-style:solid!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;min-height:220px!important;}
#ksfic-products .ksfic-gallery-toolbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important;}
#ksfic-products .ksfic-gallery-toolbar small{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important;}
#ksfic-products .ksfic-gallery-drop{border:1px dashed #c4b5fd!important;background:linear-gradient(180deg,#faf5ff,#fff)!important;border-radius:14px!important;min-height:118px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;cursor:pointer!important;color:#475569!important;}
#ksfic-products .ksfic-gallery-drop span{width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#ede9fe!important;color:#7c3aed!important;font-size:24px!important;font-weight:900!important;}
#ksfic-products .ksfic-gallery-drop strong{font-size:13px!important;color:#0f172a!important;font-weight:900!important;}
#ksfic-products .ksfic-gallery-drop small{font-size:12px!important;color:#64748b!important;}
#ksfic-products .ksfic-gallery-thumbs{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(74px,1fr))!important;gap:10px!important;}
#ksfic-products .ksfic-gallery-thumb{position:relative!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;aspect-ratio:1/1!important;box-shadow:0 6px 14px rgba(15,23,42,.06)!important;}
#ksfic-products .ksfic-gallery-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;display:block!important;}
#ksfic-products .ksfic-gallery-thumb button{position:absolute!important;top:5px!important;right:5px!important;width:24px!important;height:24px!important;border:0!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;}
@media(max-width:1100px){#ksfic-products .ksfic-add-enterprise-layout{grid-template-columns:1fr!important;}#ksfic-products .ksfic-edit-inline-grid,#ksfic-products .ksfic-edit-inventory-grid{grid-template-columns:1fr!important;}#ksfic-products .ksfic-form-actions{position:static!important;}}
/* v3.0.3 Add Item cleanup: remove outer frame, fix Inventory + Product Gallery layout */
#ksfic-products.ksfic-add-product-screen{
background:transparent!important;
padding:0!important;
}
#ksfic-products .ksfic-add-enterprise-layout{
display:grid!important;
grid-template-columns:minmax(620px,1.35fr) minmax(360px,.65fr)!important;
gap:18px!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-card{
border:0!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
overflow:hidden!important;
}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-card:hover{
box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-form-card{
display:block!important;
padding:20px!important;
}
#ksfic-products .ksfic-add-enterprise-layout .ksfic-section-title{
width:100%!important;
min-height:auto!important;
padding:0 0 15px!important;
margin:0 0 18px!important;
}
#ksfic-products .ksfic-edit-inventory-card .ksfic-inventory-head-row,
#ksfic-products .ksfic-edit-inventory-card .ksfic-section-title{
display:flex!important;
width:100%!important;
}
#ksfic-products .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
width:100%!important;
}
#ksfic-products .ksfic-edit-inventory-card .ksfic-field{
width:100%!important;
min-width:0!important;
}
#ksfic-products .ksfic-edit-inventory-card .ksfic-field input{
width:100%!important;
}
#ksfic-products .ksfic-edit-inventory-card .ksfic-field small{
display:block!important;
margin-top:7px!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.35!important;
white-space:normal!important;
}
#ksfic-products .ksfic-edit-gallery-card{
display:block!important;
padding:20px!important;
background:#fff!important;
}
#ksfic-products .ksfic-edit-gallery-card .ksfic-gallery-manager{
display:flex!important;
flex-direction:column!important;
gap:16px!important;
width:100%!important;
}
#ksfic-products .ksfic-edit-gallery-card .ksfic-gallery-featured,
#ksfic-products .ksfic-edit-gallery-card .ksfic-gallery-list-wrap{
width:100%!important;
border:1px solid #e5eaf2!important;
border-radius:16px!important;
padding:16px!important;
background:#fbfdff!important;
box-shadow:none!important;
}
#ksfic-products .ksfic-edit-gallery-card #ksfic-add-image-box{
min-height:210px!important;
width:100%!important;
margin-top:10px!important;
border:1px dashed #cbd5e1!important;
border-radius:16px!important;
background:#fff!important;
padding:18px!important;
}
#ksfic-products .ksfic-edit-gallery-card #ksfic-add-image-preview{
width:112px!important;
height:112px!important;
border-radius:16px!important;
background:#f8fafc!important;
border:1px solid #dbe4f0!important;
}
#ksfic-products .ksfic-edit-gallery-card .ksfic-image-actions{
display:flex!important;
gap:8px!important;
justify-content:center!important;
flex-wrap:wrap!important;
}
#ksfic-products .ksfic-edit-gallery-card .ksfic-gallery-toolbar{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin:0 0 12px!important;
}
#ksfic-products .ksfic-edit-gallery-card .ksfic-gallery-drop{
min-height:120px!important;
border:1px dashed #c4b5fd!important;
border-radius:16px!important;
background:#fff!important;
}
#ksfic-products .ksfic-form-actions{
margin-top:4px!important;
background:rgba(255,255,255,.92)!important;
border:0!important;
border-radius:16px!important;
box-shadow:0 12px 30px rgba(15,23,42,.10)!important;
}
@media(max-width:1100px){
#ksfic-products .ksfic-add-enterprise-layout{grid-template-columns:1fr!important;}
#ksfic-products .ksfic-edit-inventory-card .ksfic-edit-inventory-grid{grid-template-columns:1fr!important;}
}
/* v2.9.8 — left menu product section grouping */
.ksfic-sidebar .ksfic-nav-section-products{
margin-top:18px!important;
color:#0f766e!important;
}
.ksfic-sidebar .ksfic-product-nav{
position:relative!important;
margin-left:0!important;
border-radius:10px!important;
}
.ksfic-sidebar .ksfic-product-nav:before{
content:"";
position:absolute;
left:0;
top:8px;
bottom:8px;
width:3px;
border-radius:999px;
background:transparent;
}
.ksfic-sidebar .ksfic-product-nav:hover{
background:linear-gradient(90deg,#f0fdfa 0%,#f8fafc 100%)!important;
}
.ksfic-sidebar .ksfic-product-nav.active{
background:linear-gradient(90deg,#ccfbf1 0%,#eef4ff 100%)!important;
color:#0f766e!important;
box-shadow:inset 0 0 0 1px rgba(20,184,166,.18)!important;
}
.ksfic-sidebar .ksfic-product-nav.active:before{
background:#14b8a6!important;
}
.ksfic-sidebar .ksfic-product-nav.active .ksfic-nav-icon,
.ksfic-sidebar .ksfic-product-nav.active span{
color:#0f766e!important;
}
/* v3.0.8 — Orders section: fast, light, enterprise table */
.ksfic-orders-layout{display:grid;grid-template-columns:1fr;gap:18px;}
.ksfic-orders-card{overflow:hidden;}
.ksfic-orders-head{align-items:flex-start!important;gap:16px;}
.ksfic-orders-head p{margin:4px 0 0;color:#64748b;font-size:13px;}
.ksfic-orders-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.ksfic-orders-controls input,.ksfic-orders-controls select{height:40px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;padding:0 12px;min-width:190px;color:#172033;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.ksfic-orders-controls input{min-width:260px;}
.ksfic-speed-advice{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#eff6ff,#f8fafc);color:#334155;font-size:13px;line-height:1.45;}
.ksfic-speed-advice strong{color:#1d4ed8;}
.ksfic-orders-list td strong{display:block;color:#111827;}
.ksfic-orders-list td small{display:block;margin-top:3px;color:#64748b;font-size:12px;}
.ksfic-order-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3;}
.ksfic-order-status.processing{background:#dcfce7;color:#166534;}
.ksfic-order-status.completed{background:#e0f2fe;color:#075985;}
.ksfic-order-status.pending{background:#fef3c7;color:#92400e;}
.ksfic-order-status.on-hold{background:#fef9c3;color:#854d0e;}
.ksfic-order-status.cancelled,.ksfic-order-status.failed{background:#fee2e2;color:#991b1b;}
.ksfic-order-status.refunded{background:#f3e8ff;color:#6b21a8;}
@media(max-width:900px){.ksfic-orders-head{display:block!important}.ksfic-orders-controls{justify-content:flex-start;margin-top:12px}.ksfic-orders-controls input,.ksfic-orders-controls select{width:100%;min-width:0}}
/* v3.0.9 — Orders cleanup: remove helper copy and make pagination visible */
.ksfic-orders-head p,.ksfic-speed-advice{display:none!important;}
.ksfic-orders-count-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 14px;}
.ksfic-orders-top-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.ksfic-orders-top-pager small{color:#64748b;margin-right:6px;}
.ksfic-page-indicator{color:#475569;font-weight:800;font-size:12px;padding:0 6px;}
.ksfic-orders-top-pager .ksfic-page-btn,.ksfic-orders-bottom-pager .ksfic-page-btn{width:auto;min-width:92px;padding:0 12px;font-weight:800;color:#1e293b;}
.ksfic-orders-top-pager .ksfic-page-btn:not(:disabled),.ksfic-orders-bottom-pager .ksfic-page-btn:not(:disabled){border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;}
.ksfic-orders-top-pager .ksfic-page-btn:disabled,.ksfic-orders-bottom-pager .ksfic-page-btn:disabled{opacity:.45;cursor:not-allowed;}
.ksfic-orders-bottom-pager{padding:18px 18px 20px!important;}
@media(max-width:780px){.ksfic-orders-count-bar{align-items:flex-start;flex-direction:column}.ksfic-orders-top-pager{justify-content:flex-start}.ksfic-orders-top-pager .ksfic-page-btn,.ksfic-orders-bottom-pager .ksfic-page-btn{min-width:84px}}
/* v3.1.0 — Professional Orders workspace: spacing, filters, source badges, drawer */
#ksfic-orders .ksfic-orders-card{border-radius:18px!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important;border:1px solid #e5edf7!important;background:#fff!important;overflow:hidden!important;}
#ksfic-orders .ksfic-orders-head{padding:22px 26px 10px!important;border-bottom:0!important;}
#ksfic-orders .ksfic-orders-head h2{font-size:18px!important;letter-spacing:-.02em!important;margin:0!important;color:#0f172a!important;}
.ksfic-orders-toolbar{display:grid;grid-template-columns:190px 170px 150px 150px minmax(260px,1fr) 110px;gap:12px;align-items:center;padding:8px 26px 22px;border-bottom:1px solid #e8eef6;}
.ksfic-orders-toolbar select,.ksfic-orders-toolbar input{height:44px;border:1px solid #dbe5f1;border-radius:13px;background:#fff;padding:0 13px;color:#172033;font-size:14px;box-shadow:0 2px 8px rgba(15,23,42,.035);outline:none;}
.ksfic-orders-toolbar select:focus,.ksfic-orders-toolbar input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.12);}
.ksfic-orders-toolbar .ksfic-btn{height:44px;border-radius:13px;}
.ksfic-orders-count-bar{padding:15px 26px!important;background:#fbfdff;border-bottom:1px solid #e8eef6;margin:0!important;}
.ksfic-orders-count-bar>span{font-weight:800;color:#27364a;}
.ksfic-orders-top-pager{gap:10px!important;}
.ksfic-page-indicator{font-weight:800;color:#0f172a;padding:0 4px;}
.ksfic-orders-list{border-collapse:separate!important;border-spacing:0!important;width:100%;}
.ksfic-orders-list thead th{height:48px;background:#f7faff!important;color:#526783!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e8eef6!important;padding:0 22px!important;}
.ksfic-orders-list tbody td{padding:18px 22px!important;border-bottom:1px solid #eef3f8!important;vertical-align:middle!important;}
.ksfic-orders-list tbody tr:hover{background:#fbfdff;}
.ksfic-orders-list td strong{font-weight:850;color:#0f172a;}
.ksfic-orders-list td small{font-size:12.5px;color:#5d7190;}
.ksfic-order-source{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;border:1px solid transparent;}
.ksfic-order-source.service{background:#fff7ed;color:#9a3412;border-color:#fed7aa;}
.ksfic-order-source.website{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.ksfic-order-source.pos{background:#f0fdf4;color:#15803d;border-color:#bbf7d0;}
.ksfic-order-status{padding:7px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:850!important;}
.ksfic-mini-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;border-radius:10px;border:1px solid #dbe5f1;background:#fff;color:#1e40af!important;font-weight:850!important;text-decoration:none!important;padding:0 12px!important;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-right:6px;}
.ksfic-mini-btn:hover{background:#eff6ff;border-color:#bfdbfe;}
.ksfic-mini-link{color:#334155!important;}
.ksfic-orders-bottom-pager{padding:18px 26px 22px!important;background:#fff;}
.ksfic-order-drawer{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:99999;display:none;align-items:stretch;justify-content:flex-end;}
.ksfic-order-drawer.open{display:flex;}
.ksfic-order-drawer-panel{width:min(520px,92vw);background:#fff;height:100%;box-shadow:-24px 0 60px rgba(15,23,42,.22);padding:26px;overflow:auto;position:relative;}
.ksfic-order-drawer-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:12px;border:1px solid #dbe5f1;background:#f8fafc;font-size:24px;line-height:1;cursor:pointer;color:#334155;}
.ksfic-order-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:28px 0 20px;}
.ksfic-order-detail-head small{display:block;color:#64748b;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.08em;}
.ksfic-order-detail-head h2{margin:4px 0 0;font-size:28px;color:#0f172a;}
.ksfic-order-detail-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:22px;}
.ksfic-order-detail-grid>div{border:1px solid #e8eef6;border-radius:14px;padding:14px;background:#fbfdff;}
.ksfic-order-detail-grid label{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;margin-bottom:6px;}
.ksfic-order-detail-grid strong{display:block;color:#0f172a;font-size:14px;}
.ksfic-order-detail-grid small{display:block;color:#64748b;margin-top:3px;}
.ksfic-order-drawer h3{font-size:15px;margin:8px 0 12px;color:#0f172a;}
.ksfic-order-detail-items{border:1px solid #e8eef6;border-radius:14px;overflow:hidden;}
.ksfic-order-detail-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid #eef3f8;background:#fff;}
.ksfic-order-detail-item:last-child{border-bottom:0;}
.ksfic-order-detail-item strong{display:block;color:#0f172a;}
.ksfic-order-detail-item small{display:block;color:#64748b;margin-top:3px;}
.ksfic-order-detail-item span{font-weight:850;color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:6px 10px;white-space:nowrap;}
.ksfic-order-detail-actions{margin-top:20px;display:flex;justify-content:flex-end;}
@media(max-width:1100px){.ksfic-orders-toolbar{grid-template-columns:1fr 1fr}.ksfic-orders-toolbar input[type="search"]{grid-column:1/-1}.ksfic-orders-toolbar .ksfic-btn{grid-column:1/-1}}
@media(max-width:680px){.ksfic-orders-toolbar{grid-template-columns:1fr;padding:8px 16px 18px}.ksfic-orders-count-bar{padding:14px 16px!important}.ksfic-orders-list thead{display:none}.ksfic-orders-list tbody td{display:block;padding:10px 16px!important}.ksfic-orders-list tbody tr{display:block;border-bottom:1px solid #e8eef6}.ksfic-orders-top-pager{justify-content:flex-start!important}.ksfic-orders-count-bar{align-items:flex-start!important;flex-direction:column!important}}
/* v311 Orders polish */
#ksfic-orders .ksfic-orders-list thead th{text-align:left!important;}
#ksfic-orders .ksfic-orders-list tbody td{text-align:left!important;}
#ksfic-orders .ksfic-customer-plain{display:block;color:#172033;font-weight:500;line-height:1.35;}
#ksfic-orders .ksfic-details-btn{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;font-weight:850!important;min-width:86px;}
#ksfic-orders .ksfic-details-btn:hover{background:#dbeafe!important;border-color:#93c5fd!important;transform:translateY(-1px);}
#ksfic-orders .ksfic-mini-link{display:none!important;}
.ksfic-order-drawer{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(3px);}
.ksfic-order-drawer-panel{width:min(760px,94vw)!important;background:#f8fafc!important;padding:0!important;}
.ksfic-order-drawer-close{right:22px!important;top:20px!important;background:#fff!important;z-index:2;box-shadow:0 8px 22px rgba(15,23,42,.08);}
#ksfic-order-drawer-body{padding:28px;}
.ksfic-order-detail-head{margin:0 0 18px!important;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:22px;padding:24px 26px;box-shadow:0 18px 38px rgba(37,99,235,.18);}
.ksfic-order-detail-head small,.ksfic-order-detail-head p{color:rgba(255,255,255,.72)!important;}
.ksfic-order-detail-head h2{color:#fff!important;margin-top:6px!important;}
.ksfic-order-detail-head .ksfic-order-source{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important;}
.ksfic-order-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e5edf7;border-radius:16px;padding:14px 16px;margin-bottom:16px;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.ksfic-order-status-row>span:not(.ksfic-order-status){color:#64748b;font-weight:700;}
.ksfic-order-status-row>strong{margin-left:auto;color:#0f172a;font-size:16px;}
.ksfic-order-detail-grid.shopify-style{grid-template-columns:1fr 1fr 1fr!important;gap:14px!important;margin-bottom:16px!important;}
.ksfic-order-detail-grid.shopify-style>div{background:#fff!important;border:1px solid #e5edf7!important;border-radius:16px!important;padding:16px!important;box-shadow:0 8px 22px rgba(15,23,42,.035);}
.ksfic-order-section-card,.ksfic-order-totals-card{background:#fff;border:1px solid #e5edf7;border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.035);margin-top:16px;overflow:hidden;}
.ksfic-order-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef3f8;background:#fbfdff;}
.ksfic-order-section-title h3{margin:0!important;font-size:15px!important;color:#0f172a!important;}
.ksfic-order-section-title small{color:#64748b;font-weight:700;}
.ksfic-order-detail-items{border:0!important;border-radius:0!important;}
.ksfic-order-detail-item{padding:16px 18px!important;}
.ksfic-order-item-side{display:flex;align-items:center;gap:12px;}
.ksfic-order-item-side strong{min-width:82px;text-align:right;}
.ksfic-order-totals-card{padding:8px 18px;}
.ksfic-order-totals-card>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef3f8;color:#475569;}
.ksfic-order-totals-card>div:last-child{border-bottom:0;}
.ksfic-order-totals-card .grand{font-size:16px;color:#0f172a;}
.ksfic-order-totals-card .grand strong{font-size:20px;}
.ksfic-order-notes{padding:14px 18px;display:grid;gap:10px;}
.ksfic-order-notes>div{background:#f8fafc;border:1px solid #eef3f8;border-radius:14px;padding:12px;}
.ksfic-order-notes small{color:#64748b;font-weight:800;}
.ksfic-order-notes p{margin:5px 0 0;color:#172033;line-height:1.45;}
@media(max-width:780px){.ksfic-order-detail-grid.shopify-style{grid-template-columns:1fr!important}.ksfic-order-status-row>strong{margin-left:0;width:100%;}.ksfic-order-detail-item{align-items:flex-start!important;flex-direction:column}.ksfic-order-item-side strong{text-align:left}}
/* v312 Orders refinements: clickable rows, icon action, cleaner drawer, tax/shipping details */
#ksfic-orders .ksfic-orders-list tbody tr.ksfic-order-row{cursor:pointer;transition:background .12s ease,box-shadow .12s ease;}
#ksfic-orders .ksfic-orders-list tbody tr.ksfic-order-row:hover{background:#f8fbff!important;box-shadow:inset 3px 0 0 #2563eb;}
#ksfic-orders .ksfic-details-btn{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:999px!important;font-size:22px!important;line-height:1!important;background:#f8fafc!important;color:#1d4ed8!important;border-color:#dbeafe!important;box-shadow:0 2px 6px rgba(15,23,42,.05)!important;}
#ksfic-orders .ksfic-details-btn:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;transform:translateX(2px)!important;}
.ksfic-order-drawer-panel{border-left:1px solid rgba(226,232,240,.9)!important;}
.ksfic-order-drawer-close{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:999px!important;font-size:0!important;color:#334155!important;border:1px solid #dbe5f1!important;background:#fff!important;}
.ksfic-order-drawer-close:before{content:'×';font-size:25px;line-height:1;font-weight:700;margin-top:-2px;}
.ksfic-order-drawer-close:hover{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;box-shadow:0 10px 24px rgba(37,99,235,.16)!important;}
.ksfic-tax-breakdown{align-items:flex-start!important;gap:16px;}
.ksfic-tax-breakdown>span{font-weight:700;color:#475569;}
.ksfic-tax-breakdown>div{min-width:180px;display:grid;gap:6px;}
.ksfic-tax-breakdown p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#475569;}
.ksfic-tax-breakdown small{font-size:12px;color:#64748b;font-weight:700;}
.ksfic-tax-breakdown strong{color:#0f172a;}
.ksfic-order-detail-grid.shopify-style>div:nth-child(3){background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.ksfic-order-detail-grid.shopify-style>div:nth-child(3) strong{color:#1d4ed8;font-size:14px;margin-bottom:4px;}
/* v313 — Orders create/drafts professional polish */
#ksfic-orders .ksfic-orders-head,#ksfic-drafts .ksfic-orders-head{align-items:center!important;gap:18px!important;padding:22px 24px 14px!important;}
#ksfic-orders .ksfic-orders-toolbar,#ksfic-drafts .ksfic-orders-toolbar{padding:14px 24px 18px!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
#ksfic-orders .ksfic-orders-search-wide,#ksfic-drafts .ksfic-orders-search-wide{flex:1 1 560px!important;min-width:420px!important;max-width:none!important;}
.ksfic-create-order-btn{white-space:nowrap!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important;}
.ksfic-create-order-modal{position:fixed;inset:0;z-index:100060;background:rgba(15,23,42,.38);backdrop-filter:blur(8px);display:none;align-items:stretch;justify-content:flex-end;}
.ksfic-create-order-modal.open{display:flex;}
.ksfic-create-order-panel{width:min(980px,94vw);height:100%;background:#f8fafc;box-shadow:-26px 0 60px rgba(15,23,42,.22);display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #dbe5f1;}
.ksfic-create-order-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:#fff;border-bottom:1px solid #e7edf5;}
.ksfic-create-order-head small{display:block;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin-bottom:4px;}
.ksfic-create-order-head h2{margin:0;color:#0f172a;font-size:24px;}
.ksfic-create-order-close{width:42px;height:42px;border-radius:999px;border:1px solid #dbe5f1;background:#fff;color:#334155;font-size:25px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.ksfic-create-order-close:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;box-shadow:0 10px 24px rgba(37,99,235,.14)}
.ksfic-create-order-grid{padding:22px 26px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;overflow:auto;}
.ksfic-create-main,.ksfic-create-side{display:grid;align-content:start;gap:16px;}
.ksfic-order-builder-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.04);padding:18px;}
.ksfic-order-builder-card h3{margin:0 0 14px;color:#0f172a;font-size:15px;}
.ksfic-order-builder-card input,.ksfic-order-builder-card textarea,.ksfic-order-builder-card select,#ksfic-order-product-search{width:100%;height:44px;border:1px solid #dbe5f1;border-radius:12px;background:#fff;padding:0 14px;font-size:14px;box-shadow:none!important;margin-bottom:10px;}
.ksfic-order-builder-card textarea{height:auto;padding:12px 14px;resize:vertical;}
#ksfic-order-product-results{display:grid;gap:8px;margin-top:4px;}
#ksfic-order-product-results button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #e2e8f0;background:#f8fbff;border-radius:14px;padding:12px 14px;text-align:left;cursor:pointer;}
#ksfic-order-product-results button:hover{border-color:#bfdbfe;background:#eff6ff;}
#ksfic-order-product-results strong{display:block;color:#0f172a;}#ksfic-order-product-results small{color:#64748b;font-weight:700;}#ksfic-order-product-results b{white-space:nowrap;color:#1d4ed8;}
.ksfic-order-lines{display:grid;gap:10px;margin-top:14px;}
.ksfic-builder-line{display:grid;grid-template-columns:minmax(0,1fr) 76px 96px 36px;align-items:center;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;}
.ksfic-builder-line small{display:block;color:#64748b;font-weight:700;margin-top:2px;}.ksfic-builder-line input{height:38px!important;margin:0!important;text-align:center;}.ksfic-builder-line>strong{text-align:right;color:#0f172a;}.ksfic-builder-line button{width:34px;height:34px;border-radius:999px;border:1px solid #fee2e2;background:#fff5f5;color:#dc2626;font-weight:900;cursor:pointer;}
.ksfic-builder-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef3f8;color:#475569;font-weight:700;}
.ksfic-builder-total input{width:120px!important;margin:0!important;text-align:right;}.ksfic-builder-total.grand{border-bottom:0;color:#0f172a;font-size:17px;}.ksfic-builder-total.grand strong{font-size:22px;color:#1d4ed8;}
.ksfic-create-order-foot{margin-top:auto;padding:16px 26px;background:#fff;border-top:1px solid #e7edf5;display:flex;justify-content:flex-end;gap:12px;box-shadow:0 -16px 30px rgba(15,23,42,.05);}
#ksfic-drafts .ksfic-orders-card{border-color:#e9d5ff!important;}#ksfic-drafts .ksfic-orders-head h2:before{content:'Draft ';color:#7c3aed;}
@media(max-width:900px){.ksfic-create-order-grid{grid-template-columns:1fr}.ksfic-orders-toolbar{flex-wrap:wrap!important}.ksfic-orders-search-wide{min-width:220px!important}}
/* v314 Professional order / draft invoice workflow */
.ksfic-order-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 18px;padding:12px;background:#ffffff;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.ksfic-invoice-btn{background:linear-gradient(135deg,#0f766e,#14b8a6)!important;color:#fff!important;border-color:#0f766e!important;box-shadow:0 10px 22px rgba(20,184,166,.18)!important}
.ksfic-invoice-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
.ksfic-payment-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:12px;background:#f8fafc;border:1px solid #dbe5f1;color:#2563eb;text-decoration:none;font-weight:800;font-size:13px}
.ksfic-payment-link:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.ksfic-create-order-foot{align-items:center!important;gap:10px!important}
.ksfic-create-order-foot .ksfic-btn{min-height:40px!important;padding:0 16px!important;border-radius:12px!important;font-weight:850!important}
#ksfic-send-invoice-order{margin-right:auto!important}
.ksfic-order-builder-card h3:after{content:'';display:block;width:34px;height:3px;border-radius:99px;background:#bfdbfe;margin-top:8px}
.ksfic-create-order-close{font-size:0!important;line-height:1!important;position:relative!important}
.ksfic-create-order-close:before{content:'×';font-size:25px;font-weight:800;line-height:1;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin-top:-2px}
/* v3.1.5 Shopify-style collapsible left menu */
.ksfic-sidebar{background:linear-gradient(180deg,#f8fbff 0%,#f3f6fb 100%)!important;border-right:1px solid #dfe7f2!important;padding:18px 14px!important;}
.ksfic-brand{background:#ffffff;border:1px solid #e7edf5;border-radius:18px;padding:12px 12px;margin-bottom:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.045);}
.ksfic-nav-section{display:none!important;}
.ksfic-nav-group{margin:8px 0;border-radius:14px;}
.ksfic-nav-group-toggle{width:100%;height:38px;border:0;background:transparent;color:#475569;border-radius:11px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.ksfic-nav-group-toggle:hover{background:rgba(255,255,255,.7);color:#0f172a;}
.ksfic-nav-group-toggle i{font-style:normal;font-size:16px;line-height:1;transition:transform .18s ease;color:#94a3b8;}
.ksfic-nav-group.is-collapsed .ksfic-nav-group-toggle i{transform:rotate(-90deg);}
.ksfic-nav-group-items{display:flex;flex-direction:column;gap:2px;padding:2px 0 6px;overflow:hidden;}
.ksfic-nav-group.is-collapsed .ksfic-nav-group-items{display:none;}
.ksfic-nav{height:40px!important;margin:2px 0!important;border-radius:12px!important;padding:0 11px!important;color:#334155!important;background:transparent!important;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;}
.ksfic-nav:hover{background:#ffffff!important;box-shadow:0 8px 18px rgba(15,23,42,.055);transform:translateX(1px);}
.ksfic-nav.active{background:#ffffff!important;color:#0f172a!important;box-shadow:0 10px 24px rgba(37,99,235,.12), inset 3px 0 0 #2563eb!important;}
.ksfic-nav.active .ksfic-nav-icon{background:#eef4ff!important;color:#2563eb!important;}
.ksfic-nav-icon{width:28px!important;height:28px!important;border-radius:10px!important;background:rgba(255,255,255,.78)!important;display:grid!important;place-items:center!important;flex:0 0 28px!important;}
.ksfic-nav-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ksfic-help-card{background:#fff!important;border-color:#e5edf7!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;}
/* v316: Shopify-style closed sidebar + notification badges */
.ksfic-nav-group-toggle{gap:8px;}
.ksfic-nav-group-toggle span{flex:1;min-width:0;}
.ksfic-menu-badge,.ksfic-nav-badge{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:850;letter-spacing:-.02em;line-height:1;margin-left:auto;box-shadow:inset 0 0 0 1px rgba(99,102,241,.12)}
.ksfic-menu-badge{background:#ecfeff;color:#0e7490;margin-left:8px;}
.ksfic-nav-badge{background:#fff7ed;color:#c2410c;}
.ksfic-nav.active .ksfic-nav-badge{background:#dbeafe;color:#1d4ed8;}
.ksfic-menu-badge[hidden],.ksfic-nav-badge[hidden]{display:none!important;}
.ksfic-nav{position:relative;}
/* v3.0.0 Safe Woo/ATUM sync status panel */
.ksfic-sync-panel{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:14px 16px;
margin:0 0 18px;
border-radius:16px;
background:linear-gradient(135deg,#f8fafc,#eef6ff);
border:1px solid rgba(148,163,184,.28);
box-shadow:0 10px 30px rgba(15,23,42,.05);
}
.ksfic-sync-panel strong{display:block;font-size:14px;color:#0f172a;margin-bottom:3px;}
.ksfic-sync-panel span{font-size:12px;color:#64748b;}
.ksfic-sync-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ksfic-sync-metrics span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(226,232,240,.9);color:#475569;font-weight:600;}
.ksfic-sync-metrics b{color:#0f172a;font-size:12px;}
.ksfic-sync-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.ksfic-sync-panel.is-running{background:linear-gradient(135deg,#f8fafc,#ecfeff);}
.ksfic-sync-panel.has-failed{background:linear-gradient(135deg,#fff7ed,#fef2f2);border-color:rgba(248,113,113,.35);}
@media (max-width: 980px){.ksfic-sync-panel{align-items:flex-start;flex-direction:column}.ksfic-sync-actions{justify-content:flex-start}}
/* v3.2.3 Espresso Dolce final visual polish */
:root{
--ks-blue:#1f4fd7;
--ks-blue2:#edf4ff;
--ks-bg:#f6f8fb;
--ks-card:#ffffff;
--ks-line:#e3e8f0;
--ks-text:#111827;
--ks-muted:#667085;
--ks-shadow:0 16px 40px rgba(15,23,42,.06);
}
body.ksfic-fullscreen-page{background:#f6f8fb!important;}
.ksfic-app{background:linear-gradient(180deg,#f8fbff 0%,#f6f8fb 42%,#f3f6fa 100%)!important;color:#111827;}
.ksfic-sidebar{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;border-right:1px solid #e3e8f0!important;box-shadow:8px 0 26px rgba(15,23,42,.035);}
.ksfic-brand{padding:10px 10px 14px;margin-bottom:18px;border-bottom:1px solid #edf1f7;}
.ksfic-brand strong,.ksfic-login-brand strong{font-weight:900;letter-spacing:-.045em;color:#0f172a;}
.ksfic-brand span,.ksfic-login-brand span{color:#667085;font-weight:700;text-transform:none;letter-spacing:0;}
.ksfic-nav-section{color:#98a2b3;font-weight:850;letter-spacing:.10em;margin-top:18px;}
.ksfic-nav{border-radius:11px;height:42px;color:#344054;font-weight:700;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;}
.ksfic-nav:hover{background:#f0f5ff!important;color:#1d4ed8;transform:translateX(1px);}
.ksfic-nav.active{background:#eaf1ff!important;color:#1d4ed8!important;box-shadow:inset 3px 0 0 #2563eb;}
.ksfic-main{background:transparent!important;}
.ksfic-topbar h1{font-weight:900;color:#0f172a;}
.ksfic-card,.ksfic-form-card,.ksfic-orders-panel,.ksfic-po-panel,.ksfic-modal-card{border:1px solid #e3e8f0!important;border-radius:16px!important;box-shadow:0 16px 36px rgba(15,23,42,.055)!important;background:#fff!important;}
.ksfic-card-head,.ksfic-form-card h3{border-bottom-color:#edf1f7!important;}
.ksfic-btn.primary,.ksfic-primary-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;border-color:#1d4ed8!important;box-shadow:0 12px 24px rgba(37,99,235,.20)!important;}
.ksfic-btn.primary:hover,.ksfic-primary-btn:hover{filter:brightness(.98);transform:translateY(-1px);}
.ksfic-table th{background:#f8fafc!important;color:#475467!important;font-weight:850!important;letter-spacing:.01em;}
.ksfic-table td{color:#344054!important;}
.ksfic-table tbody tr:hover td{background:#fbfdff!important;}
.ksfic-status{font-weight:850;letter-spacing:.01em;}
.ksfic-field label{color:#344054!important;font-weight:800!important;}
.ksfic-field input,.ksfic-field select,.ksfic-field textarea,.ksfic-searchline input,.ksfic-searchline select{border-color:#d9e1ec!important;border-radius:11px!important;background:#fff!important;}
.ksfic-field input:focus,.ksfic-field select:focus,.ksfic-field textarea:focus,.ksfic-searchline input:focus{border-color:#93b5ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;outline:0!important;}
.ksfic-help-card{background:linear-gradient(180deg,#fbfdff,#f6f9ff)!important;border-color:#e0e9ff!important;border-radius:16px!important;}
.ksfic-logo,.ksfic-login-logo{border-radius:13px!important;box-shadow:0 10px 22px rgba(15,23,42,.08)!important;}
.ksfic-login-screen{background:radial-gradient(circle at 14% 8%,rgba(37,99,235,.16),transparent 30%),linear-gradient(135deg,#f7faff 0%,#eef4ff 50%,#f8fafc 100%)!important;}
.ksfic-login-box{border-radius:24px!important;box-shadow:0 28px 80px rgba(15,23,42,.15)!important;}
/* v3.2.4 final header polish */
.ksfic-brand{gap:10px!important;margin-bottom:24px!important;padding:2px 2px 8px!important;}
.ksfic-logo{width:34px!important;height:34px!important;border-radius:10px!important;flex:0 0 34px!important;}
.ksfic-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}
.ksfic-brand strong{font-size:18px!important;line-height:1.12!important;letter-spacing:-.025em!important;white-space:normal!important;}
.ksfic-brand span{font-size:11px!important;line-height:1.2!important;margin-top:3px!important;color:#64748b!important;}
.ksfic-actions{gap:14px!important;}
.ksfic-topbar{align-items:center!important;margin-bottom:24px!important;}
.ksfic-user-chip{background:#fff!important;border:1px solid #e5edf6!important;border-radius:14px!important;padding:8px 12px!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important;}
.ksfic-avatar{width:32px!important;height:32px!important;font-size:13px!important;}
.ksfic-user-chip strong{font-size:12px!important;font-weight:700!important;}
.ksfic-user-chip small{font-size:10.5px!important;}
@media(max-width:900px){.ksfic-topbar{align-items:flex-start!important}.ksfic-actions{flex-wrap:wrap;justify-content:flex-start}.ksfic-brand strong{font-size:17px!important}}
/* v326 Orders compact table polish - CSS only, no extra queries/scripts */
#ksfic-orders .ksfic-orders-card,
#ksfic-drafts .ksfic-orders-card{
border-radius:16px!important;
box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
#ksfic-orders .ksfic-orders-head,
#ksfic-drafts .ksfic-orders-head{
padding:16px 20px 10px!important;
min-height:auto!important;
}
#ksfic-orders .ksfic-orders-head h2,
#ksfic-drafts .ksfic-orders-head h2{
font-size:16px!important;
line-height:1.2!important;
}
#ksfic-orders .ksfic-create-order-btn,
#ksfic-drafts .ksfic-create-order-btn{
height:36px!important;
padding:0 13px!important;
border-radius:10px!important;
font-size:13px!important;
}
#ksfic-orders .ksfic-orders-toolbar,
#ksfic-drafts .ksfic-orders-toolbar{
padding:10px 20px 14px!important;
gap:8px!important;
}
#ksfic-orders .ksfic-orders-toolbar select,
#ksfic-orders .ksfic-orders-toolbar input,
#ksfic-drafts .ksfic-orders-toolbar select,
#ksfic-drafts .ksfic-orders-toolbar input{
height:36px!important;
border-radius:10px!important;
padding:0 10px!important;
font-size:13px!important;
box-shadow:none!important;
}
#ksfic-orders .ksfic-orders-toolbar .ksfic-btn,
#ksfic-drafts .ksfic-orders-toolbar .ksfic-btn{
height:36px!important;
border-radius:10px!important;
padding:0 12px!important;
font-size:13px!important;
}
#ksfic-orders .ksfic-orders-count-bar,
#ksfic-drafts .ksfic-orders-count-bar{
padding:9px 20px!important;
min-height:auto!important;
background:#fbfdff!important;
}
#ksfic-orders .ksfic-orders-count-bar>span,
#ksfic-drafts .ksfic-orders-count-bar>span{
font-size:12px!important;
font-weight:700!important;
}
#ksfic-orders .ksfic-orders-top-pager,
#ksfic-drafts .ksfic-orders-top-pager{
gap:6px!important;
}
#ksfic-orders .ksfic-orders-top-pager small,
#ksfic-drafts .ksfic-orders-top-pager small{
font-size:12px!important;
}
#ksfic-orders .ksfic-orders-top-pager .ksfic-page-btn,
#ksfic-orders .ksfic-orders-bottom-pager .ksfic-page-btn,
#ksfic-drafts .ksfic-orders-top-pager .ksfic-page-btn,
#ksfic-drafts .ksfic-orders-bottom-pager .ksfic-page-btn{
height:30px!important;
min-width:74px!important;
padding:0 10px!important;
border-radius:8px!important;
font-size:12px!important;
}
#ksfic-orders .ksfic-table-wrap,
#ksfic-drafts .ksfic-table-wrap{
padding:0 12px 12px!important;
}
#ksfic-orders .ksfic-orders-list,
#ksfic-drafts .ksfic-orders-list{
font-size:12.5px!important;
min-width:980px!important;
}
#ksfic-orders .ksfic-orders-list thead th,
#ksfic-drafts .ksfic-orders-list thead th{
height:36px!important;
padding:0 12px!important;
font-size:11px!important;
letter-spacing:.035em!important;
background:#f8fafc!important;
color:#64748b!important;
text-align:left!important;
}
#ksfic-orders .ksfic-orders-list tbody td,
#ksfic-drafts .ksfic-orders-list tbody td{
padding:9px 12px!important;
line-height:1.25!important;
border-bottom:1px solid #eef3f8!important;
text-align:left!important;
}
#ksfic-orders .ksfic-orders-list tbody tr,
#ksfic-drafts .ksfic-orders-list tbody tr{
height:46px!important;
}
#ksfic-orders .ksfic-orders-list tbody tr:hover,
#ksfic-drafts .ksfic-orders-list tbody tr:hover{
background:#f8fbff!important;
}
#ksfic-orders .ksfic-orders-list td strong,
#ksfic-drafts .ksfic-orders-list td strong{
font-size:12.5px!important;
line-height:1.2!important;
}
#ksfic-orders .ksfic-orders-list td small,
#ksfic-drafts .ksfic-orders-list td small{
font-size:11px!important;
margin-top:1px!important;
line-height:1.15!important;
}
#ksfic-orders .ksfic-status,
#ksfic-drafts .ksfic-status{
padding:3px 8px!important;
font-size:11px!important;
line-height:1.25!important;
}
#ksfic-orders .ksfic-details-btn,
#ksfic-drafts .ksfic-details-btn{
width:30px!important;
height:30px!important;
min-width:30px!important;
font-size:18px!important;
box-shadow:none!important;
}
#ksfic-orders .ksfic-source-badge,
#ksfic-drafts .ksfic-source-badge{
padding:3px 7px!important;
font-size:10.5px!important;
border-radius:999px!important;
}
#ksfic-orders .ksfic-orders-bottom-pager,
#ksfic-drafts .ksfic-orders-bottom-pager{
padding:10px 20px 14px!important;
}
@media(max-width:680px){
#ksfic-orders .ksfic-orders-list tbody td,
#ksfic-drafts .ksfic-orders-list tbody td{padding:7px 14px!important;}
#ksfic-orders .ksfic-orders-toolbar,
#ksfic-drafts .ksfic-orders-toolbar{padding:10px 14px 14px!important;}
}
/* v327 final security and portal polish */
.ksfic-pin-box{max-width:420px;margin:0 auto;padding:28px!important}
.ksfic-pin-label{display:block;margin:14px 0 7px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#475569}
.ksfic-pin-input{width:100%;height:46px;border:1px solid #d9e1ea;border-radius:12px;padding:0 14px;font-size:18px;letter-spacing:.18em;text-align:center;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.ksfic-pin-input:focus{outline:none;border-color:#31445f;box-shadow:0 0 0 4px rgba(49,68,95,.10)}
.ksfic-pin-submit{width:100%;justify-content:center;margin-top:16px;height:44px}
.ksfic-pin-error{margin:12px 0 8px;padding:10px 12px;border-radius:12px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-size:13px;font-weight:700}
.ksfic-brand strong{font-size:15px!important;letter-spacing:.01em;line-height:1.15}.ksfic-brand span{font-size:11px!important}.ksfic-brand{gap:10px!important;padding:16px 14px!important}
/* v329 PO line item auto-save indicator */
.ksfic-po-autosave-state{display:inline-flex;align-items:center;height:32px;margin-left:8px;padding:0 10px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:700;white-space:nowrap}
/* Enterprise dashboard polish v334 */
.ksfic-dashboard-filter{align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:12px;box-shadow:0 10px 30px rgba(15,23,42,.05);margin:0 0 18px!important;justify-content:flex-start!important}.ksfic-date-preset.active{background:#ecfdf3!important;border-color:#86efac!important;color:#15803d!important}.ksfic-enterprise-note{margin:0 0 12px;color:#64748b;font-size:12px}.ksfic-enterprise-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ksfic-enterprise-kpis .ksfic-kpi-card{min-height:118px;border-radius:16px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);position:relative;overflow:hidden}.ksfic-enterprise-kpis .ksfic-kpi-card:after{content:"";position:absolute;left:18px;right:18px;bottom:14px;height:26px;background:linear-gradient(90deg,rgba(37,99,235,.10),rgba(22,163,74,.10),rgba(124,58,237,.10));clip-path:polygon(0 70%,10% 35%,20% 50%,30% 25%,42% 55%,52% 40%,65% 72%,77% 32%,90% 54%,100% 20%,100% 100%,0 100%)}.ksfic-enterprise-kpis .ksfic-kpi-card strong{font-size:22px}.ksfic-enterprise-kpis .ksfic-kpi-card small{position:relative;z-index:1}.ksfic-enterprise-kpis .ksfic-kpi-icon{width:44px;height:44px;border-radius:13px;font-size:20px}.ksfic-card{border-radius:16px}.ksfic-summary-card{border-color:#dbeafe}.ksfic-chart-card{min-height:330px}.ksfic-card-head small{color:#64748b;font-size:12px}@media(max-width:1700px){.ksfic-enterprise-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:900px){.ksfic-enterprise-kpis{grid-template-columns:1fr!important}}
/* v3.4.0 PO shipping cost */
.ksfic-po-shipping-row td{background:#f8fafc!important}
.ksfic-po-shipping-row input{width:100%;max-width:180px}
.ksfic-po-shipping-row input#ksfic-po-shipping-cost{appearance:textfield;-moz-appearance:textfield}
.ksfic-po-shipping-row input#ksfic-po-shipping-cost::-webkit-outer-spin-button,.ksfic-po-shipping-row input#ksfic-po-shipping-cost::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ksfic-po-grand-total-row td{background:#eef4ff!important;font-size:15px}
.ksfic-po-grand-total-row strong{color:#0f172a}
/* v3.4.5 PO Reference optional + same-row layout */
@media (min-width:1101px){
#ksfic-po-add .ksfic-po-details-grid{
grid-template-columns:minmax(110px,.85fr) minmax(160px,1.25fr) minmax(120px,.9fr) minmax(86px,.62fr) minmax(112px,.72fr) minmax(145px,1fr) minmax(155px,1.08fr)!important;
gap:12px!important;
}
#ksfic-po-add .ksfic-po-field-currency select{padding-left:10px!important;padding-right:8px!important;}
#ksfic-po-add .ksfic-po-field-rate input{padding-left:10px!important;padding-right:8px!important;}
}
@media (max-width:1100px) and (min-width:761px){
#ksfic-po-add .ksfic-po-details-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important;}
}
#ksfic-po-list[data-po-clean-ui] .ksfic-po-row-actions .ksfic-po-pdf::before{
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
}
/* v3.5.0 Stock Central action polish: Low Alert column removed, actions moved into edit modal */
.ksfic-edit-action-card{border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fafc)}
.ksfic-action-panel{display:flex;gap:10px;align-items:center;margin-top:12px}
.ksfic-action-panel select{width:100%;min-height:42px;border:1px solid #d9e2ef;border-radius:12px;padding:0 12px;background:#fff;color:#0f172a;font-weight:600}
.ksfic-apply-product-action{white-space:nowrap;min-height:42px}
.ksfic-duplicate-panel{align-items:flex-start;flex-direction:column;border-top:1px solid #edf2f7;padding-top:12px;margin-top:14px}
.ksfic-duplicate-panel .ksfic-btn{width:100%;justify-content:center;background:#0f172a;color:#fff;border-color:#0f172a}
.ksfic-duplicate-panel small{color:#64748b;line-height:1.45}
.ksfic-table .ksfic-col-product{min-width:260px}
.ksfic-table .ksfic-col-actions{min-width:128px}
/* v3.5.1 Edit product action card placement + professional compact UI */
#ksfic-edit-modal .ksfic-edit-side-col{
display:flex!important;
flex-direction:column!important;
gap:16px!important;
}
#ksfic-edit-modal .ksfic-edit-action-card{
order:-50!important;
padding:16px!important;
border:1px solid #c7d2fe!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 14px 34px rgba(37,99,235,.08)!important;
}
#ksfic-edit-modal .ksfic-edit-action-card .ksfic-section-title{
align-items:flex-start!important;
margin-bottom:12px!important;
padding-bottom:11px!important;
}
#ksfic-edit-modal .ksfic-edit-action-card .ksfic-section-icon{
width:34px!important;
height:34px!important;
border-radius:11px!important;
background:#eef4ff!important;
color:#1d4ed8!important;
border-color:#bfdbfe!important;
}
#ksfic-edit-modal .ksfic-edit-action-card .ksfic-section-title small{
max-width:250px!important;
line-height:1.35!important;
}
#ksfic-edit-modal .ksfic-action-panel{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:8px!important;
align-items:center!important;
margin-top:0!important;
}
#ksfic-edit-modal #ksfic-edit-product-action{
width:100%!important;
max-width:100%!important;
height:42px!important;
min-height:42px!important;
border:1px solid #dbe4f0!important;
border-radius:12px!important;
padding:0 36px 0 12px!important;
background-color:#fff!important;
color:#0f172a!important;
font-size:13px!important;
font-weight:800!important;
line-height:42px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal #ksfic-edit-product-action:focus{
border-color:#93b5ff!important;
box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
outline:0!important;
}
#ksfic-edit-modal .ksfic-apply-product-action{
height:42px!important;
min-height:42px!important;
padding:0 14px!important;
border-radius:12px!important;
font-size:13px!important;
font-weight:850!important;
background:#eef4ff!important;
border:1px solid #bfdbfe!important;
color:#1d4ed8!important;
box-shadow:none!important;
}
#ksfic-edit-modal .ksfic-apply-product-action:hover{
background:#dbeafe!important;
}
#ksfic-edit-modal .ksfic-duplicate-panel{
display:block!important;
border-top:1px solid #e5eaf2!important;
padding-top:12px!important;
margin-top:12px!important;
}
#ksfic-edit-modal .ksfic-duplicate-panel .ksfic-btn{
width:100%!important;
min-height:42px!important;
justify-content:center!important;
border-radius:12px!important;
background:linear-gradient(135deg,#0f172a,#1e293b)!important;
color:#fff!important;
border-color:#0f172a!important;
box-shadow:0 10px 22px rgba(15,23,42,.14)!important;
}
#ksfic-edit-modal .ksfic-duplicate-panel small{
display:block!important;
margin-top:10px!important;
color:#64748b!important;
font-size:11.5px!important;
line-height:1.45!important;
}
@media(max-width:1100px){
#ksfic-edit-modal .ksfic-edit-action-card{order:0!important;}
}
/* v3.5.2 Edit popup action UI - compact enterprise card, no heavy page logic */
#ksfic-edit-modal .ksfic-edit-side-col{
display:flex!important;
flex-direction:column!important;
gap:16px!important;
}
#ksfic-edit-modal .ksfic-edit-action-card{
order:-60!important;
padding:14px!important;
border:1px solid #d7e0f3!important;
border-radius:18px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
#ksfic-edit-modal .ksfic-edit-action-head{
display:flex!important;
align-items:center!important;
gap:12px!important;
min-height:64px!important;
padding:14px 16px!important;
margin:0 0 14px!important;
border:1px solid #d9e4ff!important;
border-radius:16px!important;
background:linear-gradient(135deg,#f7faff 0%,#f2f6ff 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-action-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:38px!important;
height:38px!important;
flex:0 0 38px!important;
border-radius:14px!important;
background:#eef4ff!important;
color:#2563eb!important;
border:1px solid #cfe0ff!important;
box-shadow:0 8px 16px rgba(37,99,235,.09)!important;
font-size:18px!important;
}
#ksfic-edit-modal .ksfic-edit-action-head h3{
margin:0!important;
font-size:17px!important;
font-weight:900!important;
letter-spacing:-.01em!important;
color:#0f172a!important;
}
#ksfic-edit-modal .ksfic-edit-action-card .ksfic-section-title{display:none!important;}
#ksfic-edit-modal .ksfic-edit-action-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 96px!important;
gap:12px!important;
align-items:center!important;
margin:0 0 14px!important;
}
#ksfic-edit-modal #ksfic-edit-product-action{
display:block!important;
width:100%!important;
max-width:none!important;
height:44px!important;
min-height:44px!important;
margin:0!important;
padding:0 38px 0 14px!important;
border:1px solid #cbd5e1!important;
border-radius:0!important;
background:#fff!important;
color:#0f172a!important;
font-size:14px!important;
font-weight:700!important;
line-height:44px!important;
box-shadow:inset 0 1px 0 rgba(15,23,42,.02)!important;
outline:0!important;
}
#ksfic-edit-modal #ksfic-edit-product-action option{
color:#0f172a!important;
background:#fff!important;
}
#ksfic-edit-modal #ksfic-edit-product-action:focus{
border-color:#2563eb!important;
box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
#ksfic-edit-modal .ksfic-apply-product-action{
width:96px!important;
height:44px!important;
min-height:44px!important;
padding:0!important;
border-radius:12px!important;
background:#fff!important;
border:1px solid #bfdbfe!important;
color:#2563eb!important;
font-size:16px!important;
font-weight:900!important;
box-shadow:0 5px 14px rgba(37,99,235,.08)!important;
}
#ksfic-edit-modal .ksfic-apply-product-action:hover{background:#eff6ff!important;}
#ksfic-edit-modal .ksfic-duplicate-panel{
display:block!important;
margin:0!important;
padding:0!important;
border:0!important;
}
#ksfic-edit-modal .ksfic-duplicate-panel .ksfic-btn{
width:auto!important;
min-width:166px!important;
height:44px!important;
min-height:44px!important;
padding:0 18px!important;
justify-content:center!important;
border-radius:10px!important;
background:linear-gradient(135deg,#0f172a,#111827)!important;
color:#fff!important;
border-color:#0f172a!important;
font-weight:900!important;
box-shadow:0 10px 22px rgba(15,23,42,.16)!important;
}
#ksfic-edit-modal .ksfic-duplicate-panel small{
display:block!important;
margin-top:10px!important;
max-width:260px!important;
color:#64748b!important;
font-size:11.5px!important;
line-height:1.45!important;
}
@media(max-width:560px){
#ksfic-edit-modal .ksfic-edit-action-row{grid-template-columns:1fr!important;}
#ksfic-edit-modal .ksfic-apply-product-action{width:100%!important;}
#ksfic-edit-modal .ksfic-duplicate-panel .ksfic-btn{width:100%!important;}
}
/* v3.5.3 Stock Central edit popup: Action-only clean full-width layout */
#ksfic-edit-modal .ksfic-edit-action-card{
display:block!important;
order:-70!important;
width:100%!important;
padding:16px!important;
border:1px solid #cfe0ff!important;
border-radius:20px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 12px 28px rgba(37,99,235,.07)!important;
}
#ksfic-edit-modal .ksfic-edit-action-head{
display:flex!important;
width:100%!important;
align-items:center!important;
gap:13px!important;
min-height:68px!important;
padding:14px 16px!important;
margin:0 0 14px 0!important;
border:1px solid #dbe7ff!important;
border-radius:17px!important;
background:linear-gradient(135deg,#f8fbff 0%,#f1f6ff 100%)!important;
}
#ksfic-edit-modal .ksfic-edit-action-icon{
width:38px!important;
height:38px!important;
flex:0 0 38px!important;
border-radius:14px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#eef5ff!important;
color:#2563eb!important;
border:1px solid #cfe0ff!important;
box-shadow:0 8px 16px rgba(37,99,235,.08)!important;
}
#ksfic-edit-modal .ksfic-edit-action-head h3{
margin:0!important;
color:#0f172a!important;
font-size:18px!important;
font-weight:900!important;
letter-spacing:-.02em!important;
}
#ksfic-edit-modal .ksfic-edit-action-row{
display:grid!important;
width:100%!important;
grid-template-columns:minmax(0,1fr) 98px!important;
gap:12px!important;
align-items:center!important;
margin:0!important;
}
#ksfic-edit-modal #ksfic-edit-product-action{
width:100%!important;
min-width:0!important;
max-width:none!important;
height:46px!important;
min-height:46px!important;
margin:0!important;
padding:0 42px 0 14px!important;
border:1px solid #cbd5e1!important;
border-radius:12px!important;
background-color:#fff!important;
color:#0f172a!important;
font-size:14px!important;
font-weight:800!important;
line-height:46px!important;
box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#ksfic-edit-modal #ksfic-edit-product-action:focus{
outline:0!important;
border-color:#2563eb!important;
box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
#ksfic-edit-modal .ksfic-apply-product-action{
width:98px!important;
height:46px!important;
min-height:46px!important;
padding:0!important;
border-radius:13px!important;
background:#fff!important;
border:1px solid #bfdbfe!important;
color:#2563eb!important;
font-size:16px!important;
font-weight:900!important;
box-shadow:0 6px 16px rgba(37,99,235,.09)!important;
}
#ksfic-edit-modal .ksfic-apply-product-action:hover{background:#eff6ff!important;}
#ksfic-edit-modal .ksfic-duplicate-panel,
#ksfic-edit-modal #ksfic-duplicate-product{display:none!important;}
@media(max-width:560px){
#ksfic-edit-modal .ksfic-edit-action-row{grid-template-columns:1fr!important;}
#ksfic-edit-modal .ksfic-apply-product-action{width:100%!important;}
}
/* v3.5.4 Stock Central action card: compact header + reliable full-width controls */
#ksfic-edit-modal .ksfic-edit-action-card{
padding:14px!important;
border-radius:18px!important;
}
#ksfic-edit-modal .ksfic-edit-action-head{
min-height:50px!important;
padding:9px 12px!important;
margin:0 0 12px 0!important;
gap:10px!important;
border-radius:14px!important;
}
#ksfic-edit-modal .ksfic-edit-action-icon{
width:32px!important;
height:32px!important;
flex-basis:32px!important;
border-radius:11px!important;
font-size:15px!important;
}
#ksfic-edit-modal .ksfic-edit-action-head h3{
font-size:16px!important;
line-height:1.1!important;
}
#ksfic-edit-modal .ksfic-edit-action-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 92px!important;
gap:10px!important;
width:100%!important;
}
#ksfic-edit-modal #ksfic-edit-product-action{
width:100%!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
line-height:44px!important;
font-size:14px!important;
font-weight:700!important;
text-overflow:ellipsis!important;
}
#ksfic-edit-modal .ksfic-apply-product-action{
width:92px!important;
height:44px!important;
min-height:44px!important;
font-size:15px!important;
}
#ksfic-edit-modal .ksfic-apply-product-action:disabled{
opacity:.72!important;
cursor:wait!important;
}
@media(max-width:760px){
#ksfic-edit-modal .ksfic-edit-action-row{grid-template-columns:1fr!important;}
#ksfic-edit-modal .ksfic-apply-product-action{width:100%!important;}
}
/* v3.5.5 Stock Central action card: compact, lightweight UI */
#ksfic-edit-modal .ksfic-edit-action-card{padding:14px!important;}
#ksfic-edit-modal .ksfic-edit-action-head{min-height:46px!important;padding:10px 12px!important;margin-bottom:12px!important;}
#ksfic-edit-modal .ksfic-edit-action-icon{width:32px!important;height:32px!important;}
#ksfic-edit-modal .ksfic-edit-action-head h3{font-size:16px!important;}
#ksfic-edit-modal .ksfic-edit-action-row{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;align-items:center!important;}
#ksfic-edit-modal #ksfic-edit-product-action{width:100%!important;min-height:44px!important;}
#ksfic-edit-modal #ksfic-apply-product-action{min-height:44px!important;justify-content:center!important;}
/* v3.5.6 Stock Central column balance: gives product details more room without adding JS or heavy runtime work. */
#ksfic-products-table .ksfic-stock-central-table{
table-layout:fixed!important;
min-width:1180px!important;
}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-product-wide{width:40%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-sku-tight{width:13%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-money{width:8%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-profit{width:8%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-stock-tight{width:5%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-status-tight{width:7%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-action-tight{width:7%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-history-tight{width:4%!important;}
#ksfic-products-table .ksfic-stock-central-table th,
#ksfic-products-table .ksfic-stock-central-table td{
overflow:hidden!important;
text-overflow:ellipsis!important;
}
#ksfic-products-table .ksfic-stock-central-table .ksfic-td-product{
overflow:visible!important;
}
#ksfic-products-table .ksfic-stock-central-table .ksfic-product-cell{
width:100%!important;
max-width:100%!important;
}
#ksfic-products-table .ksfic-stock-central-table .ksfic-product-cell strong{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
#ksfic-products-table .ksfic-stock-central-table .ksfic-td-sku{
white-space:normal!important;
overflow-wrap:anywhere!important;
line-height:1.25!important;
}
#ksfic-products-table .ksfic-stock-central-table td:nth-child(6),
#ksfic-products-table .ksfic-stock-central-table th:nth-child(6),
#ksfic-products-table .ksfic-stock-central-table td:nth-child(7),
#ksfic-products-table .ksfic-stock-central-table th:nth-child(7),
#ksfic-products-table .ksfic-stock-central-table td:nth-child(8),
#ksfic-products-table .ksfic-stock-central-table th:nth-child(8),
#ksfic-products-table .ksfic-stock-central-table td:nth-child(9),
#ksfic-products-table .ksfic-stock-central-table th:nth-child(9){
text-align:center!important;
}
#ksfic-products-table .ksfic-stock-central-table td:nth-child(8){
white-space:nowrap!important;
overflow:visible!important;
}
#ksfic-products-table .ksfic-stock-central-table td:nth-child(8) .ksfic-mini-btn,
#ksfic-products-table .ksfic-stock-central-table td:nth-child(9) .ksfic-mini-btn{
margin:1px!important;
}
@media (max-width:1280px){
#ksfic-products-table .ksfic-stock-central-table{min-width:1120px!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-product-wide{width:37%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-sku-tight{width:14%!important;}
#ksfic-products-table .ksfic-stock-central-table .ksfic-col-action-tight{width:8%!important;}
}
/* v3.5.7 Products table header alignment: CSS-only, scoped to this table to avoid global/heavy runtime impact. */
#ksfic-products-table .ksfic-stock-central-table thead th,
#ksfic-products-table .ksfic-stock-central-table thead th:nth-child(n){
text-align:left!important;
}
#ksfic-products-table .ksfic-stock-central-table thead th > *,
#ksfic-products-table .ksfic-stock-central-table thead th span,
#ksfic-products-table .ksfic-stock-central-table thead th div{
text-align:left!important;
justify-content:flex-start!important;
}
/* v3.5.8 Products table body alignment: scoped CSS only, no JS/runtime work.
Readable fields align left; action/history controls stay centered. */
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(5),
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(6),
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(7){
text-align:left!important;
}
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(5) > *,
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(6) > *,
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(7) > *{
text-align:left!important;
justify-content:flex-start!important;
}
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(8),
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(9){
text-align:center!important;
}
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(8) > *,
#ksfic-products-table .ksfic-stock-central-table tbody td:nth-child(9) > *{
justify-content:center!important;
}