/* GIGI ERP V61 final responsive and workflow layer */
:root{--system-safe-bottom:env(safe-area-inset-bottom,0px);--system-safe-top:env(safe-area-inset-top,0px);--system-readable:14px}
html{font-size:16px;scroll-behavior:smooth}body{overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #2a8ee6!important;outline-offset:3px!important}
.system-guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:22px;align-items:center;margin-bottom:18px;padding:26px 28px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#092940,#0d5360 56%,#167867);box-shadow:0 20px 45px rgba(8,43,61,.16)}
.system-guide-hero>div>span,.system-eyebrow,.system-profile-intro>span{display:block;color:#5de3cd;font-size:12px;font-weight:900;letter-spacing:.13em}
.system-guide-hero h2{margin:7px 0 6px;font-size:clamp(25px,3vw,38px);line-height:1.08}.system-guide-hero p{max-width:820px;margin:0;color:#d0e2e4;font-size:15px;line-height:1.55}
.system-next-switch{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;min-height:90px;padding:16px 18px;border:1px solid rgba(255,255,255,.28);border-radius:18px;color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.18);text-align:left}.system-next-switch:hover{background:rgba(255,255,255,.18)}
.system-next-switch small{grid-column:1;color:#9df5e8;font-size:11px;font-weight:900;letter-spacing:.12em}.system-next-switch strong{grid-column:1;font-size:17px}.system-next-switch b{grid-column:2;grid-row:1/3;font-size:30px}
.system-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.system-lifecycle-card,.system-lane-card,.system-record-card,.system-foundation{margin-bottom:16px}.system-lifecycle-card .card-title-row p{max-width:740px;margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.system-badge,.system-status{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;color:#0e6c5c;background:#e2f5ef;font-size:12px;font-weight:900;white-space:nowrap}.system-status.local{color:#8a5500;background:#fff2d7}
.system-lifecycle{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:start;margin-top:18px}
.system-phase-wrap{min-width:0}.system-phase-wrap>p{margin:9px 3px 0;color:var(--muted);font-size:13px;line-height:1.45}.system-flow-arrow{align-self:center;color:#229580;font-size:28px;font-weight:900}
.system-module{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:72px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--card);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.system-module.available:hover{transform:translateY(-2px);border-color:#68bfae;box-shadow:0 9px 20px rgba(13,92,80,.1)}.system-module>span{font-size:14px;font-weight:900}.system-module>small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.system-module>b{margin-top:8px;color:#16806f;font-size:11px}
.system-module.locked{cursor:not-allowed;opacity:.58;background:#f3f5f6}.system-module.locked>b{color:#7c888d}.system-phase{min-height:102px;border-top:5px solid #1b907b;background:linear-gradient(180deg,#fff,#f6fbf9)}
.system-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);gap:16px;align-items:start}.system-lanes{display:grid;gap:14px}
.system-lane{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.system-lane:first-child{border-top:0}.system-lane header strong,.system-lane header small{display:block}.system-lane header strong{font-size:15px}.system-lane header small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}
.system-lane>div{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;padding:3px}.system-lane>div>span{flex:0 0 auto;color:#4ea897;font-size:20px}.system-lane-node{flex:1 0 104px;min-height:78px;padding:10px}.system-lane-node>span{font-size:13px}.system-lane-node>small{font-size:11px}.system-lane-node>b{font-size:10px}
.system-record-card .card-title{margin-top:5px}.system-record-hub{margin-top:14px}.system-hub{display:grid;place-items:center;min-height:118px;margin:0 auto 15px;padding:16px;border:2px solid #207f70;border-radius:50%;width:190px;color:#fff;background:radial-gradient(circle at 35% 25%,#207b75,#0c354b);box-shadow:0 0 0 8px #e4f5f1,0 16px 30px rgba(10,56,67,.15);text-align:center}
.system-hub span,.system-hub strong,.system-hub small{display:block}.system-hub span{color:#78ecd8;font-size:10px;font-weight:900;letter-spacing:.12em}.system-hub strong{font-size:23px}.system-hub small{margin-top:3px;color:#d1e5e7;font-size:11px}.system-spokes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-spokes .system-module{min-height:78px}.system-rule{margin-top:12px}
.system-foundation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:16px 0}.system-foundation-flow>div{min-height:116px;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#f6f9fa)}
.system-foundation-flow b{display:grid;place-items:center;width:31px;height:31px;margin-bottom:9px;border-radius:9px;color:#fff;background:#126d63}.system-foundation-flow strong,.system-foundation-flow small{display:block}.system-foundation-flow strong{font-size:14px}.system-foundation-flow small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}.system-foundation-flow>span{color:#16806f;font-size:22px;font-weight:900}
.system-company-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.system-company-card h2{margin:5px 0 3px}.system-company-card p,.system-company-card small{display:block;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.system-profile-intro{margin-bottom:15px;padding:17px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#0d3349,#167868)}.system-profile-intro h2{margin:5px 0}.system-profile-intro p{margin:0;color:#d2e4e5;font-size:13px;line-height:1.5}
.system-guidance-bar{display:grid;grid-template-columns:auto 32px minmax(260px,1fr) auto;gap:13px;align-items:center;margin:-8px 0 20px;padding:12px 14px;border:1px solid #c9dfdc;border-radius:16px;background:linear-gradient(90deg,#f2fbf8,#fff);box-shadow:0 8px 20px rgba(16,83,77,.05)}
.system-guidance-bar>div>span,.system-guidance-bar>div>strong{display:block}.system-guidance-bar>div>span{color:#16806f;font-size:10px;font-weight:900;letter-spacing:.1em}.system-guidance-bar>div>strong{margin-top:3px;font-size:14px}.system-guidance-bar>i{width:28px;height:2px;background:#6eb9ac}.system-guidance-actions{display:flex!important;gap:7px}
.system-is-loading body::before{content:"";position:fixed;z-index:200;top:0;left:0;width:42%;height:4px;background:linear-gradient(90deg,#57e3cc,#d0ff49);animation:system-load .55s ease-in-out infinite alternate}@keyframes system-load{from{transform:translateX(-20%)}to{transform:translateX(190%)}}.system-table-wrap{max-width:100%;overflow-x:auto}
@media screen{.main-content p,.main-content small,.modal-body p,.modal-body small{font-size:max(13px,1em)!important;line-height:1.45}.main-content button,.modal button,.main-content input,.main-content select,.main-content textarea,.modal input,.modal select,.modal textarea{font-size:14px}.main-content table,.modal table{font-size:14px}.main-content th,.modal th{font-size:12px}.main-content .field label,.modal .field label{font-size:13px}.main-content .info-label{font-size:12px}.training-help-trigger{min-width:36px!important;min-height:36px!important}}
@media(max-width:1280px){.system-main-grid{grid-template-columns:1fr}.system-record-card{order:-1}.system-record-hub{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center}.system-hub{margin:0}.system-spokes{grid-template-columns:repeat(4,1fr)}.system-foundation-flow{grid-template-columns:1fr auto 1fr auto 1fr}.system-foundation-flow>span:nth-of-type(3),.system-foundation-flow>span:nth-of-type(4){display:none}}
@media(max-width:1000px){.system-summary{grid-template-columns:repeat(2,1fr)}.system-lifecycle{grid-template-columns:1fr 24px 1fr}.system-flow-arrow{transform:none}.system-phase-wrap:nth-of-type(3){grid-column:1}.system-phase-wrap:nth-of-type(4){grid-column:3}.system-phase-wrap:nth-of-type(5){grid-column:1}.system-lifecycle>.system-flow-arrow:nth-of-type(2),.system-lifecycle>.system-flow-arrow:nth-of-type(4){display:none}.system-spokes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--tap:52px}.main-content{padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(92px + var(--system-safe-bottom))!important}.system-guide-hero{grid-template-columns:1fr;padding:21px 18px;border-radius:19px}.system-next-switch{min-height:78px}.system-summary{grid-template-columns:1fr 1fr}.system-lifecycle{display:grid;grid-template-columns:1fr;gap:8px}.system-flow-arrow{transform:rotate(90deg);justify-self:center}.system-lifecycle>.system-flow-arrow:nth-of-type(2),.system-lifecycle>.system-flow-arrow:nth-of-type(4){display:block}.system-phase-wrap:nth-of-type(n){grid-column:auto}.system-phase{min-height:86px}.system-lane{grid-template-columns:1fr}.system-lane>div{padding-bottom:8px}.system-lane-node{flex-basis:132px}.system-record-hub{display:block}.system-hub{margin:0 auto 16px}.system-spokes{grid-template-columns:1fr 1fr}.system-foundation-flow{grid-template-columns:1fr}.system-foundation-flow>span{transform:rotate(90deg);justify-self:center}.system-foundation-flow>span:nth-of-type(3),.system-foundation-flow>span:nth-of-type(4){display:block}.system-company-card{align-items:flex-start;flex-direction:column}.system-guidance-bar{grid-template-columns:1fr}.system-guidance-bar>i{width:2px;height:20px;margin-left:8px}.system-guidance-actions{width:100%}.system-guidance-actions .btn{flex:1}.page-title{font-size:clamp(25px,8vw,31px)}.page-subtitle{font-size:15px;line-height:1.5}.card{padding:16px}.summary-card{min-height:116px;padding:15px}.summary-value{font-size:26px}.btn{min-height:50px}.btn.small{min-height:44px}.topbar .icon-btn{min-width:46px;width:46px;height:46px}.sidebar{width:min(90vw,340px)}.mobile-nav{padding-bottom:var(--system-safe-bottom)}.modal-backdrop{padding:8px}.modal{max-height:96vh;border-radius:17px}.modal-body{padding:16px}.modal-foot{padding:12px}.modal-foot .btn{flex:1 1 140px}}
@media(max-width:520px){.brand-title{font-size:15px}.logo{width:38px;height:38px;border-radius:11px;font-size:14px}.brand-wrap{gap:7px}.top-actions{gap:5px}.role-picker{display:none!important}.system-summary{grid-template-columns:1fr}.system-spokes{grid-template-columns:1fr}.system-guide-hero h2{font-size:25px}.system-lane>div{display:grid;grid-template-columns:1fr}.system-lane>div>span{transform:rotate(90deg);justify-self:center}.system-lane-node{min-height:68px}.card-title-row{align-items:flex-start;flex-direction:column}.card-title-row>.btn{width:100%}.form-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}}
@media(hover:none),(pointer:coarse){.training-help-trigger{min-width:44px!important;min-height:44px!important}.btn,.nav-item,.filter-chip,.tab,.choice-btn,.icon-btn,.system-module{min-height:48px}.btn:hover,.summary-card:hover,.system-module.available:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.system-guide-hero,.system-next-switch,.system-hub,.system-profile-intro{border:2px solid CanvasText;background:Canvas;color:CanvasText}.system-guide-hero p,.system-next-switch small,.system-hub small,.system-profile-intro p{color:CanvasText}}
@media print{.system-guidance-bar,.system-is-loading body::before{display:none!important}}