:root{--wcc-accent:#5b8cff;--wcc-bg:#07101d;--wcc-bg2:#0b1730;--wcc-panel:#101d30;--wcc-panel2:#14243b;--wcc-line:rgba(255,255,255,.09);--wcc-text:#f4f8ff;--wcc-muted:#98acc5;--wcc-good:#35cf98;--wcc-warn:#f4be55;--wcc-bad:#ff6f7f}.limeco-cloud-app-page .site-header,.limeco-cloud-app-page header.entry-header,.limeco-cloud-app-page .site-footer{display:none!important}.limeco-cloud-app-page .site-main,.limeco-cloud-app-page .entry-content,.limeco-cloud-app-page main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.wcc-app{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:linear-gradient(145deg,var(--wcc-bg),var(--wcc-bg2));color:var(--wcc-text);font-family:Inter,Segoe UI,Arial,sans-serif}.wcc-app *{box-sizing:border-box}.wcc-app button,.wcc-app input,.wcc-app select,.wcc-app textarea{font:inherit}.wcc-sidebar{padding:18px 14px;border-right:1px solid var(--wcc-line);background:rgba(7,16,29,.94)}.wcc-brand{display:flex;gap:11px;align-items:center;padding:4px 8px 20px}.wcc-brand>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--wcc-accent),#805cff);display:grid;place-items:center;font-weight:900}.wcc-brand strong,.wcc-brand small{display:block}.wcc-brand small{color:var(--wcc-muted)}.wcc-sidebar nav{display:grid;gap:5px}.wcc-sidebar nav button{border:0;background:transparent;color:var(--wcc-muted);text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer}.wcc-sidebar nav button.active,.wcc-sidebar nav button:hover{background:rgba(91,140,255,.15);color:#fff}.wcc-human{margin-top:25px;padding:13px;border:1px solid var(--wcc-line);border-radius:13px;color:var(--wcc-muted);font-size:12px;line-height:1.55}.wcc-main{min-width:0}.wcc-main>header{display:flex;gap:12px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--wcc-line);background:rgba(7,16,29,.82);position:sticky;top:0;z-index:9}.wcc-main>header input{flex:1;max-width:650px;padding:11px 13px;border:1px solid var(--wcc-line);border-radius:11px;background:rgba(255,255,255,.04);color:#fff}.wcc-main>header span{margin-left:auto}.wcc-mobile{display:none}.wcc-content{padding:24px}.wcc-view{display:none}.wcc-view.active{display:block}.wcc-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.wcc-head h1{margin:0 0 5px;font-size:30px;color:#fff}.wcc-head p{margin:0;color:var(--wcc-muted)}.wcc-btn{border:0;border-radius:11px;padding:10px 14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--wcc-accent),#805cff);cursor:pointer}.wcc-btn.secondary{background:rgba(255,255,255,.05);border:1px solid var(--wcc-line)}.wcc-btn.good{background:var(--wcc-good)}.wcc-btn.warn{background:var(--wcc-warn);color:#192536}.wcc-btn.bad{background:var(--wcc-bad)}.wcc-btn.small{padding:7px 10px;font-size:12px}.wcc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.wcc-card,.wcc-panel,.wcc-module{background:linear-gradient(155deg,var(--wcc-panel),var(--wcc-panel2));border:1px solid var(--wcc-line);border-radius:18px;box-shadow:0 20px 55px rgba(0,0,0,.28)}.wcc-card{padding:17px}.wcc-card small{color:var(--wcc-muted)}.wcc-card strong{display:block;font-size:27px;margin-top:7px}.wcc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.wcc-panel{padding:18px;overflow:auto}.wcc-panel-head{display:flex;justify-content:space-between}.wcc-panel h3{margin-top:0;color:#fff}.wcc-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcc-quick button{padding:14px;border:1px solid var(--wcc-line);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}.wcc-app table{width:100%;border-collapse:collapse}.wcc-app th,.wcc-app td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--wcc-line);font-size:13px;color:#dbe7f5}.wcc-app th{font-size:10px;color:var(--wcc-muted);text-transform:uppercase}.wcc-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.wcc-status.approved{background:rgba(53,207,152,.14);color:#6fe7bb}.wcc-status.pending{background:rgba(244,190,85,.14);color:#ffd67e}.wcc-status.changes{background:rgba(255,111,127,.14);color:#ff9aa6}.wcc-status.draft{background:rgba(91,140,255,.15);color:#a6c0ff}.wcc-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wcc-module{padding:17px}.wcc-module p,.wcc-module small{color:var(--wcc-muted)}.wcc-form,.wcc-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wcc-form label,.wcc-modal-form label{display:grid;gap:6px;color:var(--wcc-muted);font-size:11px;font-weight:800}.wcc-form input,.wcc-form select,.wcc-modal-form input,.wcc-modal-form select,.wcc-modal-form textarea{width:100%;padding:11px;border-radius:10px;border:1px solid var(--wcc-line);background:rgba(255,255,255,.04);color:#fff}.wcc-form button{align-self:end}.wcc-modal{position:fixed;inset:0;background:rgba(2,7,14,.82);z-index:99999;display:none;align-items:center;justify-content:center;padding:18px}.wcc-modal.open{display:flex}.wcc-modal-card{position:relative;width:min(850px,100%);max-height:92vh;overflow:auto;background:var(--wcc-panel);border:1px solid var(--wcc-line);border-radius:20px;padding:22px;box-shadow:0 30px 85px rgba(0,0,0,.55)}.wcc-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.wcc-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.wcc-total{display:flex;justify-content:space-between;margin-top:14px;padding:13px;border:1px solid rgba(91,140,255,.25);background:rgba(91,140,255,.08);border-radius:11px}.wcc-toast{position:fixed;right:22px;bottom:22px;padding:13px 16px;border-radius:12px;background:var(--wcc-panel2);border:1px solid var(--wcc-line);display:none;z-index:100000}.wcc-toast.show{display:block}.wcc-empty{padding:30px;text-align:center;color:var(--wcc-muted)}.wcc-login{min-height:80vh;display:grid;place-items:center;background:linear-gradient(145deg,#07101d,#0b1730);color:white}.wcc-login>div{text-align:center;padding:35px}.wcc-login a{display:inline-block;padding:11px 16px;border-radius:11px;background:#5b8cff;color:#fff;text-decoration:none}@media(max-width:980px){.wcc-metrics{grid-template-columns:repeat(2,1fr)}.wcc-grid{grid-template-columns:1fr}.wcc-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wcc-app{grid-template-columns:1fr}.wcc-sidebar{position:fixed;left:-270px;top:0;bottom:0;width:250px;z-index:20;transition:.2s}.wcc-sidebar.open{left:0}.wcc-mobile{display:block}.wcc-content{padding:15px}.wcc-metrics,.wcc-module-grid,.wcc-form,.wcc-modal-form{grid-template-columns:1fr}.wcc-head{flex-direction:column}.wcc-quick{grid-template-columns:1fr}}
.wcc-card small,.wcc-customers small,td small{display:block;color:var(--wcc-muted);margin-top:4px}.wcc-help{color:var(--wcc-muted);margin-top:-5px}.wcc-line-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px}.wcc-quote-line{display:grid;grid-template-columns:1.15fr 1.1fr 1.3fr .55fr .75fr .6fr .55fr .85fr 38px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid var(--wcc-line)}.wcc-quote-line input,.wcc-quote-line select{min-width:0;padding:9px;border-radius:9px;border:1px solid var(--wcc-line);background:rgba(255,255,255,.04);color:var(--wcc-text)}.wcc-history{display:grid;gap:10px}.wcc-history>div{padding:12px;border-left:3px solid var(--wcc-accent);border-radius:10px;background:rgba(255,255,255,.03)}.wcc-history strong{display:block;text-transform:capitalize}.wcc-history small{color:var(--wcc-muted)}.wcc-btn.good{background:var(--wcc-good,#35cf98)}.wcc-btn.warn{background:#f4be55;color:#172236}.wcc-status.changes{background:rgba(255,111,127,.14);color:#ff9aa6}@media(max-width:1250px){.wcc-quote-line{grid-template-columns:1fr 1fr 1fr 90px 100px}.wcc-quote-line .line-discount,.wcc-quote-line .line-tax,.wcc-quote-line .line-total,.wcc-quote-line .line-remove{grid-row:2}}@media(max-width:760px){.wcc-quote-line{grid-template-columns:1fr}.wcc-quote-line .line-discount,.wcc-quote-line .line-tax,.wcc-quote-line .line-total,.wcc-quote-line .line-remove{grid-row:auto}.wcc-line-head{align-items:flex-start;gap:10px;flex-direction:column}}

/* v0.4.0 dropdown contrast fix and invoice module */
.wcc-app select{color:#f4f8ff!important;background-color:#14243b!important}
.wcc-app select option,.wcc-app select optgroup{color:#132238!important;background:#fff!important}
.wcc-invoice-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.wcc-invoice-summary>div{padding:13px;border:1px solid var(--wcc-line);border-radius:12px;background:rgba(255,255,255,.03)}
.wcc-invoice-summary small{display:block;color:var(--wcc-muted);margin-bottom:5px}
.wcc-invoice-summary strong{font-size:18px}
.wcc-payment-list{display:grid;gap:9px;margin-top:14px}
.wcc-payment-list>div{padding:11px;border-left:3px solid var(--wcc-good);border-radius:9px;background:rgba(255,255,255,.03)}
.wcc-payment-list small{display:block;color:var(--wcc-muted);margin-top:4px}
.wcc-status.unpaid{background:rgba(244,190,85,.14);color:#ffd67e}
.wcc-status.part_paid{background:rgba(91,140,255,.15);color:#a6c0ff}
.wcc-status.paid{background:rgba(53,207,152,.14);color:#6fe7bb}
.wcc-status.overdue{background:rgba(255,111,127,.14);color:#ff9aa6}
@media(max-width:760px){.wcc-invoice-summary{grid-template-columns:1fr 1fr}}


/* v0.5.0 clearer quote and invoice workflow */
.wcc-modal-card{width:min(1050px,96vw)}
.wcc-quote-line-card{margin:0 0 14px;padding:15px;border:1px solid var(--wcc-line);border-radius:14px;background:rgba(255,255,255,.025)}
.wcc-line-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.wcc-line-fields{display:grid;grid-template-columns:1.35fr 1.35fr .62fr .8fr .68fr .68fr .9fr;gap:10px;align-items:end}
.wcc-line-fields label{display:grid;gap:6px;color:var(--wcc-muted);font-size:11px;font-weight:800;min-width:0}
.wcc-line-fields label.wide{grid-column:span 2}
.wcc-line-fields input,.wcc-line-fields select{width:100%;min-width:0;padding:10px;border-radius:9px;border:1px solid var(--wcc-line);background:rgba(255,255,255,.04);color:var(--wcc-text)}
.wcc-line-total-box{min-height:59px;padding:9px 11px;border:1px solid rgba(91,140,255,.26);background:rgba(91,140,255,.08);border-radius:10px;display:grid;align-content:center}
.wcc-line-total-box small{color:var(--wcc-muted);font-size:10px}.wcc-line-total-box strong{font-size:16px}
.wcc-actions{flex-wrap:wrap}
.wcc-help strong{color:#dce8ff}
@media(max-width:1050px){.wcc-line-fields{grid-template-columns:1fr 1fr 1fr 1fr}.wcc-line-fields label.wide{grid-column:span 2}.wcc-line-total-box{grid-column:span 2}}
@media(max-width:680px){.wcc-line-fields{grid-template-columns:1fr}.wcc-line-fields label.wide,.wcc-line-total-box{grid-column:auto}.wcc-actions>*{width:100%}}

/* v0.6.1 — inline customer creation from the quote builder. */
.wcc-customer-picker{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.wcc-customer-picker label{margin:0}
.wcc-customer-picker .wcc-btn{white-space:nowrap;margin-bottom:1px}
@media(max-width:680px){
  .wcc-customer-picker{grid-template-columns:1fr}
  .wcc-customer-picker .wcc-btn{width:100%}
}

.wcc-check{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid #2a3a50;border-radius:10px}
.wcc-check input{width:auto!important;margin:0!important}
@media(max-width:900px){
 .wcc-shell{grid-template-columns:1fr!important}
 .wcc-sidebar{position:relative!important;width:100%!important;min-height:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;padding:12px!important}
 .wcc-sidebar .wcc-brand{width:100%!important}
 .wcc-sidebar button{flex:1 1 145px!important}
 .wcc-main{min-width:0!important}
 .wcc-topbar{position:relative!important;padding:12px!important}
 .wcc-content{padding:16px!important}
 .wcc-panel{overflow-x:auto!important}
}
@media(max-width:560px){
 .wcc-sidebar button{flex:1 1 calc(50% - 8px)!important;font-size:13px!important}
 .wcc-head{flex-direction:column!important;align-items:stretch!important}
 .wcc-head .wcc-btn{width:100%!important}
 .wcc-modal{padding:8px!important}
 .wcc-modal-card{padding:16px!important}
 .wcc-modal-form{grid-template-columns:1fr!important}
 .wcc-modal-form>*{grid-column:1!important}
}