@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400..800&display=swap');
:root{--ink:#123b46;--primary:#0f766e;--mint:#d8f3e8;--bg:#f5f8f7;--line:#e3ebe7;--muted:#6d807e;--accent:#c58a26}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Montserrat',sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #86cbbb;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font:800 28px Montserrat,sans-serif;letter-spacing:-1.5px}.brand>span:last-child{color:var(--primary)}.mark{width:34px;height:33px;display:flex;margin-right:9px;gap:4px;letter-spacing:0;align-items:flex-end}.mark i{width:7px;height:22px;background:var(--ink);position:relative}.mark i:before{content:'';position:absolute;top:-10px;left:0;width:7px;height:6px;background:var(--ink)}.mark b{font:800 42px/34px Montserrat;color:var(--primary)}.workspace{display:flex;gap:10px;margin:37px 0 29px;padding-bottom:23px;border-bottom:1px solid var(--line);align-items:center}.avatar{width:37px;height:37px;border-radius:12px;background:#e9f2ed;display:grid;place-items:center;font-weight:700;color:var(--primary);flex-shrink:0}small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.label,.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}select,input{border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:12px;width:100%}aside select{margin:10px 0 24px;background:var(--bg);font-weight:700}nav{display:grid;gap:7px}nav a{padding:13px 14px;display:flex;gap:13px;border-radius:9px;font-size:19px;color:var(--muted)}nav a span{font-size:14px}nav a.active{background:var(--mint);color:var(--primary);font-weight:700}.aside-bottom{margin-top:auto}.help{background:var(--bg);padding:17px 14px;border-radius:12px}.help strong{font-size:12px}.help p{font-size:11px;line-height:1.6;color:var(--muted)}.pill{font-size:10px;background:#fff;border:1px solid var(--line);padding:5px 8px;border-radius:20px}.user{display:flex;gap:10px;margin-top:23px;align-items:center;font-size:12px}main{margin-left:242px}header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 14px;color:#b9c6c1}.breadcrumb b{color:var(--ink)}.header-right{display:flex;gap:20px;align-items:center}.demo{font-size:9px;letter-spacing:1px;color:var(--muted);background:var(--bg);padding:7px 10px;border:1px solid var(--line);border-radius:5px}.small{width:30px;height:30px;border-radius:50%;font-size:10px}.content{max-width:1450px;margin:auto;padding:36px 40px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}h1{font:800 30px Montserrat;letter-spacing:-1px;margin:6px 0 9px}h2{font:800 17px Montserrat;margin:0 0 7px;letter-spacing:-.3px}p{color:var(--muted);line-height:1.6;margin:0}.primary{background:var(--primary);color:#fff;border-radius:9px;padding:13px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px}.secondary{background:white;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px 15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.card{background:white;border:1px solid var(--line);border-radius:14px}.stat{padding:21px}.stat .caption{color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.stat strong{display:block;font:800 29px Montserrat;margin:12px 0}.stat small{font-size:10px}.stat:first-child{background:var(--ink);color:#fff;border:0}.stat:first-child .caption,.stat:first-child small{color:#bed9d4}.positive{color:var(--primary)}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card{padding:24px}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.cardhead p{font-size:11px}.tag{border:1px solid var(--line);padding:7px 10px;border-radius:7px;font-size:10px;color:var(--muted)}.chart{height:220px;display:flex;align-items:stretch;padding:10px 0 0;gap:12px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf2ef 50px)}.barcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px}.bar{width:65%;max-width:43px;border-radius:7px 7px 0 0;background:#b6dfd0;min-height:3px}.barcol:nth-child(2n) .bar{background:var(--primary)}.barlabel{font-size:10px;color:var(--muted);background:#fff;padding:8px 0;width:100%;text-align:center}.chartnote{font-size:10px;margin-top:12px}.row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:12px}.row:last-child{border:0}.productmini{display:flex;gap:12px;align-items:center}.productmini .emoji{font-size:23px;background:var(--bg);width:43px;height:43px;border-radius:10px;display:grid;place-items:center}.productmini strong{font-size:12px}.right{text-align:right;font-size:12px}.right small{font-size:10px}.lower{margin-top:22px;display:grid;grid-template-columns:1.65fr 1fr;gap:22px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;font-weight:500;color:var(--muted);padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:15px 8px;font-size:12px;border-bottom:1px solid var(--line)}td .status{background:var(--mint);color:var(--primary);padding:4px 8px;font-size:10px;border-radius:20px}.notice{background:#fff8eb;color:#795421;padding:13px;border-radius:9px;font-size:12px;margin-top:12px}.notice p{color:#795421;font-size:11px;margin-top:4px}.tablewrap{overflow:auto}footer{padding:15px 40px 25px;display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted)}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}.search{position:relative}.search input{padding:15px 16px;background:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.filter{border:1px solid var(--line);background:white;padding:9px 14px;border-radius:25px;color:var(--muted);font-size:12px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0;text-align:left;overflow:hidden;color:var(--ink);transition:transform .15s,box-shadow .15s}.product:hover{transform:translateY(-3px);box-shadow:0 8px 20px #123b4610}.product:disabled{opacity:.5;cursor:not-allowed}.product-art{height:110px;background:#eaf2ed;display:grid;place-items:center;font-size:49px}.product:nth-child(3n+2) .product-art{background:#f5efdf}.product:nth-child(3n) .product-art{background:#edf0f7}.product-body{padding:14px}.product-body strong{font-size:12px;display:block;margin-bottom:5px}.price{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-weight:700}.add{width:25px;height:25px;border-radius:7px;background:var(--mint);color:var(--primary);display:grid;place-items:center;font-size:19px}.cart{position:sticky;top:20px}.cart-head{border-bottom:1px solid var(--line);padding-bottom:16px}.cart-head small{font-size:11px}.empty{text-align:center;padding:46px 10px;color:var(--muted);line-height:1.8;font-size:12px}.empty span{display:block;font-size:32px;margin-bottom:15px}.cartitem{padding:16px 0;border-bottom:1px solid var(--line)}.cartitemtop{display:flex;justify-content:space-between;gap:8px;font-size:12px}.qty{display:flex;align-items:center;gap:13px;margin-top:11px}.qty button{width:27px;height:27px;border:1px solid var(--line);background:white;border-radius:7px;color:var(--ink)}.qty .remove{margin-left:auto;font-size:11px;width:auto;border:0;color:#a04444}.total{display:flex;justify-content:space-between;margin:22px 0;font:800 23px Montserrat}.full{width:100%}.primary:disabled{opacity:.4;cursor:not-allowed}.muted-note{font-size:10px;text-align:center;margin-top:12px}.empty-results{grid-column:1/-1;padding:50px;text-align:center}dialog{border:1px solid var(--line);border-radius:19px;padding:32px;width:min(450px,92vw);color:var(--ink);box-shadow:0 20px 100px #123b4633}dialog::backdrop{background:#123b4666;backdrop-filter:blur(3px)}dialog label{display:block;margin:16px 0 8px;font-size:12px}.payment-total{font:800 40px Montserrat;margin:20px 0}.close{float:right;font-size:23px;background:none;color:var(--muted)}#change{margin:12px 0}#payerror{color:#a22e2e;font-size:12px;margin-bottom:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:14px 23px;border-radius:11px;box-shadow:0 5px 25px #123b4622;z-index:10;display:none}.sectionnote{font-size:12px;margin:15px 0}.reportcards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--primary) 0 50%,#d99000 50% 78%,#8aa7a0 78% 100%);display:grid;place-items:center;margin:24px auto}.donut:after{content:'Ejemplo';display:grid;place-items:center;background:white;width:108px;height:108px;border-radius:50%;font-size:12px}.legend{display:flex;gap:14px;justify-content:center;font-size:11px;flex-wrap:wrap}.legend i{display:inline-block;width:8px;height:8px;background:var(--primary);border-radius:50%;margin-right:5px}.inventorysearch{max-width:400px;margin:20px 0}.module-callout{background:var(--mint);border-radius:12px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px}.module-callout p{font-size:11px}@media(min-width:1500px){.content{padding-top:45px}.product-art{height:150px}}@media(max-width:1150px){aside{width:205px;padding:25px 16px}main{margin-left:205px}.content{padding:28px 24px}header{padding:0 24px}.pos-grid{grid-template-columns:1fr 300px}.products{grid-template-columns:repeat(2,1fr)}.stat{padding:16px}.stat strong{font-size:23px}.dashboard-grid,.lower{grid-template-columns:1.3fr 1fr}}@media(max-width:850px){aside{width:77px;padding:25px 12px}.brand{font-size:0}.brand>span:last-child{font-size:0}.mark{margin:0}.workspace,.label,.help,.user,nav a span{display:none}aside select{font-size:11px;padding:9px 2px;margin:30px 0 20px}nav a{justify-content:center;padding:12px}main{margin-left:77px}.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.lower{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:25px}.pos-grid{grid-template-columns:1fr 280px;gap:15px}.products{grid-template-columns:1fr 1fr}.product-art{height:85px}footer{padding:20px 24px;flex-direction:column}.reportcards{grid-template-columns:1fr}}@media(max-width:650px){header{height:65px;padding:0 16px}.content{padding:24px 15px}.demo{font-size:7px;padding:5px}.header-right{gap:8px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 5px}.heading{flex-wrap:wrap;margin-bottom:20px}.heading p{font-size:12px}.heading .primary{padding:11px 14px;font-size:12px}.stat{padding:14px}.stat strong{font-size:21px}.stats{gap:10px}.card{padding:18px}.pos-grid{grid-template-columns:1fr}.cart{position:static}.products{grid-template-columns:1fr 1fr}.product-body{padding:10px}.reportcards{gap:14px}h1{font-size:24px}.module-callout{gap:10px}.tag{font-size:9px}.header-right .avatar{display:none}}
/* v2: operational prototype, matching the existing POS workflows. */
[hidden]{display:none!important}nav a{padding:11px 14px}nav{gap:4px}.period-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.period-row p{font-size:11px;margin-top:5px}.month-input{width:170px;flex-shrink:0}.rank{width:35px;height:35px;border-radius:10px;background:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--primary)}.status{display:inline-block;background:var(--mint);color:var(--primary);padding:5px 9px;font-size:10px;border-radius:20px;white-space:nowrap}.status.cancelled{background:#fbeaea;color:#9a3a3a}.danger-text{color:#a33b3b!important}.text-button{color:var(--primary);background:transparent;font-size:11px;padding:6px 8px;border-radius:6px}.text-button:hover{background:var(--bg)}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.order-actions{display:flex;gap:9px;flex-wrap:wrap}.order-actions button{font-size:11px;padding:11px 13px}.order-card .total{font-size:19px}.order-card .row{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}dialog input,dialog select{margin-top:7px}dialog label{margin:12px 0}dialog{max-height:90vh;overflow:auto}#editor{width:min(650px,94vw)}#editor details{margin:15px 0}.component-list{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;max-height:240px;overflow:auto}#formError{font-size:12px;margin:12px 0}.donut{width:175px;height:175px}.donut:after{display:none}.donut-hole{width:125px;height:125px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:white}.donut-hole strong{font:800 17px Montserrat}.donut-hole small{font-size:9px}.legend-column{display:grid;gap:11px;margin-top:15px}.legend-column span{display:flex;align-items:center;gap:6px}.legend-column b{margin-left:auto;font-size:10px}.comparison-svg{width:100%;margin:22px 0 5px}.chartnote summary{cursor:pointer;color:var(--primary);margin-top:12px}.chartnote h3{font-size:12px;margin-top:15px}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;font-size:12px}.role-select{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);white-space:nowrap}.role-select select{width:130px;font-size:11px;padding:8px}.demo-ribbon{background:#eaf3ee;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:11px 40px;font-size:10px;color:var(--muted)}.demo-ribbon>span:first-child{font-weight:700;color:var(--primary)}.breadcrumb #crumbChurch{padding:0;color:var(--muted)}.inventorysearch{margin:0}#ajustes label{display:block;font-size:12px;color:var(--muted);margin-top:18px}#ajustes label input{margin-top:8px}.empty-results{line-height:1.8}.chart{overflow:auto}.barcol{min-width:20px}.barlabel{font-size:9px}header .header-right{gap:15px}.stat strong{font-size:25px}.help{padding:13px}.help p{margin-top:4px}@media(max-width:1150px){.order-grid{grid-template-columns:1fr 1fr}.demo-ribbon{padding:11px 24px}.stat strong{font-size:22px}.header-right>.small{display:none}}@media(max-width:850px){.demo{display:none}.demo-ribbon{padding:10px 24px;flex-direction:column;gap:4px}.role-select{font-size:9px}.stat strong{font-size:23px}nav a{padding:11px}.finance-grid{grid-template-columns:1fr}}@media(max-width:650px){.order-grid{grid-template-columns:1fr}.demo-ribbon{padding:10px 15px;font-size:9px}.demo-ribbon>span:last-child{display:none}.role-select{display:block;font-size:8px}.role-select select{width:104px;padding:5px;font-size:10px}.period-row{flex-wrap:wrap}.month-input{width:155px}.form-grid,.component-list{grid-template-columns:1fr}.stat strong{font-size:20px}.breadcrumb #crumbChurch{max-width:105px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}header .header-right{gap:5px}.stat .caption{font-size:11px}aside select{font-size:9px}.content{padding-top:22px}}

/* v3: reference-led visual system. */
:root{--ink:#213c39;--primary:#27876b;--mint:#e2f0e7;--bg:#eaf1ed;--line:#e7ede9;--muted:#7a8982;--nav:#0c2935}body{background:var(--bg);font-family:'Montserrat',system-ui,sans-serif;font-size:13px;letter-spacing:-.12px}h1,h2,.total,.payment-total,.donut-hole strong{font-family:'Montserrat',system-ui,sans-serif}h1{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:4px 0 7px}h2{font-size:14px;font-weight:600;letter-spacing:-.25px}p{line-height:1.6}.eyebrow{font-size:9px;letter-spacing:1px;font-weight:600;color:#8b9991}.heading{margin-bottom:26px;align-items:center}.heading p{font-size:11px}.heading-actions{display:flex;gap:10px;align-items:center}.heading-actions .month-input{padding:10px 12px;width:155px}.ui-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}aside{inset:16px auto 16px 16px;width:204px;padding:26px 15px 18px;background:var(--nav);border:0;border-radius:20px;color:#d7e4df;box-shadow:0 10px 30px #0c29350a;z-index:20}.brand{font-size:25px;letter-spacing:-1px;padding:0 10px;color:#fff;gap:0}.brand-name{display:inline!important;color:#fff!important}.brand-name b{color:#82c5a5;font-weight:700}.mark{width:29px;height:30px;margin-right:10px;display:block;flex-shrink:0}.mark svg{height:29px;width:32px}.mark i,.mark b{display:none}.brand>.brand-name{font-size:25px}.rail-toggle{position:absolute;right:-13px;top:43px;width:27px;height:27px;border-radius:50%;background:#3d9c78;color:#e8f4ed;border:4px solid var(--bg);display:grid;place-items:center;padding:0;z-index:21}.rail-toggle .ui-icon{width:14px;height:14px;transform:rotate(180deg)}.workspace{margin:31px 6px 24px;border-bottom:1px solid #ffffff12;padding-bottom:22px;gap:9px}.workspace strong{font-size:11px;font-weight:500;color:#f0f7f2}.workspace small{font-size:9px;color:#8fa6a7;line-height:1.5}.avatar{width:31px;height:31px;border-radius:10px;font-size:10px;background:#244b4e;color:#9cd4b6}.label{font-size:8px;letter-spacing:1px;color:#739493;margin:0 9px}aside select{font-size:11px;padding:11px 12px;border:1px solid #ffffff17;background:#173a43;color:#e2eee7;margin:10px 0 25px;border-radius:8px}nav{gap:7px}nav a{font-size:13px;color:#91aaa9;padding:12px 14px;gap:12px;border-radius:8px;align-items:center;position:relative}nav a>span:last-child{font-size:11px;font-weight:500}nav a .nav-symbol{display:flex}.nav-symbol .ui-icon{width:18px;height:18px}nav a:hover{background:#173d45;color:#cce6d7}nav a.active{background:#1d4b4b;color:#a2d6b7;font-weight:500}nav a.active:before{content:'';position:absolute;left:-15px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#73bc95}.aside-bottom{padding:0 6px}.help{background:transparent;padding:18px 1px;border-top:1px solid #ffffff12;border-radius:0}.help strong{font-size:9px;font-weight:500;color:#a3bcb5}.help p{font-size:9px;color:#658786}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#77bb94;margin-right:7px}.user{margin-top:10px;font-size:10px}.user strong{font-weight:500;color:#cbded4}.user small{font-size:8px;color:#74928f;line-height:1.5}main{margin-left:238px;padding-right:22px}header{height:67px;margin-top:16px;padding:0 24px;border:0;border-radius:12px;background:#fff;box-shadow:0 3px 16px #183b2c03;gap:15px}.global-search{display:flex;align-items:center;gap:11px;flex:1;color:#87958e;max-width:340px}.global-search .ui-icon{width:18px;height:18px}.global-search input{padding:8px 0;border:0;background:none;font-size:11px;box-shadow:none;min-width:0}.global-search input:focus{outline:none}.global-search kbd{font-size:11px;background:#f4f7f4;border:1px solid #edf1ed;padding:3px 6px;border-radius:4px;color:#a5afa8}.breadcrumb{font-size:10px;display:flex;align-items:center;gap:3px;margin-right:auto;color:#7b8e82}.breadcrumb span{padding:0 6px}.breadcrumb #crumbChurch{color:#8a9891;font-weight:400}.breadcrumb b{font-weight:500}.header-right{gap:15px}.header-right>.avatar{background:#d9e8df;color:#3f735b;width:31px;height:31px;border:3px solid #f2f6f2}.role-select{font-size:8px;gap:7px;color:#96a299}.role-select select{width:115px;font-size:10px;padding:7px;border-color:#eaf0eb;background:#fbfcfa}.demo{font-size:7px;font-weight:500;color:#6c9680;background:#edf6ee;border:0;border-radius:4px;padding:6px 8px;letter-spacing:.6px}.demo-ribbon{padding:13px 3px 0;background:transparent;border:0;font-size:9px;color:#9aa59d}.demo-ribbon>span:first-child{font-weight:500;color:#7c9484}.content{padding:27px 3px 30px;max-width:1500px}.stats{gap:18px;margin-bottom:22px}.stat,.card{background:#fff;border:1px solid #f1f5f0;border-radius:12px;box-shadow:0 3px 14px #224b3604}.stat{padding:20px 22px;min-height:156px}.stat:first-child{background:white;color:var(--ink);border:1px solid #f1f5f0}.stat-top{display:flex;align-items:center;gap:11px;margin-bottom:18px}.stat .caption,.stat:first-child .caption{font-size:10px;font-weight:400;color:#7b8982}.stat-icon{width:34px;height:34px;background:#edf5ee;color:#4b9673;border-radius:8px;display:grid;place-items:center}.stat-icon .ui-icon{width:18px;height:18px}.stat-icon.blue{color:#75949a;background:#edf3f4}.stat-icon.amber{color:#b89b61;background:#f9f5e9}.stat-icon.violet{color:#968cb1;background:#f2eff7}.stat strong{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:500;letter-spacing:-.8px;margin:0 0 17px;line-height:1.2}.stat strong em{font-size:11px;font-style:normal;font-weight:400;letter-spacing:0;color:#a0aaa4;margin-left:9px}.stat small,.stat:first-child small{font-size:9px;color:#99a49c;margin:0}.stat-bottom{display:flex;align-items:center;gap:8px;min-height:19px}.stat-bottom b{font-size:10px;font-weight:500;margin-left:auto;color:#6a8275}.delta{font-size:8px;color:#518e62;background:#edf7e7;border-radius:3px;padding:3px 6px;white-space:nowrap}.delta.negative{background:#fcefed;color:#c07d72}.dot{width:5px;height:5px;border-radius:50%;background:#81b595}.card{padding:24px}.cardhead{margin-bottom:18px}.cardhead p{font-size:10px;color:#97a298;margin-top:6px}.tag{border:0;background:#f3f6f2;border-radius:4px;color:#8c9d90;font-size:9px;font-weight:400}.primary{padding:11px 15px;font-size:10px;font-weight:500;background:#348e6f;border-radius:6px;box-shadow:0 3px 6px #1f5e3b0c;gap:8px;white-space:nowrap}.primary:hover{background:#24795d}.primary .ui-icon{width:15px;height:15px}.secondary{font-size:10px;padding:10px 13px;font-weight:500;background:#fff;border-color:#e5eee5;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary:hover{background:#f5f9f4}.secondary .ui-icon{width:14px;height:14px}.overview-main{display:grid;grid-template-columns:1fr 2.3fr;gap:20px;margin-bottom:22px}.margin-card{text-align:center;padding:22px 24px 16px}.margin-card .cardhead{text-align:left;margin-bottom:0}.subtle-icon{color:#a0afa5;display:flex}.subtle-icon .ui-icon{width:17px;height:17px}.margin-gauge{width:205px;max-width:100%;height:182px;margin:-1px auto -10px}.gauge-value{font-family:Montserrat,sans-serif;font-size:29px;font-weight:500;fill:#2d4942;letter-spacing:-1px}.gauge-caption{font:9px Montserrat,sans-serif;fill:#9ca89f}.margin-card>p{font-size:9px;line-height:1.7;color:#9aa69d}.margin-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:14px;margin-top:18px;border-top:1px solid #eff3ee;text-align:left;align-items:center}.margin-bottom span{font-size:9px;color:#8d9b90;max-width:80px}.margin-bottom strong{font-weight:500;font-size:15px;color:#4b8064}.financial-summary{display:flex;flex-direction:column;padding:25px 28px}.card-title-icon{display:flex;align-items:center;gap:13px}.summary-icon{width:39px;height:39px;background:#e7f2e9;border-radius:50%;display:grid;place-items:center;color:#579b6e}.summary-icon .ui-icon{width:20px;height:20px}.summary-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:15px 0 26px}.summary-values div>span{display:block;color:#93a095;font-size:10px}.summary-values strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.4px;color:#385447;margin-top:10px}.summary-values small{font-size:9px;color:#a9b2aa;margin-top:7px}.finance-meter{margin:auto 0 22px}.finance-meter>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.finance-meter>div:first-child span{font-size:10px;color:#93a095}.finance-meter b{font-size:9px;color:#6c8c76;font-weight:500}.meter-track{height:7px;background:#dcecdf;border-radius:8px;overflow:hidden}.meter-track>span{background:#3d9b77;display:block;height:100%;border-radius:8px}.meter-legend{display:flex;gap:18px;margin-top:10px;color:#9ea99f;font-size:8px}.meter-legend i,.chart-key i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3d9b77;margin-right:5px}.meter-legend span:last-child i{background:#c5dfcb}.summary-footer{border-top:1px solid #edf3ec;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:18px}.summary-footer>span{font-size:8px;color:#a6afa5;display:flex;gap:5px;align-items:center}.summary-footer>span .ui-icon{width:12px;height:12px}.summary-footer .secondary{background:#f0f6ee;border:0;color:#568361;font-size:9px}.dashboard-grid,.lower{grid-template-columns:1.7fr 1fr;gap:20px}.area-chart svg{display:block;width:100%;height:auto;max-height:265px;overflow:visible}.chart-key{font-size:9px;color:#7d9484;white-space:nowrap}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 15px;padding:14px 0}.daily-grid div{display:flex;justify-content:space-between;font-size:9px;padding:6px 0}.daily-grid span{color:#a1aca2}.daily-grid b{font-weight:500}.chartnote{font-size:9px;color:#a2ada2}.chartnote summary{color:#89a08e;font-size:9px}.rank{font-family:Montserrat,sans-serif;border-radius:7px;background:#eef4ef;color:#8baa92;font-size:10px;font-weight:500;width:30px;height:33px}.row{padding:13px 0;border-color:#f0f3ed}.productmini strong{font-size:10px;font-weight:500;color:#5e7565}.productmini small{font-size:9px;color:#a0ad9e}.right strong{font-size:10px;font-weight:500;color:#4a6b54}.right small{font-size:8px}.text-link{color:#7ba184;font-size:9px;display:inline-flex;gap:6px;align-items:center}.text-link .ui-icon{width:13px;height:13px}table{font-size:11px}th{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#98a395;background:#fafcf8;border-color:#edf2e9;padding:11px 10px}td{font-size:10px;padding:15px 10px;color:#79917d;border-color:#eff3ec}td>strong{color:#5b7562;font-weight:500}td small{font-size:8px;color:#a9b4a7}.status,td .status{font-size:8px;background:#eaf4e7;color:#7da478;border-radius:3px;padding:4px 7px}.status.cancelled{background:#fbefec;color:#c58c7e}.inventory-overview .inventory-number{font-size:37px;font-weight:500;color:#5c8a66;margin:30px 0 15px;letter-spacing:-1px}.inventory-number span{display:block;font-size:10px;font-weight:400;color:#97a58f;letter-spacing:0;margin-top:6px}.inventory-overview>p{font-size:10px;color:#a1ae99;line-height:1.8;margin-bottom:24px}.inventory-overview .secondary{color:#7d9b76}footer{font-size:9px;padding:0 4px 24px;color:#9fab9f}footer span{color:#a8b3a4}.product-art{height:106px;background:#f0f5ee!important;color:#6f9d7a}.product-art .ui-icon{width:43px;height:43px;stroke-width:1.15}.product:nth-child(3n+2) .product-art{background:#f8f5eb!important;color:#baa377}.product:nth-child(3n) .product-art{background:#edf3f4!important;color:#8ba7ac}.product{border-radius:9px;border-color:#f1f4ec;box-shadow:none}.product:hover{box-shadow:0 5px 17px #315d3410}.product-body{padding:15px}.product-body strong{font-size:11px;font-weight:500}.product-body small{font-size:9px;color:#a1ae9c}.price{font-size:12px;font-weight:500;margin-top:16px;color:#5b7f60}.add{height:24px;width:24px;font-size:16px;border-radius:6px;background:#edf5e9;color:#78a16b}.filter{font-size:10px;padding:8px 13px;border-radius:6px;border-color:transparent;background:#fff;color:#91a08b}.filter.active{background:#3e6f58;border-color:transparent}.search input,input,select{font-size:11px;border-radius:7px;border-color:#e6eee1;padding:12px}.cart h2{font-size:14px}.cart-head small{font-size:9px;color:#a6b29f}.cartitemtop strong{font-size:10px;font-weight:500}.qty button{width:25px;height:25px;font-size:12px;color:#7e9d75;border-color:#e8efe1}.qty .remove{font-size:9px;color:#b89783}.cartitem{border-color:#edf2e8}.cart .total{font-size:22px;font-weight:500}.cart .total>span:first-child{font-size:13px}.empty{font-size:11px;color:#a3af9d}.muted-note{font-size:8px;color:#a7b29f}.pos-grid{grid-template-columns:minmax(0,1fr) 310px}.notice{background:#f9f6ed;color:#9b8d6c;border-radius:8px}.notice strong{font-size:10px;font-weight:500}.notice p{color:#a49a7c;font-size:9px}.sectionnote{font-size:10px}.legend-column{font-size:10px}.legend-column b{font-size:9px;font-weight:500;color:#8b9e87}.donut-hole strong{font-weight:500;font-size:18px}.donut-hole small{font-size:8px;color:#a7b39f}.period-row strong{font-size:12px;font-weight:500}.order-card .total{font-weight:500;font-size:20px}.order-card h2{font-size:20px;font-weight:500}.order-card .row{font-size:11px}.order-actions button{font-size:9px}.finance-grid{font-size:10px}.finance-grid b{font-weight:500}.text-button{font-size:9px;font-weight:400;color:#769d72}dialog h2{font-size:18px}dialog label{font-size:10px;color:#8c9d86}dialog p{font-size:11px}dialog{border:0;border-radius:15px;box-shadow:0 25px 100px #123d2e22}#toast{font-size:11px;border-radius:8px;background:#24483d}.rail-compact aside{width:75px;padding:27px 12px}.rail-compact main{margin-left:109px}.rail-compact .brand{padding:0 9px}.rail-compact .mark{margin:0}.rail-compact .brand-name,.rail-compact .workspace,.rail-compact .label,.rail-compact .help,.rail-compact .user>div{display:none!important}.rail-compact aside select{margin:31px 0 22px;font-size:9px;padding:8px 3px}.rail-compact nav a{padding:13px;justify-content:center}.rail-compact nav a>span:last-child{display:none}.rail-compact nav a.active:before{left:-12px}.rail-compact .user{justify-content:center}.rail-compact .rail-toggle .ui-icon{transform:none}@media(min-width:1500px){.content{padding-top:30px}.stat{min-height:170px;padding:24px}.stat strong{font-size:29px}.overview-main{grid-template-columns:1fr 2.5fr}.margin-gauge{width:230px;height:195px}.summary-values{margin:25px 0 32px}.summary-values strong{font-size:22px}.area-chart svg{max-height:300px}}@media(max-width:1150px){aside{width:184px;padding:26px 12px}.brand{font-size:23px;padding:0 7px}.brand>.brand-name{font-size:23px}.mark{margin-right:8px;width:26px}.workspace{margin-left:4px;margin-right:4px}.workspace strong{font-size:10px}main{margin-left:216px;padding-right:16px}.stat{padding:17px 15px}.stat strong{font-size:23px}.stat-top{gap:8px}.stat .caption{font-size:9px}.stat-icon{width:30px;height:30px}.stats{gap:13px}.overview-main{grid-template-columns:1fr 2fr;gap:16px}.financial-summary{padding:22px}.summary-values{gap:10px}.summary-values strong{font-size:17px}.summary-values div>span{font-size:9px}.summary-footer>span{max-width:150px;line-height:1.6}.breadcrumb{display:none}.global-search{max-width:260px}.dashboard-grid,.lower{gap:16px}.card{padding:20px}.pos-grid{grid-template-columns:1fr 280px}}@media(max-width:850px){aside{inset:12px auto 12px 12px;width:70px;padding:23px 9px;border-radius:16px}.brand{padding:0 10px}.brand-name,.workspace,.label,.help,.user>div{display:none!important}.brand>.brand-name{display:none!important}.mark{margin-right:0;width:29px}.brand>span:last-child{font-size:0}.brand>.mark{font-size:initial}.rail-toggle{display:none}aside select{margin:31px 0 22px;padding:8px 3px;font-size:9px}nav a{padding:13px;justify-content:center}nav a>span:last-child{display:none}nav a.active:before{left:-9px}.user{justify-content:center}main,.rail-compact main{margin-left:97px;padding-right:13px}header{margin-top:12px;padding:0 17px;height:62px}.content{padding:22px 0}.stats{grid-template-columns:1fr 1fr;gap:14px}.stat{padding:19px 20px;min-height:145px}.stat strong{font-size:26px}.stat .caption{font-size:10px}.stat-top{gap:12px}.stat-bottom{margin-top:auto}.demo-ribbon{padding-top:12px;flex-direction:row}.demo-ribbon>span:last-child{display:none}.overview-main{grid-template-columns:1fr 1.8fr;gap:14px}.margin-card{padding:20px 16px 16px}.margin-gauge{height:160px;width:185px}.margin-bottom{display:block}.margin-bottom strong{display:block;margin-top:7px}.financial-summary{padding:20px}.summary-values{grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;margin-bottom:25px}.summary-values>div:last-child{display:none}.summary-values strong{font-size:18px}.summary-footer>span{display:none}.summary-footer{justify-content:flex-end}.finance-meter>div:first-child{display:block}.finance-meter b{display:block;margin-top:7px}.dashboard-grid,.lower{grid-template-columns:1fr}.heading-actions .month-input{width:145px}.heading{gap:16px;align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch}.heading h1{font-size:24px}.heading p{font-size:10px;max-width:220px}.pos-grid{grid-template-columns:1fr 270px}.card{padding:22px}.products{grid-template-columns:1fr 1fr}.global-search{max-width:220px}.global-search kbd{display:none}}@media(max-width:650px){aside,.rail-compact aside{width:61px;inset:8px auto 8px 8px;padding:23px 6px;border-radius:14px}main,.rail-compact main{margin-left:82px;padding-right:11px}.brand,.rail-compact .brand{padding:0 9px}.mark svg{width:27px;height:26px}.mark{width:27px}.rail-compact nav a,nav a{padding:13px 10px}.rail-compact nav a.active:before,nav a.active:before{left:-6px}.rail-compact aside select,aside select{font-size:8px;padding:8px 1px;margin-top:26px}.aside-bottom{padding:0}.user .avatar{width:29px;height:29px}header{padding:0 12px;margin-top:8px;height:58px;gap:10px;border-radius:10px}.global-search{max-width:135px;gap:7px}.global-search .ui-icon{width:15px;height:15px}.global-search input{font-size:10px}.role-select{font-size:7px;display:block}.role-select select{font-size:9px;width:102px;padding:5px;margin-top:3px}.header-right{gap:5px}.heading{flex-direction:column;gap:16px;margin-bottom:20px}.heading-actions{flex-direction:row;width:100%;justify-content:space-between}.heading-actions .month-input{padding:9px 10px;width:145px}.heading-actions .primary{padding:9px 12px;font-size:9px}h1{font-size:23px}.stats{gap:10px;margin-bottom:15px}.stat{padding:15px 13px;min-height:139px}.stat strong{font-size:21px;letter-spacing:-.6px;margin-bottom:13px}.stat strong em{font-size:8px;margin-left:5px}.stat-top{gap:7px;margin-bottom:16px}.stat-icon{width:26px;height:26px;border-radius:6px}.stat-icon .ui-icon{width:15px;height:15px}.stat .caption{font-size:8px}.stat small{font-size:7px}.stat-bottom{gap:5px;flex-wrap:wrap}.stat-bottom b{font-size:9px}.delta{font-size:7px}.overview-main{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.margin-card{padding:20px}.margin-gauge{width:210px;height:172px;margin-top:-8px}.margin-card>p{margin-top:-6px}.margin-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.margin-bottom strong{margin-top:0}.margin-bottom span{max-width:150px}.financial-summary{padding:20px}.summary-values{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:23px}.summary-values>div:last-child{display:block}.summary-values strong{font-size:14px;letter-spacing:-.4px}.summary-values div>span{font-size:8px}.summary-values small{font-size:7px;line-height:1.5}.summary-icon{width:31px;height:31px}.summary-icon .ui-icon{width:17px;height:17px}.card-title-icon{gap:10px}.cardhead h2{font-size:13px}.cardhead p{font-size:9px}.finance-meter>div:first-child{display:flex;gap:15px}.finance-meter b{font-size:8px;margin:0}.finance-meter>div:first-child span{font-size:9px}.card{padding:19px}.dashboard-grid,.lower{gap:15px}.lower{margin-top:15px}.pos-grid{grid-template-columns:1fr}.product-art{height:88px}.product-art .ui-icon{width:36px;height:36px}.period-row{margin-bottom:16px}.cardhead{gap:10px}.area-chart svg{min-height:160px}.area-chart{margin:0 -12px}.cardhead .chart-key{font-size:8px}.daily-grid{grid-template-columns:1fr 1fr}.legend-column span{font-size:9px}.legend-column b{font-size:8px}.inventory-number span{font-size:9px}.inventory-overview .inventory-number{margin:22px 0 14px}.status,td .status{font-size:7px;padding:4px 6px}th{font-size:7px;padding:10px 6px}td{font-size:9px;padding:13px 6px}footer{font-size:8px;line-height:1.7;padding-bottom:15px}}
/* Keep supporting labels readable on working screens. */
nav a>span:last-child{font-size:12px}.workspace strong{font-size:12px}.workspace small{font-size:10px;color:#a2b7b2}.label{font-size:9px}.help strong{font-size:10px}.help p{font-size:10px;color:#8ba6a0}.user strong{font-size:11px}.user small{font-size:9px}.heading p{font-size:12px;color:#708274}.stat .caption,.stat:first-child .caption{font-size:11px;color:#6e8072}.stat small,.stat:first-child small{font-size:10px;color:#738575}.stat-bottom b{font-size:11px}.delta{font-size:9px}.cardhead p{font-size:11px;color:#7d8d7e}.summary-values div>span{font-size:11px;color:#718573}.summary-values small{font-size:10px;color:#7e8e7e}.finance-meter>div:first-child span{font-size:11px;color:#718573}.finance-meter b{font-size:10px;color:#65846c}.meter-legend{font-size:10px;color:#788c7a}.summary-footer>span{font-size:10px;color:#7e907f}.margin-card>p{font-size:11px;color:#7b8e7c}.margin-bottom span{font-size:10px;color:#758b76;max-width:100px}.productmini strong{font-size:12px;color:#4c6754}.productmini small{font-size:10px;color:#7c927c}.right strong{font-size:11px}.rank{font-size:11px}th{font-size:10px;color:#7a8b76}td{font-size:11px;color:#66816b}td small{font-size:10px;color:#869982}.status,td .status{font-size:9px}.primary,.secondary{font-size:11px}.product-body strong{font-size:12px}.product-body small{font-size:10px;color:#81947c}.filter{font-size:11px}.price{font-size:14px}.cart-head small{font-size:10px}.cartitemtop strong{font-size:11px}.muted-note{font-size:10px}.sectionnote{font-size:11px;color:#738573}.chartnote summary{font-size:10px}.legend-column span{font-size:11px}.legend-column b{font-size:10px}.inventory-overview>p{font-size:11px;color:#7c9179}.text-link{font-size:10px}.text-button{font-size:10px}.notice strong{font-size:11px}.notice p{font-size:10px}.inventory-number span{font-size:11px;color:#7a9276}.chart-key{font-size:10px}.daily-grid div{font-size:10px}.daily-grid span{color:#7c917c}@media(max-width:1150px){.stat .caption,.stat:first-child .caption{font-size:10px}.summary-values div>span{font-size:10px}.summary-values small{font-size:9px}.stat-bottom small{font-size:9px}.delta{font-size:8px}}@media(max-width:850px){nav a>span:last-child{display:none}.heading p{font-size:11px}.stat .caption{font-size:11px}.cardhead p{font-size:10px}.stat-bottom small{font-size:9px}}@media(max-width:650px){.stat .caption,.stat:first-child .caption{font-size:9px}.stat small,.stat:first-child small{font-size:9px}.stat-bottom b{font-size:10px}.delta{font-size:8px}.summary-values div>span{font-size:9px}.summary-values small{font-size:9px}.summary-values strong{font-size:15px}.finance-meter>div:first-child span{font-size:10px}.finance-meter b{font-size:9px}.summary-icon{width:30px}.legend-column span{font-size:10px}.legend-column b{font-size:9px}.product-body strong{font-size:11px}.product-body small{font-size:9px}td{font-size:10px}td small{font-size:9px}th{font-size:9px}.primary,.secondary{font-size:10px}.heading-actions .primary{font-size:10px}.cardhead h2{font-size:14px}.chart-key{font-size:9px}}
/* v4: module palettes and church-first identity. IglePOS artwork is never recolored. */
body[data-module="cafe"]{--primary:#946000;--mint:#f7ecd5;--bg:#f1efe9;--module-accent:#d99000;--module-strong:#946000;--module-soft:#f7ecd5;--module-faint:#fbf7ed;--module-text:#876b3d;--module-secondary:#123b46;--module-nav:#443b2b;--module-nav-text:#f0c779;--module-light:#e9d3a7}
body[data-module="tienda"]{--primary:#6250b5;--mint:#ede8f8;--bg:#efedf5;--module-accent:#6250b5;--module-strong:#6250b5;--module-soft:#ede8f8;--module-faint:#f6f3fb;--module-text:#7a6b9a;--module-secondary:#123b46;--module-nav:#30344b;--module-nav-text:#c8b8f0;--module-light:#d7cdf0}
body[data-module="restaurante"]{--primary:#21634b;--mint:#e2efe5;--bg:#eaf1ed;--module-accent:#21634b;--module-strong:#21634b;--module-soft:#e2efe5;--module-faint:#f0f6ef;--module-text:#63866d;--module-secondary:#b58b4a;--module-nav:#1d4840;--module-nav-text:#a2d6b7;--module-light:#c6dfcd}
body{--ink:#213c40;--muted:#758087}header,.card,.stat,.primary,.secondary,nav a,.product-art{transition:background-color .18s,color .18s,border-color .18s}nav a.active,nav a:hover{background:var(--module-nav);color:var(--module-nav-text)}nav a.active:before{background:var(--module-accent)}.rail-toggle{background:var(--module-strong)}.primary{background:var(--module-strong)}.primary:hover{background:var(--module-strong);filter:brightness(.92)}.secondary:hover{background:var(--module-faint)}.text-button,.text-link{color:var(--module-strong)}.filter.active{background:var(--module-strong)}.stat-icon,.stat-icon.blue,.stat-icon.amber,.stat-icon.violet{background:var(--module-soft);color:var(--module-strong)}.stat-icon.blue{background:#edf2f4;color:#708b96}.stat-icon.violet{background:var(--module-faint);color:var(--module-text)}.summary-icon{background:var(--module-soft);color:var(--module-strong)}.margin-bottom strong{color:var(--module-strong)}.meter-track{background:var(--module-light)}.meter-track>span,.meter-legend i,.chart-key i{background:var(--module-accent)}.meter-legend span:last-child i{background:var(--module-light)}.summary-footer .secondary{background:var(--module-soft);color:var(--module-strong)}.chart-key,.chartnote summary{color:var(--module-text)}.rank{background:var(--module-faint);color:var(--module-text)}.product-art,.product:nth-child(3n+2) .product-art,.product:nth-child(3n) .product-art{background:var(--module-faint)!important;color:var(--module-text)}.product .price{color:var(--module-strong)}.add{background:var(--module-soft);color:var(--module-strong)}.inventory-overview .inventory-number,.inventory-overview .secondary{color:var(--module-strong)}.inventory-number span,.inventory-overview>p,.productmini strong,.right strong,.productmini small{color:#72817c}.demo-ribbon>span:first-child{color:var(--module-text)}.positive{color:var(--module-strong)}.demo{color:#0f766e;background:#e8f3ed}.theme-swatch{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px;vertical-align:middle}.donut .legend i{background:var(--module-accent)}.legend>span:first-child>i{background:var(--module-accent)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-color:var(--module-accent)}
/* The church is the tenant's main identity; platform branding remains subordinate. */
.church-brand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3px 8px 22px;flex-shrink:0;text-decoration:none}.church-logo-frame{width:82px;height:69px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;margin-bottom:12px}.church-logo-frame img{width:100%;height:100%;object-fit:contain}.church-logo-frame>span{font-size:25px;font-weight:600;letter-spacing:-1px;color:#123b46}.church-brand-name{font-size:15px;line-height:1.4;font-weight:600;color:#fff;max-width:170px;overflow-wrap:anywhere;letter-spacing:-.3px}.church-brand>small{font-size:9px;color:#a0b5b0;margin-top:6px}.platform-signature{display:flex;align-items:center;gap:10px;flex-direction:column;margin:15px 0 12px;text-decoration:none}.platform-signature>span:first-child{font-size:8px;letter-spacing:.3px;color:#85a39c}.platform-logo-plate{display:block;width:74px;height:59px;padding:6px 7px;border-radius:6px;background:#fff}.platform-logo-plate img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.aside-bottom{margin-top:13px;flex-shrink:0}aside nav{display:flex;flex-direction:column;align-content:start;flex:1;min-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#244c4e transparent}aside nav a{flex-shrink:0}.help{padding:12px 1px}.user{margin-top:7px}.label{flex-shrink:0}aside select{flex-shrink:0;margin-bottom:20px}.church-logo-settings{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:8px}.church-logo-preview{width:110px;height:96px;background:#f7f9f7;border:1px solid #e7ece5;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px}.church-logo-preview img{width:100%;height:100%;object-fit:contain}.church-logo-preview>span{font-size:31px;color:#123b46;font-weight:500;letter-spacing:-1px}.church-logo-settings strong{font-size:11px;font-weight:600}.church-logo-settings p{font-size:10px;color:#7f8e80;line-height:1.7;margin:7px 0 10px}#ajustes .upload-logo-control{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--module-strong);background:var(--module-soft);border-radius:6px;padding:9px 12px;cursor:pointer;margin:0}#ajustes .upload-logo-control .ui-icon{width:14px;height:14px}.logo-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.church-logo-settings>div:last-child{position:relative}.upload-logo-control:has(+.logo-file-input:focus-visible){outline:3px solid var(--module-accent);outline-offset:2px}.rail-compact .church-brand{padding:0 0 14px}.rail-compact .church-logo-frame{width:43px;height:43px;padding:6px;border-radius:8px;margin-bottom:0}.rail-compact .church-logo-frame>span{font-size:17px}.rail-compact .church-brand-name,.rail-compact .church-brand>small{display:none}.rail-compact aside select{margin:17px 0 22px}.rail-compact .platform-signature{gap:0;margin:12px 0}.rail-compact .platform-signature>span:first-child{display:none}.rail-compact .platform-logo-plate{width:42px;height:34px;padding:4px;border-radius:5px}.rail-compact .aside-bottom{padding:0}.rail-toggle{top:40px}@media(max-height:850px){.church-brand{padding-bottom:17px}.church-logo-frame{width:70px;height:58px;margin-bottom:10px}.platform-signature{margin:10px 0}.platform-logo-plate{height:48px;width:62px}.help{display:none}.church-brand-name{font-size:14px}aside select{margin-bottom:16px}}@media(max-width:850px){.church-brand{padding:0 0 14px}.church-logo-frame{width:43px;height:43px;padding:6px;border-radius:8px;margin-bottom:0}.church-logo-frame>span{font-size:17px}.church-brand-name,.church-brand>small{display:none}.platform-signature{gap:0;margin:12px 0}.platform-signature>span:first-child{display:none}.platform-logo-plate{width:42px;height:34px;padding:4px;border-radius:5px}aside select{margin:16px 0 22px}.aside-bottom{padding:0}}@media(max-width:650px){.church-logo-frame,.rail-compact .church-logo-frame{width:39px;height:39px;padding:5px}.church-logo-frame>span{font-size:16px}.platform-logo-plate,.rail-compact .platform-logo-plate{width:38px;height:31px;padding:4px}.church-logo-settings{gap:12px;align-items:flex-start}.church-logo-preview{width:78px;height:78px;padding:8px}.church-logo-settings p{font-size:9px}.church-logo-settings strong{font-size:10px}.church-logo-settings>div:last-child{min-width:0}.church-logo-settings #removeChurchLogo{display:block;padding-left:0;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* v5: approved backgrounds by workspace; official IglePOS artwork stays original. */
body[data-module="cafe"]{--nav:#302B27;--bg:#F3F0E9;--sidebar-control:#3C3530;--sidebar-border:#554B40;--sidebar-muted:#C0B5A6;--sidebar-faint:#A99D8E;--sidebar-bright:#F7F2E9;--module-nav:#51412D;--module-nav-text:#EDC277;--sidebar-avatar:#514536}
body[data-module="tienda"]{--nav:#28243D;--bg:#F2F0F7;--sidebar-control:#353049;--sidebar-border:#4E4667;--sidebar-muted:#C3BCD7;--sidebar-faint:#A99FBF;--sidebar-bright:#F5F2FC;--module-nav:#423557;--module-nav-text:#D3C0FA;--sidebar-avatar:#49405E}
body[data-module="restaurante"]{--nav:#193B30;--bg:#EDF3EE;--sidebar-control:#25483C;--sidebar-border:#3B5B4D;--sidebar-muted:#B5CABC;--sidebar-faint:#98B2A0;--sidebar-bright:#F0F7F1;--module-nav:#2D5140;--module-nav-text:#B9DCBC;--sidebar-avatar:#365B45}
body{background:var(--bg)}aside{background:var(--nav);color:var(--sidebar-muted);transition:background-color .18s}aside select{background:var(--sidebar-control);border-color:var(--sidebar-border);color:var(--sidebar-bright)}nav a{color:var(--sidebar-muted)}nav a:hover,nav a.active{background:var(--module-nav);color:var(--module-nav-text)}.church-brand-name{color:var(--sidebar-bright)}.church-brand>small{color:var(--sidebar-muted)}.church-logo-frame>span{color:var(--nav)}.label{color:var(--sidebar-faint)}.platform-signature>span:first-child{color:var(--sidebar-faint)}.help{border-color:var(--sidebar-border)}.help strong,.help p{color:var(--sidebar-muted)}aside .user .avatar{background:var(--sidebar-avatar);color:var(--module-nav-text)}aside .user strong{color:var(--sidebar-bright)}aside .user small{color:var(--sidebar-faint)}aside nav{scrollbar-color:var(--sidebar-border) transparent}.rail-toggle{border-color:var(--bg)}.card,.stat,.stat:first-child{background:#fff}.platform-logo-plate{background:#fff}.platform-logo-plate img{filter:none;opacity:1}@media(prefers-reduced-motion:reduce){aside{transition:none}}

/* v6: Montserrat throughout the interface, including controls and chart labels. */
html,body,button,input,select,textarea,table,th,td,dialog,kbd,svg text,svg tspan{font-family:Montserrat,system-ui,sans-serif}
/* v8: original POS period modes, shared by expenses and reports. */
.period-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:0 0 10px}.period-filter>label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#748279;min-width:130px;flex:0 1 160px}.period-filter select,.period-filter input{width:100%;background:#fafbf9;font-size:11px;height:40px;padding:9px 11px}.period-filter .primary,.period-filter .secondary{min-height:40px}.period-filter .primary{margin-left:auto}.period-filter>p{width:100%;margin:0;font-size:11px}.period-filter>p:empty{display:none}.active-period{font-size:10px;color:#809087;margin:0 0 22px}.active-period strong{color:var(--module-text);font-weight:500}.period-filter input[type="date"]{min-width:140px}@media(max-width:850px){.period-filter{padding:16px;gap:12px}.period-filter>label{flex:1 1 140px}.period-filter .primary{margin-left:0}}@media(max-width:650px){.period-filter{padding:14px;gap:10px}.period-filter>label{flex:1 1 120px;font-size:9px;min-width:0}.period-filter input,.period-filter select{font-size:10px;padding:9px 8px}.period-filter .primary,.period-filter .secondary{flex:1;font-size:10px}.active-period{font-size:10px;margin-bottom:18px}}
/* v9: on small screens the navigation is a drawer, never a permanent icon rail. */
.mobile-menu-button,.mobile-menu-close,.menu-backdrop{display:none}
@media(max-width:900px){
 body main,body.rail-compact main{margin-left:0!important;padding-left:14px;padding-right:14px;min-width:0}
 body header{position:sticky;top:10px;z-index:50;gap:14px;padding:0 14px}
 .mobile-menu-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--module-strong);color:#fff;border:0;border-radius:8px;padding:0}
 .mobile-menu-button .ui-icon{width:20px;height:20px}
 body aside,body.rail-compact aside{inset:12px auto 12px 12px;width:min(320px,calc(100vw - 36px));padding:25px 22px 18px;border-radius:18px;z-index:1001;transform:translateX(calc(-100% - 24px));visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;box-shadow:none;max-height:calc(100dvh - 24px);overscroll-behavior:contain}
 body.mobile-menu-open aside{transform:translateX(0);visibility:visible;pointer-events:auto;box-shadow:12px 0 45px #152a282b}
 body.mobile-menu-open{overflow:hidden}
 .menu-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:#11292470;backdrop-filter:blur(2px);border:0;border-radius:0;cursor:pointer;padding:0;touch-action:none}
 body aside .mobile-menu-close{position:absolute;right:17px;top:17px;display:flex;align-items:center;justify-content:center;background:var(--sidebar-control);color:var(--sidebar-muted);border:1px solid var(--sidebar-border);border-radius:8px;width:34px;height:34px;z-index:2}
 body aside .mobile-menu-close .ui-icon{width:17px;height:17px}
 body aside .rail-toggle{display:none!important}
 body aside .church-brand{padding:0 28px 23px;align-items:center}
 body aside .church-logo-frame{width:77px!important;height:65px!important;padding:8px!important;margin-bottom:13px!important;border-radius:10px!important}
 body aside .church-logo-frame>span{font-size:25px}
 body aside .church-brand-name{display:block!important;font-size:16px;max-width:230px;line-height:1.4}
 body aside .church-brand>small{display:block!important;font-size:10px;margin-top:7px;color:var(--sidebar-muted)}
 body aside .label{display:block!important;font-size:9px;margin:0 3px}
 body aside select{margin:10px 0 22px!important;width:100%;font-size:12px!important;padding:12px!important;height:43px}
 body aside nav{gap:5px;min-height:145px;flex:1;overflow-y:auto}
 body aside nav a{padding:13px 15px;gap:14px;justify-content:flex-start;border-radius:9px;min-height:45px}
 body aside nav a>span:last-child{display:inline!important;font-size:12px;font-weight:500}
 body aside nav a .nav-symbol{display:flex!important}
 body aside .nav-symbol .ui-icon{width:20px;height:20px}
 body aside nav a.active:before{left:-22px;top:10px;bottom:10px}
 body aside .aside-bottom{padding:0 3px;margin-top:12px}
 body aside .platform-signature{flex-direction:row;justify-content:space-between;gap:10px;margin:9px 0 12px}
 body aside .platform-signature>span:first-child{display:inline!important;font-size:9px}
 body aside .platform-logo-plate{width:62px!important;height:49px!important;padding:5px!important}
 body aside .user{justify-content:flex-start;gap:10px;padding-top:13px;border-top:1px solid var(--sidebar-border);margin:0}
 body aside .user>div{display:block!important}
 body aside .user strong{font-size:11px}
 body aside .user small{font-size:10px}
 body aside .user .avatar{width:34px;height:34px;font-size:11px}
 body aside .help{display:none!important}
 .global-search{flex:1;min-width:0;max-width:none}
 .global-search input{min-width:0}
 body .demo-ribbon{padding-left:0;padding-right:0}
}
@media(max-width:650px){
 body main,body.rail-compact main{padding-left:12px;padding-right:12px}
 body header{top:8px;padding:0 10px;gap:10px;height:62px}
 .mobile-menu-button{width:36px;height:36px;border-radius:7px}
 .global-search{gap:7px;min-width:0;max-width:none}
 .global-search input{font-size:11px}
 .global-search>.ui-icon{display:none}
 .role-select{font-size:8px}
 .role-select select{width:108px;padding:6px;font-size:10px}
 body .content{padding-top:21px}
 body aside,body.rail-compact aside{inset:8px auto 8px 8px;max-height:calc(100dvh - 16px);border-radius:15px}
}
@media(max-width:900px) and (max-height:720px){
 body aside .church-brand{padding-bottom:15px}
 body aside .church-logo-frame{width:58px!important;height:48px!important;margin-bottom:9px!important}
 body aside .church-brand-name{font-size:14px}
 body aside .church-brand>small{font-size:9px;margin-top:4px}
 body aside select{margin-bottom:13px!important;height:38px;padding:9px!important}
 body aside nav a{min-height:40px;padding:10px 14px}
 body aside .platform-logo-plate{width:48px!important;height:38px!important}
 body aside .platform-signature{margin:5px 0 9px}
 body aside .aside-bottom{margin-top:8px}
 body aside .user{padding-top:9px}
}
@media(prefers-reduced-motion:reduce){body aside,body.rail-compact aside{transition:none}}
.owner-entry-link{color:#0f766e;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.tenant-gate-card{max-width:720px;margin:25px auto;padding:36px;line-height:1.8}.tenant-gate-card h1{margin:14px 0}.tenant-gate-card>.primary{margin-top:24px}.tenant-gate-card>.sectionnote{margin-top:20px}