@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--ink:#1d4148;--navy:#163d44;--blue:#1d4148;--cyan:#e4f227;--gold:#e4f227;--paper:#f3f2ee;--white:#fff;--muted:#777b7c;--line:#d9dbda;--success:#4b7c44;--danger:#b34343;--gray:#909296;--black:#0d0e0c;--shadow:0 18px 55px rgba(22,61,68,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,sans-serif;background:var(--paper);color:var(--ink);line-height:1.8;direction:rtl}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:var(--navy);color:#dbe8ec;font-size:13px}.topbar .container{height:36px;display:flex;justify-content:space-between;align-items:center}.topbar-links{display:flex;gap:20px}.nav{position:sticky;top:0;z-index:30;background:rgba(247,248,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,44,63,.08)}.nav-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:24px;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 9px 24px rgba(19,93,119,.25)}.brand-name{font-weight:800;font-size:21px;line-height:1.1}.brand-name small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:6px}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--cyan)}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:12px;padding:11px 20px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 25px rgba(19,93,119,.2)}.btn-dark{color:#fff;background:var(--navy)}.btn-light{background:#fff;border:1px solid var(--line)}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-sm{padding:7px 13px;border-radius:9px;font-size:12px}.hero{min-height:660px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(29,169,184,.18),transparent 34%),linear-gradient(120deg,#f7f8f6 55%,#eaf2f2 55%)}.hero:after{content:'';position:absolute;width:460px;height:460px;border:85px solid rgba(29,169,184,.09);border-radius:50%;left:-90px;top:55px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.3px}.eyebrow:before{content:'';width:32px;height:2px;background:var(--gold)}h1{font-size:clamp(39px,5vw,70px);line-height:1.25;margin:17px 0 20px;letter-spacing:-2px}.hero h1 span{color:var(--cyan)}.hero-copy{font-size:17px;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:28px}.trust-row{display:flex;gap:28px;margin-top:40px}.trust-row strong{display:block;font-size:22px}.trust-row span{font-size:12px;color:var(--muted)}.machine-visual{height:470px;position:relative}.machine-card-main{position:absolute;inset:35px 5px 25px 60px;border-radius:36px;background:linear-gradient(145deg,#fff,#dce5e5);box-shadow:var(--shadow);transform:perspective(850px) rotateY(6deg);overflow:hidden}.machine-card-main:before{content:'';position:absolute;right:12%;top:18%;width:76%;height:48%;border-radius:20px;background:linear-gradient(140deg,#f8faf9,#c8d2d3);box-shadow:inset 0 -25px 40px rgba(11,34,51,.08)}.machine-panel{position:absolute;right:19%;top:25%;width:42%;height:13%;border-radius:7px;background:var(--navy);box-shadow:0 7px 18px rgba(0,0,0,.2)}.machine-panel:after{content:'';position:absolute;width:36px;height:23px;border-radius:4px;background:linear-gradient(135deg,var(--cyan),#9ef0e6);left:12px;top:9px}.machine-paper{position:absolute;right:27%;bottom:13%;width:54%;height:23%;background:#fff;border-radius:7px 7px 18px 18px;box-shadow:0 8px 25px rgba(11,34,51,.13)}.machine-paper:after{content:'MAKKA';position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);color:#b8c7c9;font-weight:800;letter-spacing:4px}.float-card{position:absolute;padding:16px 19px;background:#fff;border-radius:16px;box-shadow:var(--shadow);z-index:3}.float-card.top{top:0;right:0}.float-card.bottom{bottom:0;left:0}.float-card small{display:block;color:var(--muted);font-size:11px}.float-card strong{font-size:14px}.dot{width:9px;height:9px;background:#36b37e;border-radius:50%;display:inline-block;margin-left:6px}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{font-size:37px;line-height:1.35;margin:8px 0 0}.section-head p{max-width:510px;color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card,.product-card,.panel,.stat-card{background:#fff;border:1px solid rgba(20,44,63,.08);border-radius:20px;box-shadow:0 8px 30px rgba(11,34,51,.05)}.service-card{padding:28px;transition:.2s}.service-card:hover,.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e8f6f5;color:var(--blue);font-size:24px}.service-card h3{margin:17px 0 8px}.service-card p{color:var(--muted);font-size:14px;margin:0}.products-section{background:#edf2f1}.product-card{overflow:hidden;transition:.25s}.product-art{height:210px;position:relative;background:linear-gradient(145deg,#eff3f2,#d8e2e2);display:grid;place-items:center}.printer-mini{width:62%;height:54%;border-radius:18px;background:linear-gradient(140deg,#fff,#bfcaca);box-shadow:0 18px 30px rgba(11,34,51,.16);position:relative}.printer-mini:before{content:'';position:absolute;width:57%;height:21%;background:#102c3d;border-radius:5px;top:17%;right:12%}.printer-mini:after{content:'';position:absolute;width:68%;height:27%;background:white;border-radius:5px 5px 12px 12px;bottom:10%;right:16%}.product-badge{position:absolute;right:15px;top:15px;background:#fff;border-radius:30px;padding:5px 11px;font-size:11px;color:var(--blue);font-weight:700}.product-body{padding:22px}.product-meta{font-size:11px;color:var(--cyan);font-weight:700}.product-body h3{margin:4px 0 7px}.product-body p{font-size:13px;color:var(--muted);min-height:47px}.spec-row{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.spec{font-size:10px;padding:4px 9px;background:#f3f5f4;border-radius:6px}.dark-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.dark-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 40%,rgba(29,169,184,.27),transparent 35%)}.journey{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;position:relative}.journey h2{font-size:42px;line-height:1.4}.journey p{color:#acc1ca}.steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.step{padding:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px}.step b{color:var(--gold);font-size:12px}.step strong{display:block;margin-top:5px}.cta{padding:50px;border-radius:30px;background:linear-gradient(125deg,var(--blue),var(--cyan));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:33px}.cta p{margin:7px 0 0;color:#d8f4f3}.footer{background:#071a27;color:#afc0c8;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px}.footer h4{color:#fff}.footer a{display:block;margin:7px 0;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:38px;padding-top:19px;font-size:12px;display:flex;justify-content:space-between}.page-hero{padding:75px 0 55px;background:linear-gradient(135deg,#e6f0f0,#f7f8f6)}.page-hero h1{font-size:46px;margin:10px 0}.form-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:start}.form-side{background:var(--navy);color:#fff;border-radius:24px;padding:34px;position:sticky;top:110px}.form-side p{color:#b6c7ce}.form-side ul{padding-right:20px}.form-card{background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dfe0;border-radius:11px;padding:12px 14px;background:#fbfcfb;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(29,169,184,.12)}.field textarea{min-height:115px;resize:vertical}.full{grid-column:1/-1}.alert{padding:13px 16px;border-radius:11px;margin:18px 0}.alert-success{background:#e8f5ef;color:#206d4b}.alert-error{background:#fbecec;color:#922f2f}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-art{background:radial-gradient(circle at 25% 15%,rgba(29,169,184,.4),transparent 30%),var(--navy);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:50px}.auth-art p{color:#bfd0d6;max-width:500px}.auth-box{display:grid;place-items:center;padding:35px}.auth-card{width:min(460px,100%)}.auth-card h2{font-size:32px;margin-bottom:4px}.auth-card>p{color:var(--muted);margin-top:0}.demo-box{margin-top:22px;padding:14px;background:#f1f5f4;border-radius:11px;font-size:12px}.dashboard{min-height:100vh;background:#f2f4f3}.dash-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#d8e5e9;padding:28px 18px;position:sticky;top:0;height:100vh}.sidebar .brand{color:#fff;padding:0 9px 28px}.side-nav a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:10px;margin:5px 0;font-size:13px}.side-nav a:hover,.side-nav a.active{background:rgba(29,169,184,.18);color:#fff}.dash-main{padding:28px 34px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.dash-header h1{font-size:28px;margin:0}.dash-header p{color:var(--muted);font-size:13px;margin:2px 0}.avatar{width:42px;height:42px;border-radius:50%;background:var(--cyan);color:#fff;display:grid;place-items:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card{padding:20px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:28px;margin:4px 0}.stat-card small{color:var(--success);font-size:10px}.panel{padding:23px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head h2{font-size:18px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:right;color:var(--muted);font-weight:600;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #edf0ef;white-space:nowrap}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;background:#eef3f2;color:var(--blue);font-size:10px;font-weight:700}.badge.new{background:#fff2d8;color:#956514}.badge.in_progress,.badge.contacted{background:#e6f3fb;color:#22688e}.badge.won,.badge.completed{background:#e5f5ed;color:#247653}.dash-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.timeline-item{display:grid;grid-template-columns:10px 1fr;gap:12px;margin:15px 0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);margin-top:7px;box-shadow:0 0 0 4px #dcf2f1}.timeline-item p{margin:0;font-size:12px}.timeline-item small{color:var(--muted)}.mobile-toggle{display:none}.empty{padding:34px;text-align:center;color:var(--muted)}
@media(max-width:900px){.nav-links{display:none}.mobile-toggle{display:flex}.hero{min-height:auto;padding:70px 0}.hero-grid,.journey,.form-wrap,.auth-page{grid-template-columns:1fr}.machine-visual{height:390px}.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.form-side{position:static}.auth-art{display:none}.dash-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:-270px;width:250px;z-index:50;transition:.2s}.sidebar.open{right:0}.dash-main{padding:22px}.stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{display:none}.nav-inner{height:68px}.nav-actions .btn-light{display:none}.brand-name small{display:none}.hero-grid{gap:25px}.machine-visual{height:320px}.hero-actions,.trust-row{flex-wrap:wrap}.grid-3,.field-grid,.steps,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.section-head{display:block}.section-head h2{font-size:29px}.cta{padding:30px;display:block}.cta .btn{margin-top:18px}.stats{grid-template-columns:1fr 1fr}.stat-card strong{font-size:22px}.dash-main{padding:16px}.copyright{display:block}.page-hero h1{font-size:36px}}

/* Makka Brand Solutions identity - sourced from the official 2026 brand file. */
.brand-logo{width:178px;height:auto;display:block}.brand-logo.logo-light{filter:brightness(0) invert(1);opacity:.96}.brand-on-dark{padding-block:4px}.nav .brand-logo{width:150px}.footer .brand-logo{width:195px}.sidebar .brand-logo{width:180px}.brand-machine-image{position:absolute;inset:55px 0 45px 20px;width:calc(100% - 20px);height:calc(100% - 100px);object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.btn-primary{color:var(--navy);background:var(--cyan);box-shadow:0 10px 25px rgba(228,242,39,.17)}.btn-primary:hover{background:#effa4d}.btn-dark{background:var(--black)}.topbar{background:var(--black)}.nav-links a:hover,.product-meta{color:var(--blue)}.eyebrow{color:var(--blue)}.hero{background:radial-gradient(circle at 15% 10%,rgba(228,242,39,.22),transparent 28%),linear-gradient(120deg,#f3f2ee 55%,#e6e7e4 55%)}.hero h1 span{color:var(--blue);text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:8px;text-underline-offset:8px}.hero:after{border-color:rgba(228,242,39,.22)}.machine-panel:after{background:var(--cyan)}.icon-box{background:rgba(228,242,39,.24);color:var(--navy)}.product-badge{background:var(--cyan);color:var(--navy)}.dark-section,.sidebar,.form-side,.auth-art{background-color:var(--navy)}.dark-section:before{background:radial-gradient(circle at 10% 40%,rgba(228,242,39,.16),transparent 35%)}.step b{color:var(--cyan)}.cta{background:linear-gradient(125deg,var(--navy),#28535a)}.cta .btn-dark{background:var(--cyan);color:var(--navy)}.footer{background:var(--black)}.page-hero{background:linear-gradient(135deg,rgba(228,242,39,.22),#f3f2ee 62%)}.avatar{background:var(--cyan);color:var(--navy)}.side-nav a:hover,.side-nav a.active{background:rgba(228,242,39,.14);color:var(--cyan)}.timeline-dot{background:var(--cyan);box-shadow:0 0 0 4px rgba(228,242,39,.22)}.badge{color:var(--navy)}
.service-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:15px;overflow-x:auto;padding-bottom:8px}.service-column{background:#e7e8e5;border-radius:18px;padding:14px;min-height:360px}.service-column h3{font-size:13px;margin:2px 3px 13px;display:flex;justify-content:space-between}.job-card{background:#fff;border-radius:14px;padding:15px;margin-bottom:11px;border-right:4px solid var(--cyan);box-shadow:0 6px 20px rgba(22,61,68,.07)}.job-card strong{display:block;font-size:13px}.job-card p{font-size:11px;color:var(--muted);margin:6px 0}.job-card small{font-size:10px}.priority-urgent{border-right-color:#d33}.priority-high{border-right-color:#e59c20}.passport{max-width:920px;margin:auto}.passport-hero{background:var(--navy);color:#fff;padding:42px;border-radius:28px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.passport-hero h1{font-size:38px}.passport-hero p{color:#d7dfdf}.qr-card{background:#fff;padding:12px;border-radius:16px}.qr-card img{display:block;width:180px;height:180px}.passport-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.action-strip{display:flex;gap:10px;flex-wrap:wrap}.status-track{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.status-track span{height:8px;border-radius:9px;background:#d9dddb}.status-track span.done{background:var(--cyan)}.security-note{padding:14px;border-radius:12px;background:rgba(228,242,39,.18);font-size:12px}
@media(max-width:900px){.brand-logo{width:145px}.service-board{grid-template-columns:repeat(4,240px)}.passport-hero,.passport-grid{grid-template-columns:1fr}.qr-card{width:max-content}.sidebar .brand-logo{width:155px}}
@media(max-width:600px){.nav .brand-logo{width:118px}.footer .brand-logo{width:165px}.passport-hero{padding:25px}.passport-hero h1{font-size:30px}.status-track{grid-template-columns:repeat(4,1fr)}}

/* v2.0.1: keep the identity stable even while a hosting/CDN cache refreshes. */
.brand{flex:0 0 auto}.brand-logo{object-fit:contain;max-height:58px}.nav-inner{height:auto;min-height:80px;padding-block:10px}.nav .brand-logo{height:48px}.journey img[src*="makka-service-app"]{display:block;width:auto;max-width:100%;margin-inline:auto;object-fit:contain}
@media(max-width:600px){.nav-inner{min-height:68px}.nav .brand-logo{height:39px}}

/* Makka One V3 — Operations command center */
.dashboard{background:var(--paper)}.dash-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar{padding:26px 17px;background:linear-gradient(180deg,var(--navy),#092a30);border-left:1px solid rgba(255,255,255,.07)}.sidebar .brand{padding:4px 12px 25px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:18px}.side-nav a{min-height:44px;padding:11px 14px;border:1px solid transparent}.side-nav a.active{background:var(--cyan);color:var(--navy);font-weight:800;box-shadow:0 10px 26px rgba(0,0,0,.14)}.side-nav a:hover:not(.active){background:rgba(255,255,255,.07)}.nav-count{margin-right:auto;min-width:22px;height:22px;border-radius:20px;display:grid;place-items:center;background:#e15959;color:#fff;font-size:10px}.dash-main{padding:28px clamp(20px,3vw,46px);min-width:0}.dash-header{padding-bottom:23px;border-bottom:1px solid rgba(18,62,70,.1)}.dash-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:800}.dash-header h1{font-size:30px;letter-spacing:-.5px}.dash-user{display:flex;gap:12px;align-items:center;background:#fff;padding:8px 10px 8px 16px;border-radius:18px;box-shadow:0 8px 28px rgba(18,62,70,.07)}.dash-user strong,.dash-user small{display:block}.dash-user strong{font-size:12px}.dash-user small{font-size:9px;color:var(--muted)}.notification-bell{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;position:relative;background:#edf1ee}.notification-bell b{position:absolute;top:-5px;left:-5px;background:#d54c4c;color:#fff;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px}.panel,.stat-card{border:1px solid rgba(18,62,70,.065);box-shadow:0 14px 40px rgba(18,62,70,.055)}.panel-head p{font-size:11px;color:var(--muted);margin:2px 0}.stat-card{position:relative;overflow:hidden;min-height:145px;background:#fff;border-radius:22px}.stat-card:before{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:#dfe5e2}.stat-card.accent:before{background:var(--cyan)}.stat-card.warning:before{background:#e7a33d}.stat-text{font-size:15px!important;line-height:1.5}.command-hero{background:linear-gradient(125deg,var(--navy),#28565d);color:#fff;border-radius:28px;padding:30px 34px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative}.command-hero:after{content:"";position:absolute;width:210px;height:210px;border:45px solid rgba(228,242,39,.1);border-radius:50%;left:-70px;top:-90px}.command-hero h2{font-size:30px;margin:5px 0}.command-hero p{color:#c9d9dc;margin:0}.executive-stats{margin-bottom:22px}.wide-main{grid-template-columns:1.55fr .65fr}
.command-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.command-strip>div{background:#fff;border:1px solid rgba(18,62,70,.07);border-radius:18px;padding:18px;box-shadow:0 9px 25px rgba(18,62,70,.045)}.command-strip span{font-size:10px;color:var(--muted);display:block}.command-strip strong{font-size:25px}.ops-table{display:grid}.ops-row{display:grid;grid-template-columns:8px 1fr 1.55fr 1.1fr auto 45px;align-items:center;gap:16px;padding:16px 10px;border-bottom:1px solid #edf0ee;transition:.18s}.ops-row:hover{background:#f8faf8;transform:translateX(-3px)}.ops-table.compact .ops-row{grid-template-columns:8px 1fr 1fr auto}.ops-row strong,.ops-row span,.ops-row small{display:block}.ops-row strong{font-size:12px}.ops-row small{font-size:9px;color:var(--muted)}.ops-row>b{font-size:10px;color:var(--navy)}.priority-dot{width:7px;height:34px;border-radius:8px;background:#aab5b2}.priority-dot.high{background:#e7a33d}.priority-dot.urgent{background:#da5252}.priority-dot.low{background:#82b19b}
.job-hero{background:var(--navy);color:#fff;border-radius:25px;padding:26px 30px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.job-hero h2{font-size:29px;margin:0}.job-hero p{color:#b9cdd0;margin:0}.job-hero-meta{text-align:left}.job-hero-meta strong{display:block;margin-top:10px;font-size:12px}.ops-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:20px}.ops-main{min-width:0}.sticky-panel{position:sticky;top:25px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.details-grid>div{padding-left:14px;border-left:1px solid #e6ebe8}.details-grid>div:last-child{border:0}.details-grid small,.details-grid strong,.details-grid span,.details-grid a{display:block}.details-grid small{font-size:9px;color:var(--muted)}.details-grid strong{font-size:12px;margin:5px 0}.details-grid span,.details-grid a{font-size:9px;color:var(--blue)}.issue-box{background:#f3f5f2;border-right:4px solid var(--cyan);padding:15px 17px;border-radius:12px}.issue-box b{font-size:10px}.issue-box p{margin:5px 0;font-size:12px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.report-grid>div{border:1px solid #e7ebe8;border-radius:14px;padding:15px}.report-grid small{color:var(--muted)}.report-grid p{font-size:11px;margin:6px 0}.worklog{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:0 0 20px}.worklog-head{display:flex;justify-content:space-between}.worklog-head time{font-size:9px;color:var(--muted)}.worklog p{font-size:11px;margin:5px 0}.worklog small{font-size:9px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.media-card{border:1px solid #e7ebe8;border-radius:14px;overflow:hidden;background:#fafbfa}.media-card img{width:100%;height:130px;object-fit:cover}.media-card strong,.media-card small{display:block;padding:3px 10px;font-size:10px}.media-card small{padding-bottom:9px;color:var(--muted)}.file-icon{height:130px;display:grid;place-items:center;background:#edf1ef;font-weight:900;color:#b74545}.part-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0ee}.part-row strong,.part-row small{display:block}.part-row strong{font-size:11px}.part-row small{font-size:9px;color:var(--muted)}.inline-status{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin:7px 0 15px}.inline-status select,.inline-status input{min-width:0;border:1px solid #d8dfe0;border-radius:8px;padding:7px;font-size:9px}.ops-side hr{border:0;border-top:1px solid #e7ebe8;margin:23px 0}
.profile-hero{background:#fff;border-radius:25px;padding:25px 30px;margin-bottom:20px;display:flex;align-items:center;gap:20px;border:1px solid rgba(18,62,70,.07);box-shadow:0 13px 36px rgba(18,62,70,.05)}.profile-avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--cyan);color:var(--navy);font-size:27px;font-weight:900}.profile-avatar.small{width:48px;height:48px;border-radius:15px;font-size:18px;flex:0 0 auto}.profile-hero h2{margin:0;font-size:25px}.profile-hero p{color:var(--muted);margin:0}.profile-contact{margin-right:auto;text-align:left}.profile-contact a,.profile-contact span{display:block;font-size:11px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.team-card{display:flex;align-items:center;gap:12px;border:1px solid #e7ebe8;border-radius:18px;padding:15px;transition:.18s}.team-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.team-card strong,.team-card p,.team-card small{display:block;margin:0}.team-card strong{font-size:12px}.team-card p,.team-card small{font-size:9px;color:var(--muted)}.team-card .badge{margin-right:auto}.theme-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.theme-preview{min-height:420px;background:linear-gradient(145deg,var(--navy),#28565d);color:#fff;display:flex;flex-direction:column;justify-content:center}.theme-preview h2{font-size:34px}.theme-preview>p{color:#c4d7d9}.preview-card{margin-top:25px;background:#fff;color:var(--ink);border-radius:20px;padding:17px;display:flex;align-items:center;gap:13px}.preview-card small,.preview-card strong{display:block}.preview-card small{color:var(--muted)}.preview-card .btn{margin-right:auto}.theme-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-colors input{height:48px;padding:4px}.notification-row{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:16px;border-bottom:1px solid #edf0ee}.notification-row strong{font-size:12px}.notification-row p{font-size:10px;color:var(--muted);margin:3px 0}.notification-row small{font-size:9px;color:var(--muted)}
.technician-welcome{background:var(--navy);color:#fff;border-radius:26px;padding:28px 32px;margin-bottom:20px;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center}.technician-welcome h2{font-size:28px;margin:2px 0}.technician-welcome p{color:#c7d9dc;margin:0}.technician-welcome>div:not(:first-child){text-align:center}.technician-welcome>div:not(:first-child) strong{display:block;font-size:30px;color:var(--cyan)}.technician-welcome>div:not(:first-child) span{font-size:9px}.tech-jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tech-job{background:#fff;border-radius:20px;padding:20px;border:1px solid #e5eae7;border-right:5px solid #a8b3af;box-shadow:0 10px 30px rgba(18,62,70,.05)}.tech-job.priority-urgent{border-right-color:#da5252}.tech-job.priority-high{border-right-color:#e7a33d}.tech-job header{display:flex;justify-content:space-between}.tech-job h3{margin:16px 0 0}.tech-job p{color:var(--muted);margin:0}.tech-job-meta{display:grid;gap:6px;background:#f3f5f2;border-radius:12px;padding:11px;margin:14px 0;font-size:10px}.tech-job>b{font-size:10px;color:var(--blue)}.density-compact .panel{padding:17px}.density-compact td{padding:8px}.density-compact .stat-card{min-height:115px;padding:16px}
@media(max-width:1100px){.dash-shell{grid-template-columns:230px 1fr}.details-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.ops-row{grid-template-columns:8px 1fr 1fr auto}.ops-row>div:nth-of-type(3),.ops-row>b{display:none}.command-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dash-shell{display:block}.sidebar{position:fixed;right:-290px;width:270px;z-index:100;transition:.25s}.sidebar.open{right:0}.mobile-toggle{display:inline-flex}.dash-main{padding:18px}.ops-layout,.theme-layout{grid-template-columns:1fr}.sticky-panel{position:static}.wide-main{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dash-header p,.dash-user>div,.notification-bell{display:none}.dash-header h1{font-size:22px}.command-hero,.job-hero,.profile-hero{align-items:flex-start;display:block;padding:22px}.job-hero-meta,.profile-contact{text-align:right;margin:15px 0 0}.stats,.command-strip{grid-template-columns:1fr 1fr}.command-strip>div{padding:13px}.details-grid,.report-grid,.team-grid,.field-grid{grid-template-columns:1fr}.tech-jobs{grid-template-columns:1fr}.technician-welcome{grid-template-columns:1fr 1fr}.technician-welcome>div:first-child{grid-column:1/-1}.media-grid{grid-template-columns:1fr}.ops-row{grid-template-columns:7px 1fr auto;gap:10px}.ops-row>div:nth-of-type(2){display:none}.theme-colors{grid-template-columns:1fr 1fr 1fr}.inline-status{grid-template-columns:1fr}}

/* Manual Service — live customer app based on the approved Makka mobile concept. */
.manual-service-page{min-height:100vh;margin:0;background:#8b8f8e;display:grid;place-items:start center;color:#f5f7ef;direction:rtl}.manual-app{width:min(100%,460px);min-height:100vh;padding:24px 22px 92px;background:radial-gradient(circle at 80% 18%,rgba(29,94,91,.5),transparent 29%),linear-gradient(180deg,#174f50 0%,#124345 58%,#113e41 100%);position:relative;overflow:hidden;box-shadow:0 0 55px rgba(0,0,0,.35)}.manual-app:before{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;opacity:.08;background:linear-gradient(140deg,transparent 20%,#d9efcf 21%,transparent 24%,#d9efcf 26%,transparent 29%);pointer-events:none}.manual-header,.book-service,.active-service-card,.service-tracking,.no-active-service,.service-history-mini,.manual-bottom-nav,.manual-flash{position:relative;z-index:1}.manual-header{height:64px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.manual-logo .brand-logo{width:92px;height:32px;object-fit:contain}.manual-user{display:flex;align-items:center;gap:11px}.manual-avatar{width:32px;height:32px;border:2px solid #dff247;border-radius:50%;display:grid;place-items:center;background:#e7ebe5;color:#173f42;font-size:12px;font-weight:900;position:relative}.manual-user>i{width:7px;height:7px;border-radius:50%;background:#dff247;margin-left:-17px;margin-top:-28px;box-shadow:0 0 0 2px #174f50}.manual-user>a{font-size:21px;color:#f3f5ed}.book-service{border:1px solid rgba(205,235,218,.52);border-radius:13px;padding:15px 13px 13px;background:rgba(8,54,55,.24);box-shadow:inset 0 0 24px rgba(104,192,169,.08)}.book-service h1{font-size:16px;line-height:1.2;margin:0 0 14px;letter-spacing:0}.service-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:rtl}.service-action{height:70px;border-radius:10px;display:grid;place-items:center;align-content:center;gap:3px;color:#d7e4dc;border:1px solid transparent;font-size:9px;text-align:center}.service-action b{font-size:23px;font-weight:400;line-height:1}.service-action.active{background:rgba(192,221,54,.2);color:#e9f54b;border-color:#ddea4a;box-shadow:inset 0 0 16px rgba(223,242,71,.15)}.service-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.service-filters label{background:rgba(229,242,234,.15);border:1px solid rgba(227,240,233,.36);border-radius:8px;height:38px;display:flex;align-items:center}.service-filters label>span{display:none}.service-filters select{width:100%;appearance:none;border:0;background:transparent;color:#f4f6ef;padding:6px 11px;font-size:10px;outline:none}.manual-flash{margin:12px 0;background:#dff247;color:#163f41;padding:10px 12px;border-radius:9px;font-size:10px;font-weight:800}.active-service-card{margin-top:12px;border:1px solid #dff247;border-radius:16px;padding:14px;background:linear-gradient(140deg,rgba(3,39,41,.88),rgba(8,52,54,.72));box-shadow:0 0 12px rgba(223,242,71,.64),inset 0 0 20px rgba(223,242,71,.06)}.active-label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;direction:ltr;text-align:left;margin-bottom:9px}.assigned-tech{display:flex;align-items:center;gap:10px;direction:ltr}.tech-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e8ece7;color:#18494a;font-size:18px;font-weight:900;position:relative}.tech-avatar i{position:absolute;right:-2px;bottom:1px;width:13px;height:13px;border-radius:50%;background:#4be056;border:2px solid #123e41}.assigned-tech h2{font-size:15px;margin:0;text-align:left}.assigned-tech p{font-size:9px;color:#9eaaa5;margin:0;text-align:left}.service-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;direction:ltr}.service-facts>div{padding:0 6px;border-right:1px solid rgba(230,240,233,.25);min-width:0}.service-facts>div:last-child{border:0}.service-facts span,.service-facts strong{display:block;text-align:center}.service-facts span{font-size:7px;color:#a7b7b1;white-space:nowrap}.service-facts strong{font-size:10px;color:#f7f8f3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-status{display:flex;gap:6px;align-items:center;margin:10px 0 9px;font-size:10px;color:#b8d956;direction:ltr}.live-status span{width:8px;height:8px;border-radius:50%;background:#58e34e;box-shadow:0 0 8px #58e34e}.service-decision{display:grid;grid-template-columns:1fr 1fr;gap:8px;direction:ltr}.service-decision button{height:37px;border-radius:18px;font-size:9px;font-weight:900;cursor:pointer}.service-decision .accept{border:0;background:#dff247;color:#163f41}.service-decision .reject{border:1px solid #dff247;background:transparent;color:#dff247}.service-approved{border-radius:18px;padding:9px;text-align:center;background:rgba(223,242,71,.14);border:1px solid rgba(223,242,71,.5);color:#dff247;font-size:9px;font-weight:800}.service-tracking{margin-top:12px;border:1px solid rgba(200,231,217,.48);border-radius:14px;padding:14px 13px 12px;background:rgba(9,57,58,.37)}.service-tracking h3{font-size:10px;margin:0 0 16px;text-transform:uppercase;direction:ltr;text-align:left}.tracking-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);direction:ltr}.tracking-line:before,.tracking-line:after{content:"";position:absolute;top:5px;left:12.5%;right:12.5%;height:2px;background:#718b87}.tracking-line:after{right:auto;width:var(--track-progress);background:#dff247;box-shadow:0 0 8px #dff247}.track-point{position:relative;z-index:1;text-align:center}.track-point i{width:10px;height:10px;border-radius:50%;display:block;margin:0 auto 5px;background:#78908d}.track-point.done i{background:#dff247;box-shadow:0 0 7px #dff247}.track-point span{display:block;font-size:7px;line-height:1.15;color:#dce5df}.eta-bar{height:5px;border-radius:10px;background:#062d31;margin-top:13px;direction:ltr;overflow:hidden}.eta-bar span{height:100%;display:block;border-radius:10px;background:#dff247;box-shadow:0 0 9px #dff247;transition:.4s}.service-tracking>p{text-align:center;font-size:8px;color:#b7c9c1;margin:7px 0 0}.no-active-service{text-align:center;margin-top:14px;border:1px solid rgba(200,231,217,.48);border-radius:16px;padding:36px 20px;background:rgba(9,57,58,.37)}.no-active-service>b{font-size:38px;color:#dff247}.no-active-service h2{font-size:17px;margin:8px}.no-active-service p{font-size:10px;color:#b7c9c1}.manual-primary{display:inline-flex;background:#dff247;color:#163f41;border-radius:20px;padding:9px 22px;font-size:10px;font-weight:900}.service-history-mini{margin-top:12px}.service-history-mini h3{font-size:11px}.service-history-mini>div{display:grid;grid-template-columns:1fr auto;gap:2px;border-bottom:1px solid rgba(255,255,255,.1);padding:9px}.service-history-mini strong,.service-history-mini span{font-size:9px}.service-history-mini small{grid-column:1/-1;color:#9eb3ad;font-size:7px}.manual-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:70px;background:rgba(6,39,42,.96);border-top:1px solid rgba(219,239,225,.15);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.manual-bottom-nav a{display:grid;place-items:center;align-content:center;gap:1px;color:#91aaa5;font-size:17px}.manual-bottom-nav a span{font-size:7px}.manual-bottom-nav a.active{color:#dff247}
@media(min-width:600px){.manual-service-page{padding:35px 0}.manual-app{min-height:860px;border-radius:44px;border:9px solid #1b2425;box-shadow:0 25px 70px rgba(0,0,0,.5)}.manual-app:after{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:115px;height:25px;border-radius:20px;background:#111819;z-index:3}.manual-header{padding-top:10px}}
@media(max-width:380px){.manual-app{padding-inline:15px}.service-facts span{font-size:6px}.service-facts strong{font-size:9px}.service-action{font-size:8px}}

/* Makka One V4 — CRM, sales pipeline and quotations */
.crm-summary{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:stretch;margin-bottom:20px}.crm-summary>div{background:#fff;border:1px solid rgba(18,62,70,.07);border-radius:18px;padding:17px 20px;box-shadow:0 9px 28px rgba(18,62,70,.05)}.crm-summary span,.crm-summary strong{display:block}.crm-summary span{font-size:9px;color:var(--muted)}.crm-summary strong{font-size:20px}.crm-summary .btn{height:100%}.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(245px,1fr));gap:13px;overflow-x:auto;padding:2px 2px 20px}.pipeline-column{background:#e7eae6;border-radius:18px;padding:12px;min-height:520px}.pipeline-column>header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.pipeline-column>header div strong,.pipeline-column>header div small{display:block}.pipeline-column>header strong{font-size:11px}.pipeline-column>header small{font-size:8px;color:var(--muted)}.pipeline-column>header>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:9px}.opportunity-card{display:block;background:#fff;border-radius:14px;padding:14px;margin-bottom:9px;border-right:3px solid var(--cyan);box-shadow:0 7px 20px rgba(18,62,70,.05);transition:.18s}.opportunity-card:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(18,62,70,.1)}.opportunity-card>small{font-size:8px;color:var(--muted)}.opportunity-card h3{font-size:12px;line-height:1.5;margin:4px 0}.opportunity-card p{font-size:9px;color:var(--muted);margin:0 0 10px}.opportunity-card>div{display:flex;justify-content:space-between;align-items:center}.opportunity-card>div strong{font-size:11px}.opportunity-card>div span{font-size:8px;background:#eff2ef;border-radius:12px;padding:3px 7px}.opportunity-card footer{border-top:1px solid #edf0ee;margin-top:10px;padding-top:8px;font-size:8px;color:var(--muted)}.opportunity-hero{background:linear-gradient(125deg,var(--navy),#29565b);color:#fff;border-radius:25px;padding:27px 31px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.opportunity-hero h2{font-size:28px;margin:8px 0 0}.opportunity-hero p{margin:0;color:#c2d4d5}.opportunity-hero>div:last-child{text-align:left}.opportunity-hero>div:last-child strong,.opportunity-hero>div:last-child span{display:block}.opportunity-hero>div:last-child strong{font-size:25px}.opportunity-hero>div:last-child span{font-size:10px;color:#c2d4d5}
.customer-hero{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid rgba(18,62,70,.07);border-radius:24px;padding:23px 27px;margin-bottom:20px;box-shadow:0 12px 34px rgba(18,62,70,.05)}.customer-avatar{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:var(--cyan);color:var(--navy);font-weight:900;font-size:25px;flex:0 0 auto}.customer-avatar.small{width:45px;height:45px;border-radius:14px;font-size:17px}.customer-hero h2{font-size:25px;margin:0}.customer-hero p{font-size:10px;color:var(--muted);margin:0}.customer-actions{margin-right:auto;display:flex;gap:8px}.customer-stats .stat-card{min-height:120px}.customer-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:20px}.customer-event{display:grid;grid-template-columns:75px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid #edf0ee}.customer-event>span{width:max-content;height:max-content;background:#eef2ef;border-radius:20px;padding:4px 9px;font-size:8px;font-weight:700}.customer-event strong{font-size:11px}.customer-event p{font-size:10px;color:var(--muted);margin:2px 0}.customer-event small{font-size:8px;color:var(--muted)}.customer-directory{display:grid}.customer-row{display:grid;grid-template-columns:auto 1.4fr .65fr .6fr auto;align-items:center;gap:15px;padding:14px 8px;border-bottom:1px solid #edf0ee}.customer-row div strong,.customer-row div small,.customer-row div span{display:block}.customer-row div strong{font-size:11px}.customer-row div small,.customer-row div span{font-size:9px;color:var(--muted)}.customer-row>b{font-size:9px;color:var(--blue)}
.quote-builder{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:20px}.quote-items{margin-top:15px}.quote-items>header,.quote-items>div{display:grid;grid-template-columns:2fr .55fr .8fr .8fr;gap:7px;margin-bottom:7px}.quote-items>header{font-size:9px;color:var(--muted);padding:0 5px}.quote-items input{min-width:0;border:1px solid #d8dfe0;border-radius:9px;padding:9px;font-size:10px}.quotation-sheet{background:#fff;max-width:960px;margin:0 auto 20px;padding:45px;border-radius:20px;box-shadow:0 13px 40px rgba(18,62,70,.08);color:#1d4148}.quotation-sheet>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--navy);padding-bottom:22px}.quotation-sheet>header .brand-logo{width:170px}.quotation-sheet>header p{font-size:9px;color:var(--muted)}.quotation-sheet>header>div:last-child{text-align:left}.quotation-sheet>header span{font-size:11px;color:var(--muted)}.quotation-sheet>header h1{font-size:25px;letter-spacing:0;margin:3px 0}.quote-parties{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 0}.quote-parties>div:last-child{text-align:left}.quote-parties small,.quote-parties strong{display:block}.quote-parties strong{font-size:15px;margin:4px 0}.quote-parties p{font-size:10px;color:var(--muted);line-height:1.8}.quote-table{font-size:10px}.quote-table th{background:var(--navy);color:#fff}.quote-total{display:grid;grid-template-columns:1fr 320px;gap:35px;padding-top:22px}.quote-total>div{font-size:10px;color:var(--muted)}.quote-total table th,.quote-total table td{padding:8px}.quote-total .grand{background:rgba(228,242,39,.2)}.quotation-sheet>footer{border-top:1px solid #e2e6e3;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px}.quote-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:auto}.quote-toolbar form{display:flex;gap:8px}.quote-toolbar select{border:1px solid #d8dfe0;border-radius:10px;padding:9px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid #e7ebe8;border-right:4px solid #a8b3af;border-radius:14px;margin-bottom:9px}.task-row.priority-high{border-right-color:#e3a13e}.task-row.priority-urgent{border-right-color:#d95252}.task-row>div strong,.task-row>div p,.task-row>div small{display:block}.task-row>div strong{font-size:12px;margin-top:5px}.task-row>div p{font-size:9px;color:var(--muted);margin:2px 0}.task-row>div small{font-size:8px;color:var(--muted)}.task-row form{display:flex;gap:6px}.task-row select{border:1px solid #d8dfe0;border-radius:9px;padding:7px;font-size:9px}
@media(max-width:1000px){.crm-summary{grid-template-columns:1fr 1fr}.customer-layout,.quote-builder{grid-template-columns:1fr}.customer-directory{overflow:auto}.customer-row{min-width:700px}.quote-total{grid-template-columns:1fr 280px}}
@media(max-width:650px){.crm-summary{grid-template-columns:1fr 1fr}.crm-summary .btn{grid-column:1/-1}.customer-hero,.opportunity-hero{display:block}.customer-actions{margin-top:15px}.opportunity-hero>div:last-child{text-align:right;margin-top:15px}.customer-row{grid-template-columns:auto 1fr auto;min-width:0}.customer-row>div:nth-of-type(2),.customer-row>strong{display:none}.quote-items{overflow:auto}.quote-items>header,.quote-items>div{min-width:650px}.quotation-sheet{padding:22px;border-radius:12px}.quotation-sheet>header,.quote-parties,.quote-total{display:block}.quote-parties>div:last-child{text-align:right}.quote-total table{margin-top:20px}.task-row{display:block}.task-row form{margin-top:12px}.quote-toolbar{display:block}.quote-toolbar form{margin-top:10px}}
@media print{body{background:#fff!important}.sidebar,.dash-header,.quote-toolbar,.dashboard footer{display:none!important}.dash-shell{display:block}.dash-main{padding:0}.quotation-sheet{box-shadow:none;margin:0;max-width:none;border-radius:0;padding:25px}.print-only{display:block}.quote-table th{background:#163d44!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Makka One V5 — enterprise navigation, inventory and finance */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(228,242,39,.35) transparent}.side-nav{display:grid;gap:5px}.side-nav>a{margin:0}.nav-command{margin-bottom:8px!important}.nav-group{border-bottom:1px solid rgba(255,255,255,.075);padding-bottom:5px}.nav-group summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:43px;padding:10px 13px;border-radius:10px;cursor:pointer;color:#d5e1df;font-size:11px;font-weight:700}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary span{width:20px;text-align:center;color:var(--cyan);font-size:15px}.nav-group summary i{margin-right:auto;font-style:normal;font-size:10px;transition:.2s}.nav-group[open] summary{background:rgba(255,255,255,.055);color:#fff}.nav-group[open] summary i{transform:rotate(180deg)}.nav-group>div{padding:4px 17px 7px 2px;border-right:1px solid rgba(228,242,39,.22);margin-right:22px}.nav-group>div a{display:flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:8px;margin:2px 0;font-size:10px;color:#aebfbc}.nav-group>div a:before{content:"";width:5px;height:5px;border-radius:50%;background:#55716f;margin-left:8px}.nav-group>div a:hover{background:rgba(255,255,255,.06);color:#fff}.nav-group>div a.active{background:rgba(228,242,39,.13);color:var(--cyan);font-weight:800}.nav-group>div a.active:before{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.nav-group .nav-count{margin-right:auto}
.module-hero{border-radius:27px;padding:30px 34px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.module-hero h2{font-size:29px;margin:4px 0}.module-hero p{margin:0;font-size:12px}.module-actions{display:flex;gap:8px;position:relative;z-index:2}.inventory-hero{background:linear-gradient(125deg,#173f42,#2f625d);color:#fff}.inventory-hero p{color:#c1d3cf}.inventory-hero:after{content:"▦";position:absolute;left:28px;top:-18px;font-size:140px;color:rgba(228,242,39,.08)}.finance-hero{background:linear-gradient(125deg,#172f42,#28536a);color:#fff}.finance-hero p{color:#c6d5df}.finance-hero:after{content:"◫";position:absolute;left:25px;top:-25px;font-size:150px;color:rgba(228,242,39,.08)}.supplier-card{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #e6ebe8;border-radius:14px;margin-bottom:9px}.supplier-card strong,.supplier-card p,.supplier-card small{display:block}.supplier-card strong{font-size:12px}.supplier-card p{font-size:10px;color:var(--muted);margin:2px 0}.supplier-card small{font-size:9px;color:var(--muted)}.invoice-head{background:linear-gradient(125deg,var(--navy),#28565d);color:#fff;border-radius:24px;padding:27px 31px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.invoice-head h2{font-size:27px;margin:7px 0}.invoice-head p{color:#c6d8d9;margin:0}.invoice-head>div:last-child{text-align:left}.invoice-head>div:last-child small,.invoice-head>div:last-child strong{display:block}.invoice-head>div:last-child strong{font-size:27px;color:var(--cyan)}.invoice-totals{display:flex;justify-content:flex-end;align-items:center;gap:17px;background:#f2f5f2;border-radius:12px;padding:13px;margin:18px 0;font-size:10px}.invoice-totals strong{font-size:13px;color:var(--navy)}.payment-row{display:flex;align-items:center;justify-content:space-between;padding:12px 3px;border-bottom:1px solid #edf0ee}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:11px}.payment-row small{font-size:9px;color:var(--muted)}.payment-row>b{color:#287050;font-size:12px}
@media(max-width:650px){.module-hero,.invoice-head{display:block;padding:22px}.module-actions{margin-top:15px}.invoice-head>div:last-child{text-align:right;margin-top:15px}.invoice-totals{display:grid;grid-template-columns:1fr 1fr}.invoice-totals strong{grid-column:1/-1}.nav-group summary{min-height:40px}}

/* Makka One V6 — purchasing, treasury and POS */
.purchase-hero{background:linear-gradient(125deg,#253e38,#45695d);color:#fff}.purchase-hero p{color:#c7d7d1}.purchase-hero:after{content:"▤";position:absolute;left:30px;top:-35px;font-size:155px;color:rgba(228,242,39,.08)}.treasury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.treasury-card{background:linear-gradient(145deg,var(--navy),#28565d);color:#fff;border-radius:22px;padding:23px;position:relative;overflow:hidden;box-shadow:0 14px 35px rgba(18,62,70,.14)}.treasury-card:after{content:"◫";position:absolute;left:-8px;bottom:-35px;font-size:100px;color:rgba(228,242,39,.08)}.treasury-card span,.treasury-card strong,.treasury-card small{display:block}.treasury-card span{font-size:9px;color:var(--cyan)}.treasury-card h3{margin:6px 0}.treasury-card strong{font-size:22px}.treasury-card small{color:#bcd0d0;font-size:8px}.money-receipt{color:#287050;font-weight:800}.money-payment{color:#b74d4d;font-weight:800}.pos-welcome{min-height:480px;border-radius:28px;background:radial-gradient(circle at 20% 20%,rgba(228,242,39,.14),transparent 28%),var(--navy);color:#fff;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:50px;padding:55px}.pos-welcome h2{font-size:40px;margin:8px 0}.pos-welcome p{color:#bed0d2}.pos-welcome form{background:#fff;color:var(--ink);border-radius:20px;padding:25px}.pos-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e4e9e6;border-radius:18px;padding:13px 17px;margin-bottom:15px}.pos-header>div{display:flex;align-items:center;gap:10px}.pos-header strong,.pos-header small{display:block}.pos-header small{font-size:8px;color:var(--muted)}.pos-header form{display:flex;gap:7px}.pos-header input{border:1px solid #d8dfe0;border-radius:9px;padding:7px;width:150px}.live-dot{width:10px;height:10px;border-radius:50%;background:#53c96b;box-shadow:0 0 0 5px rgba(83,201,107,.15)}.pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 330px;gap:17px}.pos-lines{display:grid;gap:8px}.pos-lines>div{display:grid;grid-template-columns:32px 1fr 110px;gap:8px;align-items:center}.pos-lines>div>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef2ef;font-size:9px}.pos-lines select,.pos-lines input,.pos-checkout select{border:1px solid #d8dfe0;border-radius:10px;padding:10px;min-width:0}.pos-checkout{background:linear-gradient(160deg,var(--navy),#28565d);color:#fff;border-radius:22px;padding:25px;display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:20px}.pos-checkout>span{font-size:10px;color:#bad0d0}.pos-checkout select{background:#fff}.pos-note{background:rgba(255,255,255,.08);border-radius:13px;padding:14px;font-size:10px;color:#c4d6d6}.pos-pay{border:0;background:var(--cyan);color:var(--navy);border-radius:13px;padding:15px;font-weight:900;cursor:pointer}.pos-pay:hover{filter:brightness(1.05)}
@media(max-width:900px){.treasury-grid{grid-template-columns:1fr 1fr}.pos-welcome,.pos-layout{grid-template-columns:1fr}.pos-welcome{padding:30px}.pos-checkout{position:static}}
@media(max-width:600px){.treasury-grid{grid-template-columns:1fr}.pos-welcome{display:block}.pos-welcome h2{font-size:28px}.pos-welcome form{margin-top:25px}.pos-header{display:block}.pos-header form{margin-top:10px}.pos-lines>div{grid-template-columns:28px 1fr 75px}}

/* Makka One V7 — HR, attendance, leave and payroll */
.hr-hero{background:linear-gradient(125deg,#243e43,#426b67);color:#fff}.hr-hero p{color:#c8d8d5}.hr-hero:after{content:"♙";position:absolute;left:35px;top:-33px;font-size:155px;color:rgba(228,242,39,.08)}.attendance-hero{background:radial-gradient(circle at 14% 15%,rgba(228,242,39,.14),transparent 27%),var(--navy);color:#fff;border-radius:27px;padding:31px 34px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.attendance-hero h2{font-size:29px;margin:5px 0}.attendance-hero p{color:#c3d4d5;margin:0}.attendance-hero form{display:flex;gap:8px}.attendance-hero input{min-width:230px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff;border-radius:11px;padding:11px}.attendance-hero input::placeholder{color:#afc4c4}.team-presence{display:grid}.team-presence>a{display:grid;grid-template-columns:auto 1fr 130px 60px;align-items:center;gap:13px;padding:12px 6px;border-bottom:1px solid #edf0ee}.team-presence .avatar{width:42px;height:42px;border-radius:13px}.team-presence strong,.team-presence small{display:block}.team-presence strong{font-size:11px}.team-presence small{font-size:8px;color:var(--muted)}.team-presence>a>div:nth-of-type(2){font-size:9px;color:var(--muted)}.team-presence>a>b{font-size:9px;color:var(--blue);text-align:left}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:7px}.presence-dot.online{background:#55c973;box-shadow:0 0 0 4px rgba(85,201,115,.12)}.presence-dot.offline{background:#b8c0bd}.leave-list article,.leave-admin-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 5px;border-bottom:1px solid #edf0ee}.leave-list article strong{margin-right:8px;font-size:11px}.leave-list article p,.leave-list article small,.leave-admin-list article p,.leave-admin-list article small{font-size:9px;color:var(--muted);margin:3px 0}.leave-admin-list article h3{font-size:12px;margin:5px 0}.leave-admin-list form{display:flex;gap:6px;align-items:center}.leave-admin-list form input{border:1px solid #d8dfe0;border-radius:9px;padding:8px}.employee-hero{background:linear-gradient(125deg,var(--navy),#315e62);color:#fff;border-radius:25px;padding:25px 30px;margin-bottom:20px;display:flex;align-items:center;gap:17px}.employee-hero .avatar{width:70px;height:70px;border-radius:22px;background:var(--cyan);color:var(--navy);font-size:26px}.employee-hero h2{font-size:25px;margin:5px 0 0}.employee-hero p{margin:0;color:#bfd0d1}.employee-hero>div:last-child{margin-right:auto;text-align:left}.employee-hero>div:last-child small,.employee-hero>div:last-child strong{display:block}.employee-hero>div:last-child strong{font-size:21px;color:var(--cyan)}.sub-head{margin-top:25px}.mini-input{width:70px!important;min-width:70px!important}.payroll-head{background:linear-gradient(125deg,#183743,#315c65)}.payroll-table{overflow-x:auto}.payroll-row{min-width:1050px;display:grid;grid-template-columns:1.3fr repeat(5,.65fr) 1fr auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid #edf0ee}.payroll-row>div strong,.payroll-row>div small{display:block}.payroll-row>div strong{font-size:11px}.payroll-row>div small{font-size:8px;color:var(--muted)}.payroll-row label{font-size:8px;color:var(--muted)}.payroll-row label input,.payroll-row>input{display:block;width:100%;border:1px solid #d8dfe0;border-radius:8px;padding:8px;margin-top:4px;font-size:9px}.payroll-row label strong{display:block;padding:9px 0;font-size:10px;color:var(--navy)}.payroll-actions{display:flex;align-items:center;justify-content:space-between}.payroll-actions h2{margin:0}.payroll-actions p{font-size:10px;color:var(--muted)}
@media(max-width:800px){.attendance-hero{display:block}.attendance-hero form{margin-top:18px}.team-presence>a{grid-template-columns:auto 1fr auto}.team-presence>a>div:nth-of-type(2){display:none}.leave-admin-list article{display:block}.leave-admin-list form{margin-top:12px}.employee-hero{display:grid;grid-template-columns:auto 1fr}.employee-hero>div:last-child{grid-column:1/-1;margin:0;text-align:right}.payroll-actions{display:block}.payroll-actions form{margin-top:12px}}
@media(max-width:550px){.attendance-hero form{display:grid}.attendance-hero input{min-width:0}.leave-list article{display:block}.leave-list article>small{display:block;margin-top:8px}.team-presence>a>b{display:none}}

/* Makka One V8 — contracts, preventive visits and warranties */
.contracts-hero{background:linear-gradient(125deg,#1d3c46,#38646a);color:#fff}.contracts-hero p{color:#c5d6d8}.contracts-hero:after{content:"◇";position:absolute;left:30px;top:-42px;font-size:170px;color:rgba(228,242,39,.08)}.contract-list{display:grid}.contract-list>a{display:grid;grid-template-columns:115px minmax(210px,1.7fr) .45fr .5fr .75fr auto 55px;gap:13px;align-items:center;padding:15px 6px;border-bottom:1px solid #edf0ee}.contract-list>a:hover{background:#fafbfa}.contract-list strong,.contract-list small{display:block}.contract-list strong{font-size:11px}.contract-list small{font-size:8px;color:var(--muted)}.contract-list>a>b{font-size:9px;color:var(--blue);text-align:left}.contract-type{font-size:9px;font-weight:800;color:var(--navy);background:#edf2ef;border-radius:20px;padding:6px 10px;text-align:center}.contract-active{background:#e2f3e9!important;color:#24734f!important}.contract-draft{background:#edf0ee!important;color:#687773!important}.contract-suspended{background:#fff1d8!important;color:#986213!important}.contract-expired,.contract-cancelled{background:#f9e3e3!important;color:#a04444!important}.contract-builder{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.65fr);gap:20px}.check-row{display:flex;gap:8px;align-items:center;font-size:10px;margin:12px 0}.check-row input{width:auto}.contract-hero{background:radial-gradient(circle at 12% 15%,rgba(228,242,39,.13),transparent 26%),linear-gradient(125deg,var(--navy),#315e64);color:#fff;border-radius:26px;padding:28px 32px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.contract-hero h2{font-size:28px;margin:7px 0}.contract-hero p{color:#c2d5d6;margin:0}.contract-hero>div:last-child{text-align:left}.contract-hero>div:last-child small,.contract-hero>div:last-child strong,.contract-hero>div:last-child span{display:block}.contract-hero>div:last-child strong{font-size:25px;color:var(--cyan)}.contract-hero>div:last-child span{font-size:9px;color:#bfd1d2}.contract-progress{display:grid;grid-template-columns:160px 1fr 45px;align-items:center;gap:15px;background:#fff;border:1px solid #e5ebe7;border-radius:16px;padding:13px 18px;margin-bottom:20px}.contract-progress>div:first-child{display:flex;gap:9px}.contract-progress span,.contract-progress strong,.contract-progress b{font-size:9px}.progress-track{height:8px;background:#e9eeeb;border-radius:20px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--cyan);border-radius:20px}.visit-timeline article{display:grid;grid-template-columns:62px 1fr auto;gap:15px;align-items:center;padding:13px 5px;border-bottom:1px solid #edf0ee;border-right:3px solid #b6c1bd}.visit-timeline article.visit-completed{border-right-color:#52a97a}.visit-timeline article.visit-assigned{border-right-color:var(--cyan)}.visit-timeline time{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;background:#eef2ef;font-weight:900;font-size:11px}.visit-timeline strong,.visit-timeline small{display:block}.visit-timeline strong{font-size:11px;margin-top:5px}.visit-timeline small{font-size:8px;color:var(--muted)}.coverage-box{border-right:4px solid #5cac7c;background:#f0f7f2;border-radius:10px;padding:12px;margin-bottom:9px}.coverage-box.excluded{border-color:#d17777;background:#faf0f0}.coverage-box small{font-size:8px;font-weight:800}.coverage-box p{font-size:10px;margin:4px 0}.contract-meta{font-size:9px;color:var(--muted);line-height:1.8}.visits-calendar-head{background:#fff;border:1px solid #e5ebe7;border-radius:22px;padding:24px 28px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.visits-calendar-head h2{font-size:25px;margin:3px 0}.visits-calendar-head p{font-size:10px;color:var(--muted);margin:0}.contract-visits-table article{display:grid;grid-template-columns:70px minmax(200px,1fr) minmax(520px,1.8fr) auto;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf0ee}.visit-date{width:60px;height:60px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;align-content:center}.visit-date strong{font-size:20px;line-height:1}.visit-date span{font-size:7px;color:var(--cyan)}.contract-visits-table h3{font-size:11px;margin:4px 0}.contract-visits-table p{font-size:8px;color:var(--muted);margin:0}.contract-visits-table article>form:not(.visit-job-form){display:grid;grid-template-columns:1fr .7fr 1fr 1fr 1.2fr auto;gap:5px}.contract-visits-table input,.contract-visits-table select{min-width:0;border:1px solid #d8dfe0;border-radius:8px;padding:7px;font-size:8px}.visit-job-form{display:block}.warranty-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid #edf0ee}.warranty-shield{width:44px;height:44px;border-radius:14px;background:rgba(228,242,39,.2);color:var(--navy);display:grid;place-items:center;font-size:23px;font-weight:900}.warranty-list strong,.warranty-list small{display:block}.warranty-list strong{font-size:11px}.warranty-list small{font-size:8px;color:var(--muted)}.portal-contract-hero{background:linear-gradient(125deg,var(--navy),#315d63);color:#fff;border-radius:27px;padding:30px 34px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.portal-contract-hero h2{font-size:28px;margin:4px 0}.portal-contract-hero p{margin:0;color:#bfd2d3}.portal-contracts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.portal-contracts>article{background:#fff;border:1px solid #e4eae6;border-radius:21px;padding:19px;box-shadow:0 10px 30px rgba(18,62,70,.05)}.portal-contracts header{display:flex;justify-content:space-between}.portal-contracts header small{font-size:8px;color:var(--muted)}.portal-contracts h3{font-size:15px;margin:17px 0 3px}.portal-contracts p{font-size:9px;color:var(--muted)}.portal-contracts>article>div{display:grid;gap:5px;background:#f1f4f1;border-radius:11px;padding:11px;margin-top:15px}.portal-contracts>article>div span{font-size:8px;color:var(--muted)}.portal-contracts>article>div strong{font-size:10px;color:var(--navy)}
@media(max-width:1100px){.contract-list>a{grid-template-columns:100px 1.6fr .5fr .6fr auto}.contract-list>a>div:nth-of-type(4),.contract-list>a>b{display:none}.contract-visits-table{overflow-x:auto}.contract-visits-table article{min-width:1050px}.portal-contracts{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.contract-builder{grid-template-columns:1fr}.contract-hero,.portal-contract-hero,.visits-calendar-head{display:block}.contract-hero>div:last-child{text-align:right;margin-top:14px}.portal-contract-hero .btn,.visits-calendar-head .btn{margin-top:15px}.contract-list>a{grid-template-columns:90px 1fr auto}.contract-list>a>div:not(:first-of-type){display:none}.contract-progress{grid-template-columns:1fr 45px}.contract-progress>div:first-child{display:none}.portal-contracts{grid-template-columns:1fr}}
@media(max-width:520px){.contract-list>a{grid-template-columns:1fr auto}.contract-type{display:none}.visit-timeline article{grid-template-columns:55px 1fr}.visit-timeline article>a{grid-column:1/-1}.portal-contract-hero,.contract-hero{padding:22px}}

/* Makka One V9 — larger typography, executive reports and refined motion */
:root{--ui-scale:1.1;--ease-out:cubic-bezier(.22,1,.36,1)}
.dashboard{font-size:calc(15px * var(--ui-scale))}.dashboard .dash-header h1{font-size:calc(30px * var(--ui-scale))}.dashboard .dash-header p{font-size:calc(11px * var(--ui-scale))}.dashboard .dash-kicker{font-size:calc(10px * var(--ui-scale))}.dashboard .side-nav>a{font-size:calc(11px * var(--ui-scale));min-height:47px}.dashboard .nav-group summary{font-size:calc(11px * var(--ui-scale));min-height:46px}.dashboard .nav-group>div a{font-size:calc(10px * var(--ui-scale));min-height:38px}.dashboard .panel h2{font-size:calc(17px * var(--ui-scale))}.dashboard .panel-head p,.dashboard .panel p{font-size:calc(10.5px * var(--ui-scale))}.dashboard table th,.dashboard table td{font-size:calc(10.5px * var(--ui-scale));padding-block:12px}.dashboard small{font-size:calc(9px * var(--ui-scale))}.dashboard .badge{font-size:calc(9px * var(--ui-scale));padding:5px 9px}.dashboard .field label{font-size:calc(10px * var(--ui-scale));margin-bottom:5px}.dashboard input,.dashboard select,.dashboard textarea{font-size:calc(10.5px * var(--ui-scale));min-height:42px}.dashboard textarea{min-height:92px}.dashboard .btn{font-size:calc(10px * var(--ui-scale));min-height:40px}.dashboard .stat-card>span{font-size:calc(11px * var(--ui-scale))}.dashboard .stat-card>small{font-size:calc(9px * var(--ui-scale))}.dashboard .stat-card>strong{font-size:calc(29px * var(--ui-scale))}.dashboard .module-hero p,.dashboard .command-hero p{font-size:calc(11px * var(--ui-scale))}.nav-reports{border-color:rgba(228,242,39,.18)!important;background:rgba(228,242,39,.055)}
.reports-hero{background:radial-gradient(circle at 8% 18%,rgba(228,242,39,.15),transparent 28%),linear-gradient(125deg,#153b43,#315f64);color:#fff;border-radius:28px;padding:31px 35px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.reports-hero:after{content:"";position:absolute;left:-45px;top:-85px;width:230px;height:230px;border:42px solid rgba(228,242,39,.07);border-radius:50%}.reports-hero h2{font-size:calc(29px * var(--ui-scale));margin:5px 0}.reports-hero p{color:#c5d7d8;margin:0}.reports-hero form{display:flex;align-items:end;gap:8px;position:relative;z-index:2}.reports-hero label{font-size:calc(9px * var(--ui-scale));color:#bfd1d2}.reports-hero input{display:block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:8px;margin-top:4px;color-scheme:dark}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.report-kpis article{background:#fff;border:1px solid rgba(18,62,70,.07);border-radius:21px;padding:19px;box-shadow:0 12px 32px rgba(18,62,70,.05);position:relative;overflow:hidden}.report-kpis article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(228,242,39,.09);left:-28px;top:-35px}.report-kpis span,.report-kpis strong,.report-kpis small,.report-kpis b{display:block}.report-kpis>article>span{font-size:calc(10px * var(--ui-scale));color:var(--muted)}.report-kpis strong{font-size:calc(21px * var(--ui-scale));margin:5px 0}.report-kpis small{font-size:calc(8px * var(--ui-scale));color:var(--muted)}.report-kpis i{display:block;height:5px;background:#e9eeeb;border-radius:10px;margin:14px 0 6px;overflow:hidden}.report-kpis i:after{content:"";display:block;width:var(--score);height:100%;background:linear-gradient(90deg,var(--navy),var(--cyan));border-radius:10px;animation:growBar .9s var(--ease-out) both}.report-kpis b{font-size:calc(8px * var(--ui-scale));color:var(--success)}.reports-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:18px}.report-chart{min-height:380px}.month-bars{display:grid;gap:15px;margin-top:25px}.month-bars>div{display:grid;grid-template-columns:70px 1fr 90px;gap:12px;align-items:center}.month-bars>div>span,.month-bars>div>strong{font-size:calc(9px * var(--ui-scale))}.month-bars>div>strong{text-align:left}.month-bars>div>div{height:17px;background:#edf1ef;border-radius:5px;position:relative;overflow:hidden}.month-bars i,.month-bars b{position:absolute;right:0;display:block;border-radius:5px}.month-bars i{height:100%;background:linear-gradient(90deg,#28555d,var(--navy));animation:growBar .9s var(--ease-out) both}.month-bars b{height:5px;bottom:0;background:var(--cyan);animation:growBar 1.05s var(--ease-out) both}.report-chart footer{display:flex;gap:20px;margin-top:22px;font-size:calc(8px * var(--ui-scale));color:var(--muted)}.report-chart footer span{display:flex;align-items:center;gap:6px}.report-chart footer i{width:9px;height:9px;border-radius:3px;background:var(--navy)}.report-chart footer span:last-child i{background:var(--cyan)}.decision-card{background:linear-gradient(155deg,#fff,#f4f7f4)}.decision-row{padding:13px 3px;border-bottom:1px solid #e6ebe8}.decision-row span,.decision-row strong,.decision-row small{display:block}.decision-row span{font-size:calc(8px * var(--ui-scale));color:var(--muted)}.decision-row strong{font-size:calc(16px * var(--ui-scale))}.decision-row small{color:var(--muted)}.ranking-list article{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:12px 3px;border-bottom:1px solid #edf0ee}.ranking-list article>b{width:30px;height:30px;display:grid;place-items:center;background:#eff3ef;border-radius:9px;font-size:calc(9px * var(--ui-scale))}.ranking-list strong,.ranking-list small{display:block}.ranking-list strong{font-size:calc(10px * var(--ui-scale))}.ranking-list article>span{font-size:calc(9px * var(--ui-scale));font-weight:800;color:var(--navy)}.products-ranking article>b{background:rgba(228,242,39,.22)}.report-actions{grid-column:1/-1;background:linear-gradient(125deg,#edf2ef,#fff);border:1px solid #e2e8e4;border-radius:21px;padding:19px 22px;margin-top:18px;display:flex;align-items:center;gap:9px}.report-actions>div{margin-left:auto}.report-actions h2{font-size:calc(17px * var(--ui-scale));margin:3px 0}
@keyframes riseIn{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes navReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes growBar{from{width:0}to{}}@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(228,242,39,0)}50%{box-shadow:0 0 0 7px rgba(228,242,39,.08)}}
.motion-ready{opacity:0;transform:translateY(20px) scale(.985)}.motion-ready.in-view{animation:riseIn .62s var(--ease-out) var(--motion-delay,0ms) both}.nav-group[open]>div{animation:navReveal .3s var(--ease-out) both}.dashboard .panel,.dashboard .stat-card,.dashboard .team-card,.dashboard .tech-job,.dashboard .contract-list>a,.dashboard .ranking-list article{transition:transform .28s var(--ease-out),box-shadow .28s ease,border-color .28s ease,background-color .28s ease}.dashboard .stat-card:hover,.dashboard .panel:hover{box-shadow:0 20px 50px rgba(18,62,70,.09)}.dashboard .stat-card:hover{transform:translateY(-4px)}.dashboard .team-card:hover,.dashboard .tech-job:hover{transform:translateY(-4px)}.dashboard .btn{position:relative;overflow:hidden;transition:transform .22s var(--ease-out),box-shadow .22s ease,filter .22s ease}.dashboard .btn:after{content:"";position:absolute;inset:-100% auto -100% -35%;width:24%;background:rgba(255,255,255,.32);transform:rotate(18deg) translateX(-250%);transition:transform .55s var(--ease-out)}.dashboard .btn:hover:after{transform:rotate(18deg) translateX(750%)}.dashboard .notification-bell b,.dashboard .live-dot{animation:softPulse 2.1s ease-in-out infinite}.sidebar .brand-logo{transition:transform .35s var(--ease-out),filter .35s}.sidebar .brand:hover .brand-logo{transform:scale(1.035);filter:drop-shadow(0 5px 12px rgba(228,242,39,.13))}
@media(max-width:1000px){.report-kpis{grid-template-columns:1fr 1fr}.reports-grid{grid-template-columns:1fr}.report-actions{flex-wrap:wrap}.report-actions>div{width:100%;margin:0}.reports-hero{display:block}.reports-hero form{margin-top:18px}}
@media(max-width:600px){.dashboard{font-size:calc(14px * var(--ui-scale))}.report-kpis{grid-template-columns:1fr 1fr}.reports-hero{padding:23px}.reports-hero form{display:grid;grid-template-columns:1fr 1fr}.reports-hero form .btn{grid-column:1/-1}.month-bars>div{grid-template-columns:55px 1fr 70px}.report-actions .btn{flex:1 1 45%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready{opacity:1!important;transform:none!important}}

/* Makka One V10 — leadership cockpit, live time and governed access */
.dashboard{background:#edf1ee}.dash-main{max-width:none;padding:27px 32px 48px}.dash-header{min-height:104px;padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid #dce4df;display:flex;align-items:center;justify-content:space-between;gap:22px}.dash-header h1{margin:2px 0 0;line-height:1.35}.dash-header p{margin:1px 0 0}.dash-header-tools{display:flex;align-items:center;gap:12px}.header-live-clock{direction:rtl;min-width:205px;display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid #dbe4df;border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 8px 26px rgba(18,62,70,.055)}.header-live-clock>div{display:flex;flex-direction:column}.header-live-clock strong{direction:ltr;font-size:17px;letter-spacing:.7px;color:var(--navy);line-height:1.3}.header-live-clock small{font-size:8px!important;color:var(--muted);white-space:nowrap}.live-signal{display:inline-block;width:10px;height:10px;border-radius:50%;background:#68b979;box-shadow:0 0 0 5px rgba(104,185,121,.13);animation:liveSignal 1.8s ease-in-out infinite}.dash-user{margin:0!important;background:#fff;border:1px solid #e0e7e3;border-radius:16px;padding:8px 11px;box-shadow:0 8px 24px rgba(18,62,70,.05)}
.sidebar{background:linear-gradient(180deg,#143e45 0%,#0c3037 100%);box-shadow:-14px 0 45px rgba(10,40,46,.13)}.side-nav{padding-bottom:35px}.side-nav>a,.nav-group summary{border-radius:11px;margin:3px 12px;padding-inline:15px}.nav-command{font-weight:800!important}.nav-group{border-bottom:1px solid rgba(255,255,255,.065);padding-bottom:5px;margin-bottom:4px}.nav-group>div{margin:2px 14px 7px;border-right:1px solid rgba(228,242,39,.16);padding-right:8px}.nav-group>div a{border-radius:8px;padding-inline:12px}.side-nav .active{box-shadow:inset -3px 0 0 var(--cyan)}
.leadership-deck{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(315px,.55fr);gap:24px;padding:31px 34px;margin-bottom:18px;border-radius:27px;color:#fff;background:radial-gradient(circle at 8% 18%,rgba(228,242,39,.14),transparent 27%),linear-gradient(118deg,#123b43,#23565c);box-shadow:0 22px 60px rgba(17,58,65,.17)}.leadership-deck:after{content:"";position:absolute;left:-75px;bottom:-125px;width:280px;height:280px;border:55px solid rgba(228,242,39,.07);border-radius:50%}.deck-copy,.deck-status{position:relative;z-index:2}.deck-copy h2{font-size:clamp(27px,2.3vw,40px);line-height:1.35;margin:8px 0}.deck-copy p{margin:0;color:#c9d9da}.deck-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.deck-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.deck-clock,.deck-mini{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;background:rgba(255,255,255,.075);backdrop-filter:blur(12px)}.deck-clock{grid-column:1/-1}.deck-clock strong,.deck-clock small,.deck-mini strong,.deck-mini small{display:block}.deck-clock strong{direction:ltr;text-align:right;font-size:28px;letter-spacing:1.5px;color:var(--cyan)}.deck-clock small,.deck-mini small{color:#bbcdcf}.deck-mini strong{font-size:18px;margin-top:3px}.command-kpis{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin-bottom:18px}.command-kpis article{position:relative;overflow:hidden;min-height:150px;padding:18px;border:1px solid rgba(18,62,70,.07);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(18,62,70,.055);transition:.28s var(--ease-out)}.command-kpis article:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(18,62,70,.1)}.command-kpis span,.command-kpis strong,.command-kpis small{display:block}.command-kpis>article>span{color:var(--muted);font-size:10px}.command-kpis>article>strong{font-size:29px;line-height:1.25;margin-top:13px}.command-kpis>article>small{color:#6b8975;margin-top:5px}.kpi-icon{position:absolute;left:14px;top:14px;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-style:normal;background:#edf3ef;color:var(--navy)}.kpi-icon.service{background:rgba(228,242,39,.22)}.kpi-icon.crm{background:#e3f3f6}.kpi-icon.money{background:#e7f4e9}.kpi-icon.stock{background:#fff0d8}.kpi-icon.people{background:#ede9f8}.kpi-icon.contract{background:#e8eef5}.leadership-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;margin-bottom:16px}.command-panel{background:#fff;border:1px solid rgba(18,62,70,.07);border-radius:22px;padding:21px;box-shadow:0 12px 34px rgba(18,62,70,.045)}.command-panel .panel-head{margin-bottom:13px}.live-jobs{display:grid;gap:8px}.live-jobs article{display:grid;grid-template-columns:95px minmax(180px,1.3fr) minmax(150px,.9fr) minmax(130px,.8fr) auto;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#f6f8f6;border:1px solid #e8ede9}.live-jobs strong,.live-jobs small{display:block}.live-jobs small{color:var(--muted)}.job-state{font-size:9px;font-weight:800;padding:5px 8px;border-radius:20px;text-align:center;background:#e8eef0}.job-state.on_way,.job-state.in_progress{background:#e3f2e8;color:#29714d}.priority-flag{font-size:8px;padding:4px 7px;border-radius:20px;background:#eef1ee}.priority-flag.urgent{background:#f9dddd;color:#a43e3e}.priority-flag.high{background:#fff0d4;color:#9a6418}.command-empty{min-height:145px;display:grid;place-items:center;text-align:center;color:var(--muted)}.attention-list{display:grid;gap:6px}.attention-list a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:12px;transition:.2s}.attention-list a:hover{background:#f3f6f3;transform:translateX(-3px)}.attention-list strong,.attention-list small{display:block}.attention-dot{width:10px;height:10px;border-radius:50%}.attention-dot.red{background:#d15858}.attention-dot.orange{background:#e3a83e}.attention-dot.purple{background:#8d76bd}.attention-dot.blue{background:#4d97b0}.attention-dot.green{background:#59a66f}.leadership-bottom{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:16px}.quick-command>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-command .btn{justify-content:flex-start}.pulse-row{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:start;padding:11px 3px;border-bottom:1px solid #edf1ee}.pulse-row time{font-size:9px;color:var(--muted)}.pulse-row strong,.pulse-row small{display:block}.pulse-row strong{font-size:10px}.pulse-row small{color:var(--muted)}
.access-hero,.categories-hero,.user-access-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:26px 29px;margin-bottom:17px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#153f47,#2e6268)}.access-hero h2,.categories-hero h2,.user-access-hero h2{font-size:26px;margin:3px 0}.access-hero p,.categories-hero p,.user-access-hero p{color:#c4d5d6;margin:0}.access-shield,.profile-avatar{width:62px;height:62px;flex:0 0 auto;border-radius:19px;display:grid;place-items:center;background:var(--cyan);color:var(--navy);font-size:27px;font-weight:900}.access-hero .btn,.user-access-hero .btn{margin-right:auto}.access-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.access-roles{background:#fff;border:1px solid #e1e8e4;border-radius:21px;padding:16px}.access-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.access-section-title h3{margin:0}.mini-action{border:0;border-radius:9px;background:#eaf027;color:var(--navy);width:31px;height:31px;font-weight:900;cursor:pointer}.new-role-form{display:grid;gap:7px;padding:10px;margin-bottom:8px;border-radius:12px;background:#f2f5f2}.new-role-form input{width:100%;border:1px solid #d9e1dd;border-radius:9px;padding:8px}.access-role{display:block;padding:11px;border-radius:11px;margin-bottom:4px}.access-role:hover,.access-role.active{background:#edf2ee}.access-role strong,.access-role small{display:block}.permission-matrix{overflow-x:auto}.permission-matrix table{min-width:760px}.permission-matrix label{display:inline-flex;align-items:center;gap:6px}.sticky-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;padding-top:13px}.team-access{grid-column:1/-1}.team-access-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.team-access-list a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:13px;background:#f4f7f4}.team-access-list strong,.team-access-list small{display:block}.user-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.role-picks,.override-list{display:grid;gap:7px}.role-picks label,.override-list label{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:#f4f7f4}.effective-dot{width:9px;height:9px;border-radius:50%;background:#c7ceca}.effective-dot.on{background:#5eb177;box-shadow:0 0 0 4px rgba(94,177,119,.12)}.access-savebar{grid-column:1/-1;display:flex;justify-content:flex-end}.category-count{margin-right:auto;text-align:center;padding:10px 20px;border-radius:15px;background:rgba(255,255,255,.1)}.category-count strong,.category-count small{display:block}.category-count strong{font-size:23px;color:var(--cyan)}.categories-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:16px}.category-groups{display:grid;gap:13px}.category-group{background:#fff;border:1px solid #e1e8e4;border-radius:20px;padding:18px}.category-group header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-group h3{margin:0}.category-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,.65fr) 75px 90px auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #edf1ee}.category-row input,.category-row select,.add-category input,.add-category select{width:100%;border:1px solid #d8e1dc;border-radius:9px;padding:8px}.add-category{height:max-content;position:sticky;top:20px}.add-category form{display:grid;gap:10px}
@keyframes liveSignal{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.15);opacity:1}}
@media(max-width:1350px){.command-kpis{grid-template-columns:repeat(3,1fr)}.team-access-list{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.leadership-deck,.leadership-grid,.leadership-bottom,.access-layout,.categories-layout{grid-template-columns:1fr}.add-category{position:static}.live-jobs article{grid-template-columns:80px 1fr auto}.live-jobs article>div:nth-of-type(2){display:none}.user-access-grid{grid-template-columns:1fr}}
@media(max-width:800px){.dash-main{padding:20px 16px}.dash-header{align-items:flex-start}.dash-header-tools{margin-right:auto}.header-live-clock{min-width:165px}.dash-user>div{display:none}.leadership-deck{padding:24px}.deck-status{grid-template-columns:1fr 1fr}.command-kpis{grid-template-columns:1fr 1fr}.team-access-list{grid-template-columns:1fr}.category-row{grid-template-columns:1fr 1fr}.category-row>*:first-child{grid-column:1/-1}}
@media(max-width:560px){.dash-header{display:block}.dash-header-tools{margin-top:12px;justify-content:space-between}.header-live-clock{flex:1}.leadership-deck{padding:21px}.deck-status{grid-template-columns:1fr}.deck-clock{grid-column:auto}.command-kpis{grid-template-columns:1fr 1fr}.command-kpis article{min-height:132px;padding:15px}.leadership-bottom{grid-template-columns:1fr}.quick-command>div{grid-template-columns:1fr}.pulse-row{grid-template-columns:68px 1fr}.pulse-row>a{display:none}.category-row{grid-template-columns:1fr}.category-row>*:first-child{grid-column:auto}.access-hero,.categories-hero,.user-access-hero{align-items:flex-start;padding:21px}.access-hero .btn,.user-access-hero .btn{margin-right:auto}.category-count{display:none}}

/* Makka One V11 — approvals, decisions and audit trail */
.nav-approvals{background:linear-gradient(90deg,rgba(228,242,39,.14),rgba(228,242,39,.025))!important;border:1px solid rgba(228,242,39,.18)!important}.approval-hero,.audit-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 32px;margin-bottom:17px;border-radius:26px;color:#fff;background:radial-gradient(circle at 8% 20%,rgba(228,242,39,.14),transparent 27%),linear-gradient(118deg,#123a42,#2c6066);box-shadow:0 18px 50px rgba(18,58,66,.12)}.approval-hero h2,.audit-hero h2{font-size:30px;margin:5px 0}.approval-hero p,.audit-hero p{color:#c6d7d8;margin:0}.approval-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.approval-kpis article{position:relative;overflow:hidden;padding:17px 19px;border-radius:18px;background:#fff;border:1px solid #e1e8e4;box-shadow:0 10px 30px rgba(18,62,70,.045)}.approval-kpis article:after{content:"";position:absolute;left:-22px;top:-30px;width:85px;height:85px;border-radius:50%;background:rgba(228,242,39,.1)}.approval-kpis span,.approval-kpis strong,.approval-kpis small{display:block}.approval-kpis span{color:var(--muted);font-size:10px}.approval-kpis strong{font-size:27px;line-height:1.25;margin:6px 0}.approval-kpis small{color:var(--muted)}.approval-kpis .warning{border-right:4px solid #e0a13a}.approval-kpis .success{border-right:4px solid #59a970}.approval-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:16px}.approval-queue{overflow:hidden}.approval-queue .panel-head form,.audit-filters form{display:flex;gap:7px;align-items:center}.approval-queue select,.audit-filters input,.audit-filters select{min-height:38px;border:1px solid #d9e1dd;border-radius:9px;background:#fff;padding:7px 9px}.approval-list{display:grid}.approval-list>a{display:grid;grid-template-columns:70px minmax(190px,1.4fr) minmax(145px,.8fr) minmax(125px,.7fr) 100px 20px;gap:11px;align-items:center;padding:13px 5px;border-bottom:1px solid #edf1ee;transition:.22s}.approval-list>a:hover{background:#f6f8f6;transform:translateX(-3px)}.approval-list strong,.approval-list small{display:block}.approval-list strong{font-size:10px}.approval-list small{color:var(--muted)}.approval-priority,.approval-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:64px;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800}.approval-priority{background:#edf1ef}.approval-priority.high{background:#fff0d4;color:#986111}.approval-priority.urgent{background:#f8dfdf;color:#a23e3e}.approval-status.pending{background:#fff0d5;color:#946012}.approval-status.approved{background:#e2f3e8;color:#28714c}.approval-status.rejected,.approval-status.cancelled{background:#f5e3e3;color:#a14646}.new-approval{height:max-content;position:sticky;top:18px}.new-approval form{display:grid;gap:3px}.approval-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;margin-bottom:16px;border-radius:24px;background:linear-gradient(125deg,#fff,#f2f6f3);border:1px solid #dfe7e2}.approval-detail-hero h2{font-size:28px;margin:8px 0 3px}.approval-detail-hero p{margin:0;color:var(--muted)}.approval-detail-hero>div:last-child{text-align:left}.approval-detail-hero>div:last-child small,.approval-detail-hero>div:last-child strong,.approval-detail-hero>div:last-child span{display:block}.approval-detail-hero>div:last-child strong{font-size:25px;color:var(--navy)}.approval-detail-hero>div:last-child span{color:var(--muted)}.approval-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.55fr);gap:16px}.decision-description{min-height:130px;padding:17px;border-radius:13px;background:#f5f7f5;line-height:2}.decision-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.decision-meta>div{padding:11px;border:1px solid #e4eae6;border-radius:11px}.decision-meta small,.decision-meta strong{display:block}.decision-form{border-top:1px solid #e3e9e5;padding-top:13px}.decision-form>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.decision-result{padding:14px;border-right:4px solid #58aa71;border-radius:11px;background:#edf7f0}.decision-result small,.decision-result strong,.decision-result span{display:block}.approval-timeline article{position:relative;display:grid;grid-template-columns:15px 1fr;gap:10px;padding:0 0 18px}.approval-timeline article:after{content:"";position:absolute;right:5px;top:13px;bottom:0;width:1px;background:#dce4df}.approval-timeline article:last-of-type:after{display:none}.event-dot{position:relative;z-index:2;width:11px;height:11px;margin-top:4px;border-radius:50%;background:#9eaaa4;box-shadow:0 0 0 4px #eef2ef}.event-dot.approved{background:#56a86f}.event-dot.rejected{background:#bf5555}.approval-timeline strong,.approval-timeline small{display:block}.approval-timeline small{color:var(--muted)}.approval-timeline p{margin:5px 0 0}.approval-timeline form{display:grid;gap:7px;padding-top:10px;border-top:1px solid #e4e9e6}.approval-timeline textarea{width:100%;border:1px solid #d8e0dc;border-radius:10px;padding:9px;min-height:80px}.audit-hero>span{min-width:130px;text-align:center;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08)}.audit-hero>span strong,.audit-hero>span small{display:block}.audit-hero>span strong{font-size:27px;color:var(--cyan)}.audit-list{display:grid}.audit-list article{display:grid;grid-template-columns:115px 150px minmax(220px,1fr) 190px;gap:13px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf1ee}.audit-list time,.audit-list time small,.audit-list strong,.audit-list small{display:block}.audit-list small{color:var(--muted)}.audit-action{direction:ltr;text-align:left;font-family:monospace;font-size:9px;background:#edf2ef;border-radius:7px;padding:5px 7px;color:var(--navy)}
@media(max-width:1150px){.approval-layout,.approval-detail-grid{grid-template-columns:1fr}.new-approval{position:static}.approval-list>a{grid-template-columns:65px 1.2fr .8fr 95px}.approval-list>a>div:nth-of-type(2),.approval-list>a>i{display:none}}
@media(max-width:850px){.approval-kpis{grid-template-columns:1fr 1fr}.approval-queue .panel-head,.audit-filters{display:block}.approval-queue .panel-head form,.audit-filters form{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.audit-filters form .btn{grid-column:1/-1}.audit-list article{grid-template-columns:90px 1fr}.audit-list article>div:last-child{display:none}.approval-detail-hero{display:block}.approval-detail-hero>div:last-child{text-align:right;margin-top:15px}}
@media(max-width:570px){.approval-hero,.audit-hero{display:block;padding:22px}.approval-hero .btn{margin-top:15px}.approval-kpis{grid-template-columns:1fr 1fr}.approval-list>a{grid-template-columns:1fr auto}.approval-list>a>.approval-priority,.approval-list>a>div:not(:first-of-type),.approval-list>a>i{display:none}.decision-meta{grid-template-columns:1fr}.audit-list article{grid-template-columns:75px 1fr}.audit-action{display:none}}

/* Makka One V12 — customer 360 and product master data */
.master-hero,.catalog-hero,.product-editor-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 32px;margin-bottom:17px;border-radius:26px;color:#fff;background:radial-gradient(circle at 8% 20%,rgba(228,242,39,.14),transparent 27%),linear-gradient(118deg,#123b43,#2d6167)}.master-hero h2,.catalog-hero h2,.product-editor-hero h2{font-size:30px;margin:5px 0}.master-hero p,.catalog-hero p,.product-editor-hero p{color:#c5d7d8;margin:0}.master-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;padding-block:13px}.master-toolbar form{display:flex;gap:7px;flex:1;max-width:650px}.master-toolbar input{flex:1;border:1px solid #d8e1dc;border-radius:10px;padding:9px 12px}.master-toolbar>div{text-align:center;padding-inline:18px;border-right:1px solid #e3e9e5}.master-toolbar strong,.master-toolbar small{display:block}.master-toolbar strong{font-size:22px}.master-create{margin-bottom:15px}.customer-master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-master-grid>a{overflow:hidden;background:#fff;border:1px solid #e0e7e3;border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(18,62,70,.045);transition:.25s var(--ease-out)}.customer-master-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,62,70,.09)}.customer-master-grid header{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.customer-master-grid header .customer-avatar{width:46px;height:46px;border-radius:14px}.customer-master-grid header strong,.customer-master-grid header small{display:block}.customer-master-grid header small{color:var(--muted)}.master-tags{display:flex;gap:6px;margin:14px 0}.master-tags span{font-size:8px;padding:4px 7px;border-radius:12px;background:#eef2ef}.customer-master-grid footer{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:11px;border-top:1px solid #edf1ee}.customer-master-grid footer div{text-align:center}.customer-master-grid footer strong,.customer-master-grid footer small{display:block}.customer-master-grid footer strong{font-size:15px}.customer-command-hero{display:flex;align-items:center;gap:17px;padding:24px 27px;margin-bottom:14px;border-radius:23px;color:#fff;background:linear-gradient(120deg,#143e46,#315f65)}.customer-command-hero .customer-avatar{width:66px;height:66px;border-radius:20px;background:var(--cyan);color:var(--navy)}.customer-command-hero h2{font-size:28px;margin:4px 0}.customer-command-hero p{margin:0;color:#c3d5d6}.customer-command-hero .customer-actions{margin-right:auto}.customer-command-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:14px}.customer-command-kpis article{padding:13px 15px;border-radius:15px;background:#fff;border:1px solid #e1e8e4}.customer-command-kpis span,.customer-command-kpis strong{display:block}.customer-command-kpis span{font-size:8px;color:var(--muted)}.customer-command-kpis strong{font-size:22px}.customer-master-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.55fr);gap:15px}.customer-master-layout>div,.customer-master-layout>aside{display:grid;gap:15px;align-content:start}.branch-cards,.contact-cards{display:grid;gap:7px}.branch-cards article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px;border-radius:12px;background:#f4f7f4}.branch-cards strong,.branch-cards small,.contact-cards strong,.contact-cards small{display:block}.branch-cards p{margin:3px 0;color:var(--muted)}.contact-cards article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #edf1ee}.inline-master-form{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;padding:12px;border-radius:13px;background:#f2f5f2}.inline-master-form input,.inline-master-form select{min-width:0;border:1px solid #d8e1dc;border-radius:9px;padding:8px}.inline-master-form label{display:flex;align-items:center;gap:6px}.inline-master-form label input{width:auto}.portal-ready{text-align:center;padding:18px;border-radius:14px;background:#edf7f0}.portal-ready span{width:42px;height:42px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#5bac72;color:#fff;font-size:20px}.portal-ready strong,.portal-ready small{display:block;margin-top:6px}.customer-timeline article{position:relative;display:grid;grid-template-columns:13px 1fr;gap:10px;padding-bottom:14px}.customer-timeline article>span{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(228,242,39,.15)}.customer-timeline strong,.customer-timeline small{display:block}.customer-timeline p{margin:4px 0;color:var(--muted)}.catalog-master-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.catalog-master-grid>a{overflow:hidden;background:#fff;border:1px solid #e0e7e3;border-radius:20px;box-shadow:0 10px 30px rgba(18,62,70,.045);transition:.25s var(--ease-out)}.catalog-master-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(18,62,70,.09)}.catalog-art{position:relative;height:175px;display:grid;place-items:center;background:linear-gradient(145deg,#f2f5f3,#e0e8e4)}.catalog-art img{width:100%;height:100%;object-fit:contain}.catalog-art .printer-mini{width:56%;height:50%}.catalog-art>span{position:absolute;right:11px;top:11px;padding:4px 8px;border-radius:14px;background:var(--cat-color);color:#fff;font-size:8px}.catalog-body{padding:15px}.catalog-body>small{color:var(--muted)}.catalog-body h3{font-size:15px;margin:4px 0}.catalog-body p{min-height:44px;margin:3px 0;color:var(--muted)}.catalog-body>div{display:flex;gap:5px;margin:10px 0}.catalog-body>div span{padding:4px 7px;border-radius:11px;background:#eef2ef;font-size:8px}.catalog-body footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #edf1ee}.catalog-body footer strong{font-size:15px}.catalog-body footer b{font-size:8px;padding:4px 7px;border-radius:12px}.catalog-body footer b.active{background:#e3f3e8;color:#29704d}.catalog-body footer b.inactive{background:#f4e4e4;color:#a14646}.product-editor-hero{padding-block:24px}.product-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(315px,.5fr);gap:15px}.product-editor-layout>aside{position:relative}.product-editor-layout .sticky-panel{top:18px}.product-editor-layout .full{grid-column:1/-1}
@media(max-width:1250px){.customer-master-grid{grid-template-columns:1fr 1fr}.catalog-master-grid{grid-template-columns:repeat(3,1fr)}.customer-command-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.customer-master-layout,.product-editor-layout{grid-template-columns:1fr}.catalog-master-grid{grid-template-columns:1fr 1fr}.product-editor-layout .sticky-panel{position:static}.inline-master-form{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.master-hero,.catalog-hero,.product-editor-hero,.customer-command-hero{display:block;padding:22px}.master-hero .btn,.catalog-hero .btn,.product-editor-hero .btn,.customer-command-hero .customer-actions{margin-top:14px}.master-toolbar{display:block}.master-toolbar form{display:grid;grid-template-columns:1fr auto}.master-toolbar>div{display:none}.customer-master-grid,.catalog-master-grid{grid-template-columns:1fr}.customer-command-kpis{grid-template-columns:1fr 1fr}.inline-master-form{grid-template-columns:1fr}.contact-cards article{grid-template-columns:auto 1fr}.contact-cards article>div:last-child{grid-column:2}.customer-command-hero .customer-avatar{margin-bottom:12px}}