:root{
  --red:#e30613;--red-dark:#bb0710;--red-soft:#fff0f1;--ink:#071126;--text:#172033;--muted:#68748a;
  --line:#e3e9f1;--line-strong:#d5dde8;--bg:#f6f8fb;--card:#fff;--green:#159447;--green-soft:#e9f8ef;
  --blue:#2563eb;--blue-soft:#edf4ff;--orange:#e98a0b;--orange-soft:#fff4df;--purple:#7c3aed;--purple-soft:#f3edff;
  --cyan:#0891b2;--cyan-soft:#e8f9fc;--danger:#d92d20;--shadow:0 20px 52px rgba(15,23,42,.075);
  --shadow-sm:0 10px 28px rgba(15,23,42,.055);--radius:22px;--radius-sm:14px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff 0,#f8fafc 56%,#f3f6fa 100%);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body::selection{background:#ffd8dc;color:#7f0710}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.akfa-svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.akfa-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* Header */
.app-header{height:76px;display:grid;grid-template-columns:240px minmax(0,1fr) 300px;align-items:center;gap:18px;padding:0 32px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:178px}.brand small{display:none}.top-nav{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0}.top-nav a{height:48px;padding:0 14px;border-radius:14px;display:flex;align-items:center;gap:8px;color:#2d374b;font-weight:800;white-space:nowrap;transition:.18s}.top-nav a .akfa-icon{width:19px;height:19px;color:#64748b}.top-nav a:hover{background:#f7f9fc}.top-nav a.active{color:var(--red);background:var(--red-soft)}.top-nav a.active .akfa-icon{color:var(--red)}.user-zone{display:flex;justify-content:flex-end;align-items:center;gap:12px}.notif{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:#fff;position:relative}.notif b{position:absolute;right:-3px;top:-4px;background:var(--red);color:#fff;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.user-card-mini{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:190px}.avatar,.photo{display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ffeef0,#e9f0fb);color:var(--red);font-weight:950}.avatar{width:42px;height:42px}.avatar.big{width:72px;height:72px}.user-card-mini .avatar{grid-row:1/span 2}.user-card-mini strong{font-size:14px;line-height:1.1}.user-card-mini small{font-size:12px;color:var(--muted);line-height:1.2;margin-top:3px}.mobile-nav{display:none}

/* Page and common cards */
.page{width:min(1840px,100%);margin:0 auto;padding:24px 32px 28px}.page.compact{max-width:1460px}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;min-width:0}.card.flat{box-shadow:none}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.card-head h1,.card-head h2,.card-head h3{margin:0}.card-head h2{font-size:19px;letter-spacing:-.02em}.card-head a{font-weight:850;color:var(--red)}.card p{color:#536177;line-height:1.55}.eyebrow{text-transform:uppercase;color:var(--red);font-weight:950;letter-spacing:.13em;font-size:12px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.page-title h1{margin:0;font-size:36px;letter-spacing:-.045em}.page-title p{margin:6px 0 0;color:var(--muted)}.page-hero{min-height:145px;border:1px solid var(--line);border-radius:var(--radius);padding:30px 36px;margin-bottom:20px;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 55%,rgba(255,255,255,.4)),url('../img/akfa-hero.jpg') right center/cover;box-shadow:var(--shadow-sm)}.page-hero h1{margin:0 0 8px;font-size:38px;letter-spacing:-.05em}.page-hero p{margin:0;color:var(--muted);font-size:17px;max-width:720px}.page-hero .hero-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.grid-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:1/-1}

/* Buttons, inputs, badges */
.btn{min-height:44px;padding:0 17px;border:1px solid var(--line);border-radius:13px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn.primary{border:0;color:#fff;background:linear-gradient(180deg,#ff3038,#e30613);box-shadow:0 14px 28px rgba(227,6,19,.2)}.btn.secondary{border-color:#ffb9bd;color:var(--red);background:#fff}.btn.soft-red{background:var(--red-soft);color:var(--red);border-color:transparent}.btn.soft-blue{background:var(--blue-soft);color:var(--blue);border-color:transparent}.btn.soft-green{background:var(--green-soft);color:var(--green);border-color:transparent}.btn.ghost{background:#fff}.btn.tiny{min-height:34px;padding:0 12px;border-radius:10px;font-size:12px}.btn.block{width:100%}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;font-size:12px;line-height:1;font-weight:900}.badge.red{background:#ffe8ea;color:var(--red)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.orange{background:var(--orange-soft);color:#a65d00}.badge.purple{background:var(--purple-soft);color:var(--purple)}.badge.gray{background:#eef2f6;color:#536177}.badge.urgent{background:#fee2e2;color:#b42318}.alert{padding:14px 16px;border-radius:14px;margin:12px 0;font-weight:750}.alert.green{background:var(--green-soft);color:#0f7135}.alert.red{background:#fff0f1;color:var(--red)}.alert.blue{background:var(--blue-soft);color:#194ba7}.alert.orange{background:var(--orange-soft);color:#965900}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:1/-1}.form-grid label,.field{display:grid;gap:7px;font-weight:800;color:#2d374b}.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea,.search-input{width:100%;border:1px solid var(--line-strong);background:#fff;border-radius:13px;padding:12px 13px;outline:0;transition:.15s}.form-grid textarea,.field textarea{min-height:110px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#ff999f;box-shadow:0 0 0 4px #fff0f1}.field-hint{font-size:12px;color:var(--muted)}.checkbox-row{display:flex;align-items:flex-start;gap:9px}.checkbox-row input{margin-top:3px}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{border:1px solid var(--line);border-radius:10px;padding:9px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}.table-wrap th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#738095}.table-wrap tr:hover td{background:#fbfcfe}

/* Dashboard */
.hero-dashboard{min-height:260px;border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(6,15,33,.65) 0%,rgba(6,15,33,.35) 42%,rgba(6,15,33,.05) 76%),url('../img/akfa-hero.jpg') center/cover;box-shadow:var(--shadow);padding:34px 38px;display:flex;align-items:center;color:#fff;margin-bottom:18px}.hero-copy{max-width:660px;position:relative;z-index:1}.hero-copy h1{margin:0 0 10px;font-size:46px;line-height:1.02;letter-spacing:-.055em}.hero-copy h1 span{font-size:56px}.hero-copy p{margin:0 0 18px;font-size:19px;color:#fff}.hero-meta{display:flex;gap:10px;flex-wrap:wrap}.hero-date,.notice-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.92);color:#162033;font-weight:850}.notice-pill{margin-top:12px;max-width:520px}.hero-date .akfa-icon,.notice-pill .akfa-icon{color:var(--red)}.shift-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shift-summary>div{padding-right:12px;border-right:1px solid var(--line)}.shift-summary>div:last-child{border:0}.shift-summary span,.line-info span{display:block;font-size:12px;color:var(--muted)}.shift-summary strong{display:block;margin-top:5px;font-size:22px}.line-info{display:flex;align-items:center;gap:14px}.icon-box{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--red-soft);color:var(--red)}.icon-box .akfa-icon{width:27px;height:27px}.icon-box.green{background:var(--green-soft);color:var(--green)}.icon-box.blue{background:var(--blue-soft);color:var(--blue)}.icon-box.orange{background:var(--orange-soft);color:var(--orange)}.icon-box.purple{background:var(--purple-soft);color:var(--purple)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-tile{border:1px solid var(--line);border-radius:15px;padding:14px 8px;text-align:center;background:#fff;display:grid;place-items:center;gap:8px;font-weight:850}.quick-tile .akfa-icon{width:25px;height:25px;color:var(--red)}.quick-tile:hover{border-color:#ffb9bd;box-shadow:var(--shadow-sm)}.big-number{font-size:30px;font-weight:950;letter-spacing:-.045em}.pay-line{display:flex;justify-content:space-between;gap:12px;padding-top:12px;margin:12px 0;border-top:1px solid var(--line)}.news-list{display:grid;gap:12px}.news-list>div{display:grid;grid-template-columns:8px 1fr;gap:10px}.dot{width:7px;height:7px;border-radius:999px;margin-top:8px}.dot.red{background:var(--red)}.news-list small{display:block;color:var(--muted);margin-top:4px}.progress-card{display:flex;gap:18px;align-items:center}.ring{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) calc(var(--p)*1%),#edf1f5 0);font-weight:950;font-size:21px;position:relative}.ring::after{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.ring>*{position:relative;z-index:1}.ring.green{background:conic-gradient(var(--green) calc(var(--p)*1%),#edf1f5 0)}.progress-list{list-style:none;margin:12px 0 0;padding:0}.progress-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef2f6}.id-card{display:grid;grid-template-columns:88px 1fr 118px;gap:18px;align-items:center}.photo{width:88px;height:88px;font-size:36px}.id-card img{width:110px;border:1px solid var(--line);border-radius:13px}.hr-box{display:flex;gap:15px}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.stats-strip>div{padding:18px 20px;text-align:center;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip b{display:block;color:var(--red);font-size:28px}.stats-strip span{color:var(--muted)}

/* Services and assistant */
.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.service-layout.second{grid-template-columns:1.2fr .8fr;margin-top:18px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.service-tile{border:1px solid var(--line);border-radius:18px;background:#fff;min-height:160px;padding:18px;display:grid;grid-template-rows:auto auto 1fr;gap:8px;position:relative;transition:.18s}.service-tile:hover,.service-tile.active{border-color:#ffb8bd;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.service-tile>i{position:absolute;right:14px;top:16px;color:#9aa6b8}.svc-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--red-soft);color:var(--red)}.svc-icon .akfa-icon{width:28px;height:28px}.svc-icon.green{background:var(--green-soft);color:var(--green)}.svc-icon.purple{background:var(--purple-soft);color:var(--purple)}.svc-icon.blue{background:var(--blue-soft);color:var(--blue)}.svc-icon.orange{background:var(--orange-soft);color:var(--orange)}.svc-icon.cyan{background:var(--cyan-soft);color:var(--cyan)}.svc-icon.yellow{background:#fff6dc;color:#b77900}.service-tile strong{font-size:15px}.service-tile span{color:var(--muted);font-size:13px;line-height:1.45}.assistant-panel,.assistant-side{display:grid;gap:18px;align-content:start}.chat-box,.chat-window{display:flex;flex-direction:column;gap:10px;min-height:240px;max-height:420px;overflow:auto;padding:14px;background:#f7f9fc;border:1px solid var(--line);border-radius:16px}.bot-msg,.user-msg{max-width:88%;padding:12px 14px;border-radius:15px;line-height:1.45}.bot-msg{background:#fff;border:1px solid var(--line);align-self:flex-start}.user-msg{background:var(--blue-soft);align-self:flex-end}.chat-box button,.suggestion-row button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 12px;text-align:left;font-weight:750;color:#3c4960}.chat-form{display:grid;grid-template-columns:1fr 48px;gap:8px;margin-top:10px}.chat-form input{border:1px solid var(--line);border-radius:12px;padding:11px}.chat-form button{border:0;background:var(--red);color:#fff;border-radius:12px;display:grid;place-items:center}.telegram-card{background:linear-gradient(135deg,#f7fbff,#fff)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.soft-card{border-radius:16px;padding:18px;background:#f6f8fb}.soft-card b{display:block;font-size:30px}.soft-card.green{background:var(--green-soft);color:var(--green)}.soft-card.orange{background:var(--orange-soft);color:#9f6100}.soft-card.blue{background:var(--blue-soft);color:var(--blue)}

/* Requests */
.requests-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.request-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:12px}.summary-card .akfa-icon{width:28px;height:28px}.summary-card b{font-size:25px}.request-list{display:grid;gap:10px}.request-row{border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px;display:grid;grid-template-columns:130px minmax(180px,1fr) 170px 140px 28px;gap:14px;align-items:center}.request-row:hover{box-shadow:var(--shadow-sm)}.request-row small{color:var(--muted)}.request-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.request-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.meta-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfcfe}.meta-card span{display:block;color:var(--muted);font-size:12px}.meta-card strong{display:block;margin-top:5px}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:30px 1fr;gap:12px;position:relative;padding-bottom:18px}.timeline-item::before{content:"";position:absolute;left:14px;top:28px;bottom:0;width:2px;background:#e6ebf2}.timeline-item:last-child::before{display:none}.timeline-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red);border:1px solid #ffc4c7}.timeline-content{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.timeline-content small{color:var(--muted)}.comment-list{display:grid;gap:10px}.comment{border:1px solid var(--line);border-radius:15px;padding:13px;background:#fff}.comment.admin{border-left:4px solid var(--red)}.comment.manager{border-left:4px solid var(--purple)}.comment-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.comment-head small{color:var(--muted)}.attachment{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-top:8px;color:var(--blue);font-weight:750}.sla-meter{height:10px;background:#edf1f5;border-radius:99px;overflow:hidden}.sla-meter span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),#5bc47e)}.sla-meter.overdue span{background:linear-gradient(90deg,var(--red),#ff6a70)}

/* Attendance, training, tests, profile */
.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}.kpi span{color:var(--muted)}.kpi b{display:block;font-size:28px;margin-top:6px}.progress-line{height:8px;background:#edf1f5;border-radius:99px;overflow:hidden;margin:12px 0}.progress-line span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--red),#ff5c63)}.course-grid,.test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.course-card,.test-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;display:grid;gap:10px}.course-card .icon-box,.test-card .icon-box{width:48px;height:48px}.course-card strong,.test-card strong{font-size:16px}.test-runner{max-width:960px;margin:auto}.test-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.test-timer{font-size:20px;font-weight:950;color:var(--red)}.question{padding:20px 0;border-top:1px solid var(--line)}.question:first-of-type{border-top:0}.question h3{margin:0 0 12px}.question label{display:flex;gap:10px;align-items:flex-start;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.question label:has(input:checked){border-color:#ff9aa0;background:var(--red-soft)}.success-panel{text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:52px;box-shadow:var(--shadow)}.checkmark{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:var(--green);color:#fff}.checkmark .akfa-icon{width:58px;height:58px}.profile-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.profile-head{display:grid;grid-template-columns:120px 1fr 120px;gap:18px;align-items:center}.photo.large{width:120px;height:120px;font-size:48px}.profile-head img{width:118px;border:1px solid var(--line);border-radius:14px}.achievement-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.achievement-row>div{border:1px solid var(--line);border-radius:15px;padding:14px;text-align:center}.skill-list{list-style:none;margin:0;padding:0}.skill-list li{display:grid;grid-template-columns:1fr 140px 55px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.skill-bar{height:7px;background:#edf1f5;border-radius:99px}.skill-bar i{display:block;height:100%;background:var(--green);border-radius:99px}.career-path{display:grid;gap:12px}.career-path p{border-left:3px solid var(--red);padding-left:13px;margin:0}

/* Kiosk */
.kiosk-body{overflow:hidden;background:#fff}.kiosk-screen{height:100vh;display:grid;grid-template-columns:420px minmax(0,1fr)}.kiosk-left{padding:30px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7f9fc)}.kiosk-left img{width:220px}.kiosk-left h1{font-size:32px;line-height:1.1}.kiosk-left h1 span{color:var(--red)}.scan-box{margin:18px 0;border-radius:22px;padding:20px;background:#071126;color:#fff}.scan-target{height:168px;border:2px solid var(--red);border-radius:16px;display:grid;place-items:center;position:relative;overflow:hidden}.scan-target video{width:100%;height:100%;object-fit:cover}.scan-placeholder{text-align:center}.scan-placeholder .akfa-icon{width:56px;height:56px}.kiosk-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kiosk-keypad button{height:50px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:20px;font-weight:900}.kiosk-keypad button.red{background:var(--red);color:#fff;border:0}.kiosk-main{display:grid;grid-template-rows:108px minmax(0,1fr)}.kiosk-top{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 160px;gap:14px;align-items:center;padding:0 34px;border-bottom:1px solid var(--line)}.kiosk-step{display:flex;align-items:center;gap:12px}.kiosk-step b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:20px}.kiosk-time{text-align:right;font-size:24px;font-weight:900}.kiosk-hero{padding:26px 34px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 72%,rgba(255,255,255,.5)),url('../img/akfa-hero.jpg') right/cover}.kiosk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kiosk-tile{min-height:130px;border:1px solid var(--line);border-radius:20px;padding:20px;background:rgba(255,255,255,.95);display:grid;grid-template-columns:68px 1fr 24px;gap:14px;align-items:center}.kiosk-tile .akfa-icon{width:48px;height:48px;color:var(--red)}.kiosk-tile strong{font-size:22px}.kiosk-tile span{color:var(--muted)}.kiosk-bottom-row{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:16px}.qr-continue{background:#071126;color:#fff;border-radius:20px;padding:20px;display:grid;grid-template-columns:1fr 120px;gap:12px}.qr-continue img{width:120px;background:#fff;border-radius:12px}

/* Login/install */
.install-body,.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff 0%,#f5f8fc 62%,#fff0f1 100%)}.install-card,.login-card{width:min(500px,92vw);background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.install-card img,.login-card img{width:210px;margin-bottom:18px}.install-card h1,.login-card h1{font-size:32px;letter-spacing:-.04em}.install-card form,.login-card form{display:grid;gap:13px}.install-card label,.login-card label{display:grid;gap:7px;font-weight:800}.install-card input,.login-card input{border:1px solid var(--line-strong);border-radius:13px;padding:13px}.install-card button{border:0;border-radius:13px;background:var(--red);color:#fff;min-height:48px;font-weight:900}.login-layout{width:min(1180px,96vw);display:grid;grid-template-columns:1fr 480px;gap:38px;padding:36px}.login-hero{padding:34px}.login-hero img{width:230px}.login-hero h1{font-size:54px;letter-spacing:-.06em}.login-steps{display:flex;gap:10px;flex-wrap:wrap}.login-steps span{padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:850}

/* Admin */
.admin-body{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#f6f8fb}.admin-sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column}.admin-brand{display:grid;gap:5px;padding:6px 8px 20px}.admin-brand img{width:174px}.admin-brand span{font-size:12px;color:var(--muted);font-weight:800}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav>a{height:46px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#405067;font-weight:800}.admin-sidebar nav>a .akfa-icon{width:19px;height:19px}.admin-sidebar nav>a:hover{background:#f7f9fc}.admin-sidebar nav>a.active{background:var(--red-soft);color:var(--red)}.support-box{margin-top:auto;border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;gap:5px}.support-box .akfa-icon{color:var(--red)}.admin-main{padding:24px 28px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.admin-top h1{margin:0;font-size:31px;letter-spacing:-.04em}.admin-top p{margin:5px 0 0;color:var(--muted)}.admin-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-kpi{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;box-shadow:var(--shadow-sm)}.admin-kpi .icon-box{width:46px;height:46px}.admin-kpi b{display:block;font-size:32px;margin-top:10px}.admin-kpi span,.admin-kpi small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-filterbar .search-input{max-width:320px}.employee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.employee-mini{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.employee-mini .avatar{grid-row:1/span 2}.employee-mini small{color:var(--muted)}.bar-list{display:grid;gap:12px}.bar-list div{display:grid;gap:6px}.bar-list span{display:flex;justify-content:space-between}.bar-list i{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--red),#ff8c92);min-width:3%}.funnel div{height:34px;border-radius:99px;margin:9px 0;padding:8px 12px;background:linear-gradient(90deg,#eaf2ff,#fff1f1);width:var(--w)}

/* Footer */
.app-footer{width:min(1840px,calc(100% - 64px));margin:0 auto 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.app-footer>div{min-height:76px;padding:14px 20px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;border-right:1px solid var(--line)}.app-footer>div:last-child{border:0}.app-footer .akfa-icon{grid-row:1/span 2;color:var(--red);width:27px;height:27px}.app-footer span{color:var(--muted);font-size:12px}.app-footer strong{font-size:15px}.app-footer .footer-brand{display:flex;align-items:center;justify-content:center;font-weight:850;color:var(--muted)}

/* Responsive */
@media(max-width:1400px){.app-header{grid-template-columns:210px minmax(0,1fr) 250px;padding:0 20px}.brand img{width:160px}.top-nav a{padding:0 10px;font-size:13px}.page{padding:20px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){body{padding-bottom:74px}.app-header{height:68px;grid-template-columns:1fr auto;padding:0 16px}.top-nav{display:none}.user-card-mini{display:none}.user-zone{grid-column:2}.mobile-nav{position:fixed;left:12px;right:12px;bottom:10px;height:64px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:1200;box-shadow:0 16px 45px rgba(15,23,42,.14);display:grid;grid-template-columns:repeat(5,1fr);padding:5px}.mobile-nav a{display:grid;place-items:center;gap:2px;color:#64748b;font-size:10px;font-weight:800;border-radius:15px}.mobile-nav a .akfa-icon{width:21px;height:21px}.mobile-nav a.active{background:var(--red-soft);color:var(--red)}.page{padding:16px}.grid-layout,.dashboard-grid,.profile-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-12{grid-column:span 2}.service-layout,.service-layout.second,.requests-layout,.request-detail-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-grid,.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{display:none}.admin-body{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-main{padding:18px}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-screen{grid-template-columns:1fr}.kiosk-left{display:none}.request-row{grid-template-columns:120px minmax(160px,1fr) 150px 28px}.request-row .request-owner{display:none}.request-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){body{font-size:14px}.brand img{width:150px}.page{padding:12px}.hero-dashboard{min-height:290px;padding:24px;background-position:60% center}.hero-copy h1{font-size:34px}.hero-copy h1 span{font-size:40px}.hero-copy p{font-size:16px}.grid-layout,.dashboard-grid,.profile-grid,.admin-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-12{grid-column:span 1}.page-hero{padding:24px 20px}.page-hero h1{font-size:30px}.shift-summary{grid-template-columns:repeat(3,1fr)}.shift-summary strong{font-size:17px}.quick-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile{min-height:145px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.status-grid,.request-summary{grid-template-columns:1fr 1fr}.request-row{grid-template-columns:1fr auto;gap:8px}.request-row>*:nth-child(3),.request-row>*:nth-child(4){grid-column:1}.request-meta-grid{grid-template-columns:1fr 1fr}.course-grid,.test-grid{grid-template-columns:1fr}.profile-head{grid-template-columns:1fr;text-align:center}.photo.large{margin:auto}.profile-head img{margin:auto}.achievement-row{grid-template-columns:1fr 1fr}.skill-list li{grid-template-columns:1fr 90px 40px}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div:nth-child(2){border-right:0}.id-card{grid-template-columns:72px 1fr}.id-card img{display:none}.app-header{height:62px}.admin-kpis{grid-template-columns:1fr 1fr}.employee-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;padding:14px}.login-hero{display:none}.kiosk-main{grid-template-rows:90px 1fr}.kiosk-top{grid-template-columns:1fr 1fr;padding:0 16px}.kiosk-top>*:not(:first-child):not(.kiosk-time){display:none}.kiosk-hero{padding:18px}.kiosk-grid{grid-template-columns:1fr 1fr}.kiosk-tile{grid-template-columns:48px 1fr;min-height:110px}.kiosk-tile>i{display:none}.kiosk-tile strong{font-size:17px}.kiosk-bottom-row{grid-template-columns:1fr}.request-detail-grid{display:block}.request-detail-grid>*{margin-bottom:14px}}

/* v3 supporting components */
.assistant-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.assistant-chat-card{min-height:600px;display:grid;grid-template-rows:auto minmax(300px,1fr) auto auto auto}.suggestion-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.clean-list{display:grid;gap:10px}.clean-list p{margin:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.notify-list{display:grid;gap:10px}.notify-item{display:block;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.notify-item.unread{border-color:#ffabb0;background:#fff8f8}.notify-item p{margin:0}.horizontal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.horizontal-cards>div{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;gap:6px}.horizontal-cards span{color:var(--muted);font-size:13px}.horizontal-cards a{color:var(--red);font-weight:850}.calendar-card{overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-grid>span{min-height:76px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;align-content:start;gap:7px;background:#fff}.calendar-grid>span small{padding:5px 6px;border-radius:7px;font-size:10px;background:var(--green-soft);color:var(--green)}.calendar-grid>span.second small{background:var(--blue-soft);color:var(--blue)}.calendar-grid>span.off small{background:var(--red-soft);color:var(--red)}.qr-card img{width:190px;margin:14px auto;border:1px solid var(--line);border-radius:14px}.certificate{position:relative;min-height:650px;padding:65px;border:12px double #e7c65a;border-radius:16px;background:radial-gradient(circle at 50% 20%,#fffdf1,#fff 45%);text-align:center;box-shadow:var(--shadow);overflow:hidden}.certificate::before,.certificate::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(227,6,19,.1);border-radius:50%}.certificate::before{left:-130px;top:-130px}.certificate::after{right:-130px;bottom:-130px}.certificate img{width:220px;margin:0 auto 25px}.certificate h1{font-size:64px;letter-spacing:.14em;margin:12px 0;color:#8b6b10}.certificate h2{font-size:38px;margin:12px 0}.certificate p{font-size:18px;color:#536177}.certificate-meta{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin-top:34px}.certificate-seal{width:90px;height:90px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin:35px auto 0}.certificate-seal .akfa-icon{width:52px;height:52px}.toast-stack{position:fixed;right:18px;top:92px;z-index:5000;display:grid;gap:9px}.toast{min-width:260px;max-width:380px;padding:13px 16px;border-radius:13px;background:#101828;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#b42318}.soft-card.red{background:var(--red-soft);color:var(--red)}.soft-card.purple{background:var(--purple-soft);color:var(--purple)}.soft-card.gray{background:#eef2f6;color:#536177}.line-info .svc-icon{flex:0 0 auto}.assistant-action{display:inline-flex;margin-top:9px;color:var(--blue);font-weight:850}.assistant-action::after{content:" →"}.test-card>strong,.course-card>strong{font-size:17px}.test-card>small{color:var(--muted)}.question input{margin-top:3px}.pdf-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font-weight:950}.money-list,.legend{list-style:none;margin:0;padding:0}.money-list li,.legend li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.shift-big{font-size:32px;font-weight:950}.month-switch{border:1px solid var(--line);border-radius:12px;padding:10px 14px}.small-qr{width:150px;margin:auto}.recommend-list p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.recommend-list a{color:var(--red);font-weight:850}.mini-kpis{display:flex;gap:10px;flex-wrap:wrap}.mini-kpis span{border:1px solid var(--line);border-radius:12px;padding:9px 12px}.kiosk-like{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:18px}.id-panel{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}.id-panel>img{width:180px}.qr-frame{border:2px solid var(--red);border-radius:16px;padding:15px}.qr-frame img{width:150px;margin:auto}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.keypad button{height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:900}.two-col-page{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:18px}.side-menu{display:grid;align-content:start;gap:6px}.side-menu a{padding:12px;border-radius:12px;color:var(--muted);font-weight:800}.side-menu a.active{background:var(--red-soft);color:var(--red)}.side-col{display:grid;gap:18px;align-content:start}.sticky{position:sticky;top:96px}.content-area{min-width:0}.three-col{display:grid;grid-template-columns:270px minmax(0,1fr) 320px;gap:18px}.learning-content{min-width:0}.admin-kpi .icon-box.red{background:var(--red-soft);color:var(--red)}
@media(max-width:1100px){.assistant-workspace,.kiosk-like,.two-col-page,.three-col{grid-template-columns:1fr}.id-panel,.side-menu,.sticky{display:none}.horizontal-cards{grid-template-columns:1fr}.calendar-grid>span{min-height:65px}.certificate{padding:36px}.certificate h1{font-size:45px}}
@media(max-width:700px){.assistant-chat-card{min-height:auto}.chat-window{min-height:300px}.request-meta-grid{grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:repeat(4,1fr)}.certificate{padding:22px;border-width:6px}.certificate h1{font-size:34px}.certificate h2{font-size:28px}.certificate-meta{gap:10px}.toast-stack{left:12px;right:12px;top:75px}.toast{min-width:0;max-width:none}.horizontal-cards{grid-template-columns:1fr}}

/* ========================= v4 specialized modules ========================= */
.app-header{grid-template-columns:210px minmax(0,1fr) 280px}.top-nav{gap:2px}.top-nav a{padding:0 10px;font-size:13px}.top-nav a .akfa-icon{width:18px;height:18px}
.module-hero{min-height:172px}.module-hero::after{content:"";position:absolute;inset:0 0 0 auto;width:44%;pointer-events:none;opacity:.22;background:radial-gradient(circle at 70% 50%,var(--module-accent,#e30613),transparent 68%)}.canteen-hero{--module-accent:#f59e0b}.transport-hero{--module-accent:#2563eb}.training-hero{--module-accent:#7c3aed}.announcements-hero{--module-accent:#e30613}
.module-tabs{display:flex;gap:10px;overflow:auto;padding:2px 2px 14px;margin-bottom:4px}.module-tab{min-width:94px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;text-align:center;box-shadow:var(--shadow-sm);display:grid;gap:2px;color:var(--muted)}.module-tab b{font-size:24px;color:var(--ink)}.module-tab span{font-weight:900;text-transform:uppercase;font-size:11px}.module-tab small{font-size:11px}.module-tab.active{border-color:#ff9da4;background:var(--red-soft);color:var(--red)}.module-tab.active b{color:var(--red)}
.module-main-grid{align-items:start}.module-side-stack{display:grid;gap:18px;align-content:start}.rating-summary{display:grid;text-align:right}.rating-summary b{font-size:28px}.rating-summary span{color:var(--muted);font-size:12px}.dish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.dish-card{border:1px solid var(--line);border-radius:17px;padding:15px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;background:linear-gradient(180deg,#fff,#fbfcfe)}.dish-card.unavailable{opacity:.58}.dish-icon{width:52px;height:52px;border-radius:15px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center}.dish-icon .akfa-icon{width:27px;height:27px}.dish-card h3{margin:3px 0 4px;font-size:17px}.dish-card span,.dish-card p{font-size:12px;color:var(--muted);margin:0}.metric-list{display:grid}.metric-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.metric-list>div:last-child{border:0}.metric-list span{color:var(--muted)}.metric-list b{text-align:right}.review-thanks{display:flex;align-items:center;gap:18px;padding:18px;border-radius:16px;background:var(--green-soft)}.review-score{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:24px;font-weight:950}.review-thanks h3,.review-thanks p{margin:0}.compact-reviews{display:grid;gap:12px}.compact-reviews>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding-bottom:11px;border-bottom:1px solid var(--line)}.compact-reviews>div:last-child{border:0}.compact-reviews p{margin:3px 0 0;font-size:13px}.avatar.small{width:34px;height:34px;font-size:12px}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;gap:9px}.empty-state h2,.empty-state p{margin:0}
.route-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.route-chip{display:grid;grid-template-columns:12px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff;box-shadow:var(--shadow-sm)}.route-chip .route-status-dot{grid-row:1/span 2;align-self:center}.route-chip small{color:var(--muted)}.route-chip.active{border-color:#a7c0ff;background:var(--blue-soft)}.route-status-dot{width:10px;height:10px;border-radius:50%}.route-status-dot.ok{background:var(--green)}.route-status-dot.delay{background:var(--orange)}.route-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.route-overview>div{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:28px 1fr;gap:3px 9px}.route-overview .akfa-icon{grid-row:1/span 2;color:var(--blue)}.route-overview span{color:var(--muted);font-size:12px}.route-timeline{display:flex;gap:0;overflow:auto;padding:18px 4px}.route-stop{min-width:170px;display:flex;align-items:center;gap:10px;position:relative}.route-stop:not(:last-child)::after{content:"";height:2px;background:#dbe5f4;position:absolute;left:43px;right:-10px;top:18px;z-index:0}.stop-marker{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:950;z-index:1}.route-stop b,.route-stop small{display:block}.route-stop small{color:var(--muted);margin-top:3px}.return-times{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:13px;border-radius:14px;background:#f7f9fc}.return-times span{color:var(--muted)}.return-times b{padding:7px 11px;border-radius:9px;background:#fff;border:1px solid var(--line)}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-pills a{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:850}.filter-pills a b{min-width:23px;height:23px;border-radius:99px;background:#eef2f6;display:grid;place-items:center;font-size:11px}.filter-pills a.active{background:var(--red);border-color:var(--red);color:#fff}.filter-pills a.active b{background:rgba(255,255,255,.2)}.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.announcement-card{position:relative;overflow:hidden}.announcement-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#94a3b8}.announcement-card.training::before{background:var(--purple)}.announcement-card.teambuilding::before{background:var(--green)}.announcement-card.event::before{background:var(--blue)}.announcement-top,.announcement-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.announcement-kind{display:flex;align-items:center;gap:8px;color:var(--red);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.announcement-kind .akfa-icon{width:19px;height:19px}.announcement-card h2{font-size:23px;margin:14px 0 8px}.announcement-top time{color:var(--muted);font-size:12px}.event-meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.event-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#f7f9fc;font-size:12px;font-weight:800}.event-meta .akfa-icon{width:16px;height:16px;color:var(--red)}.rsvp-summary{display:flex;gap:14px;margin:14px 0;color:var(--muted);font-size:12px}.rsvp-summary span{display:flex;gap:6px;align-items:center}.rsvp-actions{display:flex;gap:8px;flex-wrap:wrap}
.learning-kpis{margin-bottom:18px}.enrolled-course-list{display:grid;gap:12px}.enrolled-course{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.enrolled-course h3,.enrolled-course p{margin:2px 0}.enrolled-course span,.enrolled-course small{color:var(--muted);font-size:12px}.enrolled-course>b{color:var(--red)}.course-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{display:grid;align-content:start;gap:10px}.course-card p{margin:0;font-size:13px}.course-top{display:flex;justify-content:space-between;align-items:start}.course-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.course-meta span{display:flex;align-items:center;gap:4px}.course-meta .akfa-icon{width:15px;height:15px}.compact-search{max-width:330px}.session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.session-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}.session-date{width:58px;height:66px;border-radius:14px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;align-content:center}.session-date b{font-size:24px}.session-date span{text-transform:uppercase;font-size:11px;font-weight:900}.session-card h3,.session-card p{margin:3px 0}.session-card>div>span,.session-card small{font-size:12px;color:var(--muted)}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);margin-bottom:14px}.breadcrumb a{color:var(--red);font-weight:850}.course-hero{display:grid;grid-template-columns:90px minmax(0,1fr) 220px;gap:20px;align-items:center;margin-bottom:18px}.course-hero-icon{width:88px;height:88px;border-radius:24px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.course-hero-icon .akfa-icon{width:46px;height:46px}.course-hero h1{font-size:36px;margin:5px 0}.course-hero p{margin:0}.course-progress-box{text-align:center;border-left:1px solid var(--line);padding-left:20px}.course-progress-box>b{font-size:38px}.course-progress-box>span{display:block;color:var(--muted)}.lesson-list{display:grid}.lesson-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.lesson-number{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;font-weight:950}.lesson-row.done .lesson-number{background:var(--green-soft);color:var(--green)}.lesson-row h3,.lesson-row span{margin:0}.lesson-row span{font-size:12px;color:var(--muted)}.lesson-actions{display:flex;gap:8px}.course-complete-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--green-soft),#fff)}.course-complete-banner>div{display:flex;gap:16px;align-items:center}.course-complete-banner .akfa-icon{width:54px;height:54px;color:var(--green)}
.chat-page{max-width:1840px}.chat-layout{display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:16px;min-height:680px}.chat-sidebar,.chat-directory,.chat-conversation{padding:16px;min-height:0}.chat-group-list,.employee-directory{display:grid;gap:7px;overflow:auto;max-height:610px}.chat-group-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:14px}.chat-group-item:hover,.chat-group-item.active{background:var(--red-soft)}.chat-group-item small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-group-item em{font-style:normal;min-width:22px;height:22px;border-radius:99px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:11px}.chat-avatar{width:44px;height:44px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:950}.chat-avatar.department{background:var(--green-soft);color:var(--green)}.chat-avatar.company{background:var(--red-soft);color:var(--red)}.chat-avatar.leadership{background:var(--purple-soft);color:var(--purple)}.chat-conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.chat-header>div{display:flex;gap:10px;align-items:center}.chat-header h2{margin:0}.chat-header small{color:var(--muted)}.chat-messages{overflow:auto;padding:18px 8px;display:grid;align-content:start;gap:12px}.chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;max-width:78%}.chat-message>div{background:#f2f5f9;border-radius:4px 16px 16px 16px;padding:10px 12px}.chat-message b{font-size:12px}.chat-message p{margin:4px 0;color:var(--text);white-space:normal}.chat-message time{font-size:10px;color:var(--muted)}.chat-message.mine{justify-self:end;grid-template-columns:minmax(0,1fr) 34px}.chat-message.mine .avatar{grid-column:2}.chat-message.mine>div{grid-column:1;grid-row:1;background:var(--blue-soft);border-radius:16px 4px 16px 16px}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.chat-compose textarea{resize:none;border:1px solid var(--line-strong);border-radius:14px;padding:12px;max-height:120px}.directory-person{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.directory-person small{display:block;color:var(--muted);margin-top:2px}.icon-action{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center}.icon-action .akfa-icon{width:18px;height:18px}.chat-members-panel{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.chat-members-panel p{display:flex;gap:8px;align-items:center}.chat-members-panel small{display:block;color:var(--muted)}.modal-sheet{position:fixed;inset:0;background:rgba(7,17,38,.55);z-index:3000;display:grid;place-items:center;padding:20px}.modal-sheet[hidden]{display:none}.modal-sheet-card{width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.member-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto}.member-picker label{display:grid;grid-template-columns:auto 34px minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.member-picker small{display:block;color:var(--muted)}

@media(max-width:1500px){.app-header{grid-template-columns:185px minmax(0,1fr) 230px;padding:0 18px}.brand img{width:155px}.top-nav a{padding:0 7px;font-size:12px}.user-card-mini{min-width:160px}.course-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{grid-template-columns:270px minmax(0,1fr) 300px}}
@media(max-width:1100px){.announcement-grid,.dish-grid,.route-selector,.session-grid{grid-template-columns:1fr}.route-overview{grid-template-columns:repeat(2,1fr)}.course-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.course-hero{grid-template-columns:70px minmax(0,1fr)}.course-progress-box{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.chat-layout{grid-template-columns:250px minmax(0,1fr)}.chat-directory{display:none}}
@media(max-width:700px){.dish-grid,.course-catalog,.session-grid,.announcement-grid{grid-template-columns:1fr}.dish-card{grid-template-columns:46px minmax(0,1fr)}.dish-card>.badge{grid-column:2}.route-overview{grid-template-columns:1fr 1fr}.route-selector{display:flex;overflow:auto}.route-chip{min-width:250px}.course-hero{grid-template-columns:1fr;text-align:left}.course-hero-icon{width:64px;height:64px}.course-hero h1{font-size:28px}.lesson-row{grid-template-columns:38px minmax(0,1fr)}.lesson-actions{grid-column:2}.course-complete-banner{display:grid;gap:12px}.chat-layout{grid-template-columns:1fr}.chat-sidebar{max-height:240px}.chat-group-list{max-height:170px}.chat-conversation{min-height:560px}.member-picker{grid-template-columns:1fr}.rsvp-actions .btn{flex:1}.module-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}

/* v4.1 — specialized employee modules */
.module-hero.documents-hero{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 56%,rgba(235,243,255,.64)),url('../img/akfa-hero.jpg') right center/cover}.module-hero.uniform-hero{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 58%,rgba(230,250,252,.7)),url('../img/akfa-hero.jpg') right center/cover}.module-hero.it-hero{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 55%,rgba(234,241,255,.66)),url('../img/akfa-hero.jpg') right center/cover}.module-hero.hr-hero{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 56%,rgba(247,237,255,.66)),url('../img/akfa-hero.jpg') right center/cover}.module-hero.safety-hero{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 55%,rgba(255,237,238,.7)),url('../img/akfa-hero.jpg') right center/cover}
.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.document-toolbar h2,.document-toolbar p{margin:0}.document-toolbar p{margin-top:5px}.document-toolbar .admin-filterbar{display:flex;gap:9px;min-width:min(540px,48vw)}.document-toolbar select{border:1px solid var(--line-strong);border-radius:13px;padding:12px;background:#fff}.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.document-card{display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:13px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff;transition:.18s}.document-card:hover{border-color:#ffb9bd;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.document-card h3,.document-card p{margin:3px 0}.document-card p{font-size:13px}.document-card small{color:var(--muted)}.document-card>.akfa-icon{color:var(--muted)}.document-view-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.document-paper{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 18px 55px rgba(15,23,42,.08);padding:56px 64px;min-height:760px}.document-paper>header{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:42px}.document-paper>header img{width:160px}.document-paper>header div{display:grid;text-align:right;color:var(--muted);font-size:12px}.document-paper>h1{font-size:34px;margin:0 0 30px}.document-content{font-size:16px;line-height:1.8;white-space:normal}.document-paper>footer{margin-top:60px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.document-meta{height:max-content}.document-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.document-meta dt{color:var(--muted)}.document-meta dd{margin:0;font-weight:850;text-align:right}
.uniform-assignment-grid{display:grid;gap:10px}.uniform-assignment-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}.uniform-assignment-card.overdue{border-color:#ffb5ba;background:#fff8f8}.uniform-assignment-card h3,.uniform-assignment-card p{margin:2px 0}.uniform-assignment-card small{color:var(--muted)}.uniform-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.uniform-catalog-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}.uniform-catalog-card h3,.uniform-catalog-card p{margin:2px 0}.uniform-catalog-card p{font-size:13px}.uniform-catalog-card small{color:var(--muted)}.check-list{display:grid;gap:10px;padding:0;list-style:none}.check-list li{display:flex;gap:8px;align-items:flex-start}.check-list .akfa-icon{color:var(--green);width:18px;height:18px;margin-top:2px}
.system-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-status-card{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}.system-status-card h3,.system-status-card p{margin:2px 0}.system-status-card p{font-size:13px}.system-status-card small{color:var(--muted)}.status-led{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.system-status-card.degraded .status-led,.system-status-card.maintenance .status-led{background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft)}.system-status-card.outage .status-led{background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}.asset-list{display:grid;gap:10px}.asset-list>div{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.asset-list span,.asset-list small{display:block;color:var(--muted);font-size:12px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.knowledge-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.knowledge-card summary{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:14px;cursor:pointer;list-style:none}.knowledge-card summary::-webkit-details-marker{display:none}.knowledge-card h3{margin:3px 0}.knowledge-card>.knowledge-content{padding:0 18px 18px;color:var(--text);line-height:1.65}
.faq-stack{display:grid;gap:9px}.faq-stack details{border:1px solid var(--line);border-radius:15px;background:#fff}.faq-stack summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary b{display:block;margin-top:3px}.faq-stack details>p{padding:0 16px 16px;margin:0}.hr-contact-card{display:flex;gap:14px;align-items:center}.hr-contact-card p{display:flex;gap:7px;align-items:center;margin:6px 0}.hr-contact-card .akfa-icon{width:17px;height:17px;color:var(--red)}.appointment-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.appointment-row small{display:block;color:var(--muted);margin-top:3px}.admin-appointment{border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:12px}.admin-appointment>div{display:flex;justify-content:space-between;gap:10px}.admin-appointment p{margin:3px 0}.admin-appointment form{margin-top:12px}
.safety-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.safety-kpis>div{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm)}.safety-kpis .icon-box{grid-row:1/span 2}.safety-kpis span{color:var(--muted)}.safety-kpis b{font-size:24px}.safety-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.safety-rule{display:grid;grid-template-columns:55px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:14px}.safety-rule h3,.safety-rule p{margin:2px 0}.safety-rule p{font-size:13px}.safety-rule small{color:var(--muted)}.number-list{display:grid;gap:12px;padding:0;list-style:none;counter-reset:steps}.number-list li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px}.number-list li::before{counter-increment:steps;content:counter(steps);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font-weight:950;grid-row:1/span 2}.number-list span{color:var(--muted);font-size:13px}.news-list.expanded>div{align-items:flex-start}.news-list.expanded p{margin:3px 0;font-size:13px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:850}.admin-tabs a.active{background:var(--red);border-color:var(--red);color:#fff}
@media(max-width:1100px){.document-layout,.document-view-shell{grid-template-columns:1fr}.uniform-catalog-grid,.system-status-grid,.knowledge-grid,.safety-rule-grid{grid-template-columns:1fr 1fr}.safety-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.document-toolbar{display:grid}.document-toolbar .admin-filterbar{min-width:0;width:100%;display:grid}.document-grid,.uniform-catalog-grid,.system-status-grid,.knowledge-grid,.safety-rule-grid,.safety-kpis{grid-template-columns:1fr}.uniform-assignment-card,.uniform-catalog-card{grid-template-columns:50px minmax(0,1fr)}.uniform-assignment-card>.badge,.uniform-catalog-card>span{grid-column:2}.document-paper{padding:30px 22px}.document-paper>header{display:grid;gap:16px}.document-paper>header div{text-align:left}.document-view-shell{display:block}.document-meta{margin-top:14px}}
@media print{.app-header,.app-footer,.mobile-nav,.document-meta,.hero-actions{display:none!important}.page{padding:0}.document-paper{border:0;box-shadow:none;padding:0;min-height:0}.document-view-page{max-width:none}.document-view-shell{display:block}}

/* ========================================================================== */
/* AKFA Employee Portal v5 — profile, career, ESG, conduct and communication  */
/* ========================================================================== */

/* Header popovers and chat drawer */
.app-header{grid-template-columns:210px minmax(0,1fr) auto;overflow:visible}.user-zone{position:relative}.header-action-button,.logout-mini{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;color:#344054;position:relative;transition:.18s}.header-action-button:hover,.header-action-button.active,.logout-mini:hover{border-color:#ffb7bc;background:var(--red-soft);color:var(--red)}.header-action-button b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:10px}.logout-mini .akfa-icon{transform:rotate(180deg)}.header-popover-wrap{position:relative}.header-popover{position:absolute;right:0;top:54px;width:390px;max-height:min(620px,calc(100vh - 100px));overflow:hidden;background:rgba(255,255,255,.985);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.18);z-index:2200}.header-popover[hidden]{display:none}.header-popover-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.header-popover-head strong{font-size:17px}.header-popover-head small{display:block;color:var(--muted);margin-top:3px}.header-popover-head a,.header-popover-footer{color:var(--red);font-weight:850}.header-popover-list{max-height:430px;overflow:auto;padding:8px}.header-notification-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px;border-radius:14px}.header-notification-item:hover{background:#f7f9fc}.header-notification-item.unread{background:#fff7f7}.header-notification-item .icon-box.mini{width:40px;height:40px;border-radius:13px}.header-notification-item .icon-box.mini .akfa-icon{width:20px;height:20px}.header-notification-item b{font-size:13px}.header-notification-item p{font-size:12px;line-height:1.35;margin:3px 0;color:#536177;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-notification-item small{font-size:10px;color:#8994a6}.header-popover-footer{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:center;align-items:center;gap:8px}.header-popover-footer .akfa-icon{width:17px;height:17px}.header-popover-empty{padding:28px;text-align:center;color:var(--muted)}.drawer-overlay-v5{position:fixed;inset:0;background:rgba(7,17,38,.38);backdrop-filter:blur(2px);z-index:2100}.drawer-overlay-v5[hidden]{display:none}.chat-drawer-v5{position:fixed;right:0;top:0;bottom:0;width:min(460px,96vw);z-index:2300;background:#fff;box-shadow:-25px 0 80px rgba(15,23,42,.2);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;animation:drawer-in .22s ease}.chat-drawer-v5[hidden]{display:none}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.chat-drawer-v5>header{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chat-drawer-v5 h2{margin:2px 0 0}.chat-drawer-v5>header button{border:0;background:#f2f4f7;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.drawer-search-v5{margin:14px 18px 8px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 12px}.drawer-search-v5 input{border:0;outline:0;padding:12px 0;width:100%;background:transparent}.drawer-chat-list-v5{overflow:auto;padding:8px 14px 18px}.drawer-chat-list-v5>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:11px;border-radius:14px}.drawer-chat-list-v5>a:hover{background:#f7f9fc}.drawer-chat-list-v5 .avatar{grid-row:1/span 2}.drawer-chat-list-v5 b{font-size:14px}.drawer-chat-list-v5 p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-chat-list-v5 time{font-size:10px;color:#8c97a9}.drawer-chat-list-v5 em{font-style:normal;grid-column:3;grid-row:2;min-width:20px;height:20px;background:var(--red);color:#fff;border-radius:99px;display:grid;place-items:center;font-size:10px}.chat-drawer-v5>footer{padding:16px 18px;border-top:1px solid var(--line)}

/* Global v5 helpers */
.span-wide{grid-column:1/-1}.completion-ring,.readiness-circle{--progress:0;width:126px;height:126px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--red) calc(var(--progress)*1%),#edf1f5 0)}.completion-ring::before,.readiness-circle::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.completion-ring>* ,.readiness-circle>*{position:relative;z-index:1}.completion-ring b,.readiness-circle b{font-size:27px}.completion-ring span,.readiness-circle span{font-size:11px;color:var(--muted);text-align:center}.readiness-circle.large{width:160px;height:160px}.readiness-circle.large::before{inset:12px}.readiness-circle.large b{font-size:36px}.progress-line{height:9px}.skill-bar,.goal-progress{height:8px;border-radius:99px;background:#e9edf3;overflow:hidden}.skill-bar i,.goal-progress i{display:block;height:100%;background:linear-gradient(90deg,#17934a,#51ba70);border-radius:99px}.privacy-note-v5{display:flex;gap:10px;padding:13px;border:1px solid #d7e5ff;background:#f4f8ff;border-radius:14px;color:#36527c}.privacy-note-v5 .akfa-icon{color:var(--blue)}.privacy-note-v5 p{margin:0;color:inherit;font-size:13px}.profile-status-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.profile-status-row>span{display:flex;gap:6px;align-items:center;color:#68748a;font-size:13px}.profile-status-row .akfa-icon{width:17px;height:17px}

/* Profile v5 */
.profile-v5-page{max-width:1760px}.profile-hero-v5{display:grid;grid-template-columns:minmax(0,1.5fr) 310px 190px;gap:20px;align-items:center;background:linear-gradient(135deg,#fff,#fbfcff);border:1px solid var(--line);border-radius:28px;padding:26px 30px;box-shadow:var(--shadow-sm);margin-bottom:16px}.profile-identity-v5{display:flex;align-items:center;gap:20px}.profile-photo-v5{width:118px;height:118px;font-size:42px;background:linear-gradient(135deg,#fff0f1,#eaf2ff)}.profile-identity-v5 h1{margin:5px 0 7px;font-size:34px;letter-spacing:-.045em}.profile-identity-v5 p{margin:0;color:var(--muted)}.profile-completion-v5{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:17px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.profile-completion-v5 .completion-ring{width:96px;height:96px}.profile-completion-v5 p{margin:0;font-size:12px}.profile-completion-v5 .btn{grid-column:1/-1;min-height:38px}.profile-id-v5{text-align:center}.profile-id-v5 img{width:112px;margin:auto;border:1px solid var(--line);border-radius:14px;padding:8px}.profile-id-v5 b,.profile-id-v5 span{display:block}.profile-id-v5 b{margin-top:8px}.profile-id-v5 span{font-size:12px;color:var(--muted)}.profile-tabs-v5{display:flex;gap:7px;overflow:auto;padding:7px;margin-bottom:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.profile-tabs-v5 a{min-height:46px;padding:0 15px;border-radius:12px;display:flex;gap:8px;align-items:center;white-space:nowrap;color:#596579;font-weight:850}.profile-tabs-v5 a.active{background:var(--red-soft);color:var(--red)}.profile-tabs-v5 .akfa-icon{width:19px;height:19px}.profile-dashboard-v5{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.profile-dashboard-v5>.span-8{grid-column:span 8}.profile-dashboard-v5>.span-6{grid-column:span 6}.profile-dashboard-v5>.span-4{grid-column:span 4}.profile-kpi-card{grid-column:span 3;display:grid;gap:5px;min-height:145px}.profile-kpi-card>span{color:var(--muted);font-size:13px}.profile-kpi-card>b{font-size:27px}.profile-kpi-card small{color:#68748a}.profile-kpi-card>a{margin-top:auto;color:var(--red);font-weight:850;font-size:13px}.profile-main-card{min-height:310px}.skill-list-v5{display:grid;gap:4px}.skill-list-v5>div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,220px) 44px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f5}.skill-list-v5 b,.skill-list-v5 small{display:block}.skill-list-v5 small{color:var(--muted);margin-top:3px}.skill-list-v5 strong{text-align:right}.compliance-status-v5{display:grid;gap:10px}.compliance-status-v5>div{display:flex;gap:11px;padding:12px;border-radius:14px;background:#f7f9fc}.compliance-status-v5>div.done{background:var(--green-soft)}.compliance-status-v5>div.pending{background:var(--orange-soft)}.compliance-status-v5 .akfa-icon{color:var(--green)}.compliance-status-v5 .pending .akfa-icon{color:var(--orange)}.compliance-status-v5 b,.compliance-status-v5 small{display:block}.compliance-status-v5 small{color:#68748a;margin-top:3px}.goal-row-v5{display:grid;grid-template-columns:minmax(0,1fr) 130px 44px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.goal-row-v5 b,.goal-row-v5 small{display:block}.goal-row-v5 small{color:var(--muted);margin-top:3px}.internal-vacancy-list-v5{display:grid;gap:8px}.internal-vacancy-list-v5>a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px}.internal-vacancy-list-v5 small{display:block;color:var(--muted);margin-top:4px}.profile-tab-layout-v5{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.profile-data-grid-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.profile-data-grid-v5>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.profile-data-grid-v5 span,.profile-data-grid-v5 b{display:block}.profile-data-grid-v5 span{color:var(--muted);font-size:12px;margin-bottom:4px}.profile-data-list-v5{display:grid;gap:0}.profile-data-list-v5 p{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);margin:0}.profile-data-list-v5 span{color:var(--muted)}.correction-form-v5{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.preference-checks-v5{display:grid;gap:10px}.preference-checks-v5 label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px}.employment-layout-v5{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.org-tree-v5{display:grid;gap:12px}.manager-card-v5{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px}.esg-profile-score-v5{display:flex;align-items:center;gap:16px}.certificate-strip-v5{display:flex;gap:12px;overflow:auto}.certificate-strip-v5 article{min-width:260px;border:1px solid var(--line);border-radius:15px;padding:15px}.career-summary-v5{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.skill-gap-row-v5{display:grid;grid-template-columns:1fr 170px 50px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}

/* Career v5 */
.career-page-v5{max-width:1760px}.career-hero-v5{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 56%,rgba(255,255,255,.36)),url('../img/akfa-hero.jpg') right center/cover}.career-overview-grid-v5{display:grid;grid-template-columns:1.45fr .55fr;gap:16px;margin-bottom:16px}.career-readiness-card-v5{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center}.readiness-breakdown-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.readiness-breakdown-v5 span{padding:10px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted)}.readiness-breakdown-v5 b{display:block;color:var(--ink);font-size:17px;margin-top:3px}.career-ladder-card-v5{margin-bottom:16px}.career-ladder-v5{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.career-step-v5{position:relative;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fbfcfe;min-height:155px}.career-step-v5>span{width:35px;height:35px;border-radius:99px;background:#edf1f5;display:grid;place-items:center;font-weight:950;margin-bottom:12px}.career-step-v5 b{font-size:16px}.career-step-v5 p{font-size:12px;margin:6px 0}.career-step-v5 small{color:var(--muted)}.career-step-v5.done{background:var(--green-soft);border-color:#bce8ca}.career-step-v5.current{border:2px solid var(--red);background:#fff8f8}.career-step-v5.target{border-color:#b5cafa;background:#f4f7ff}.career-step-v5 em{position:absolute;right:10px;top:10px;font-size:10px;font-style:normal;font-weight:900;color:var(--red);background:#fff;padding:5px 7px;border-radius:8px}.career-disclaimer-v5{display:flex;gap:10px;align-items:flex-start;background:#f4f8ff;color:#36527c;border-radius:14px;padding:13px;margin-top:14px}.career-disclaimer-v5 p{margin:0;color:inherit}.career-content-grid-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.career-content-grid-v5>.span-wide{grid-column:1/-1}.skill-gap-matrix-v5{display:grid;gap:10px}.skill-gap-matrix-v5>div{display:grid;grid-template-columns:1fr 190px 50px;gap:10px;align-items:center}.skill-gap-matrix-v5 b,.skill-gap-matrix-v5 small{display:block}.skill-gap-matrix-v5 small{color:var(--muted)}.dual-skill-bar{position:relative;height:9px;background:#edf1f5;border-radius:99px}.dual-skill-bar i{display:block;height:100%;background:var(--green);border-radius:99px}.dual-skill-bar em{position:absolute;top:-4px;width:2px;height:17px;background:var(--red)}.legend-row-v5{display:flex;gap:18px;margin-top:14px;color:var(--muted);font-size:12px}.green-dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:99px}.target-line{display:inline-block;width:2px;height:13px;background:var(--red)}.career-goals-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.career-goal-card-v5{border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;gap:12px}.career-goal-card-v5 b,.career-goal-card-v5 small{display:block}.career-goal-card-v5 b{font-size:15px;margin-top:7px}.career-goal-card-v5 small{color:var(--muted);margin-top:4px}.goal-update-form-v5{display:grid;grid-template-columns:1fr 120px auto;gap:8px}.goal-update-form-v5 input,.goal-update-form-v5 select{min-width:0}.inline-tab-form-v5{margin-top:15px;padding:16px;background:#f8fafc;border-radius:16px}.internal-opportunity-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.internal-opportunity-grid-v5>article{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:17px;padding:16px}.internal-opportunity-grid-v5 .btn{grid-column:1/-1}.match-score-v5{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.match-score-v5 b,.match-score-v5 span{display:block;text-align:center}.match-score-v5 b{font-size:19px}.match-score-v5 span{font-size:9px}.internal-opportunity-grid-v5 h3{margin:8px 0 4px}.internal-opportunity-grid-v5 p{font-size:13px;margin:0 0 8px}.internal-opportunity-grid-v5 small{display:flex;align-items:center;gap:5px;color:var(--muted)}

/* ESG and conduct */
.esg-page-v5,.conduct-page-v5{max-width:1760px}.esg-hero-v5{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 58%,rgba(255,255,255,.62)),radial-gradient(circle at 85% 30%,#c8f3d6,#e8fbef 40%,transparent 70%)}.esg-score-grid-v5{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:16px}.esg-personal-score-v5{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center}.esg-orbit{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 55%,transparent 56%),conic-gradient(#23a45d 0 72%,#e7f3eb 72%);box-shadow:0 0 0 12px #f3fbf6}.esg-orbit b,.esg-orbit span{grid-area:1/1}.esg-orbit b{font-size:32px;transform:translateY(-10px)}.esg-orbit span{font-size:11px;color:var(--muted);transform:translateY(17px)}.esg-pillar-card-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.esg-pillar-card-v5>div{padding:15px;border:1px solid var(--line);border-radius:16px}.pillar-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:10px}.pillar-icon.environment{background:var(--green-soft);color:var(--green)}.pillar-icon.social{background:var(--blue-soft);color:var(--blue)}.pillar-icon.governance{background:var(--purple-soft);color:var(--purple)}.esg-pillar-card-v5 b,.esg-pillar-card-v5 strong{display:block}.esg-pillar-card-v5 strong{font-size:16px;margin-top:4px}.esg-pillar-card-v5 p{font-size:12px}.sdg-grid-v5{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.sdg-card-v5{display:flex;gap:9px;min-height:110px;padding:12px;border:1px solid var(--line);border-radius:14px}.sdg-card-v5>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:950;background:var(--red)}.sdg-card-v5.green>span{background:var(--green)}.sdg-card-v5.blue>span{background:var(--blue)}.sdg-card-v5.orange>span{background:var(--orange)}.sdg-card-v5.purple>span{background:var(--purple)}.sdg-card-v5.cyan>span{background:var(--cyan)}.sdg-card-v5 b{font-size:12px}.sdg-card-v5 p{font-size:10px;line-height:1.3;margin:5px 0}.esg-content-grid-v5{display:grid;grid-template-columns:1.45fr .55fr;gap:16px;margin-top:16px}.esg-content-grid-v5>.span-8{grid-column:auto}.esg-challenge-grid-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.esg-challenge-grid-v5>article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:15px;padding:13px}.esg-challenge-grid-v5 form{grid-column:1/-1}.esg-challenge-grid-v5 h3{margin:6px 0 4px}.esg-challenge-grid-v5 p{font-size:12px;margin:0 0 8px}.esg-challenge-grid-v5 small{display:flex;align-items:center;gap:5px;color:var(--muted)}.pulse-scale-v5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0}.pulse-scale-v5 input{display:none}.pulse-scale-v5 label{text-align:center}.pulse-scale-v5 span{width:45px;height:45px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;font-weight:950;margin:auto}.pulse-scale-v5 input:checked+span{background:var(--red);color:#fff;border-color:var(--red)}.pulse-scale-v5 small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.pulse-card-v5 textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:10px}.esg-action-row-v5{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.esg-action-row-v5 .icon-box{width:44px;height:44px;border-radius:13px}.esg-action-row-v5 b,.esg-action-row-v5 small{display:block}.esg-action-row-v5 small{color:var(--muted);margin-top:3px}.esg-links-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.esg-links-v5>a{display:grid;grid-template-columns:32px minmax(0,1fr) 22px;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.esg-links-v5 b,.esg-links-v5 span{display:block}.esg-links-v5 span{font-size:11px;color:var(--muted)}
.conduct-hero-v5{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 60%,rgba(255,255,255,.6)),radial-gradient(circle at 90% 20%,#ffe9eb,#fff 60%)}.conduct-tabs-v5{max-width:900px}.conduct-layout-v5{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.conduct-side-v5{display:grid;gap:16px;align-content:start}.conduct-intro-v5{font-size:16px}.conduct-section-grid-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.conduct-section-v5{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.conduct-section-v5 summary{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:13px;cursor:pointer}.conduct-section-v5 summary::-webkit-details-marker{display:none}.conduct-section-v5 summary .icon-box{width:45px;height:45px;border-radius:13px}.conduct-section-v5 b,.conduct-section-v5 small{display:block}.conduct-section-v5 small{font-size:11px;color:var(--muted);margin-top:3px}.conduct-section-v5>div{padding:0 16px 14px}.conduct-section-v5 li{margin:7px 0;color:#536177}.number-list{counter-reset:item;list-style:none;padding:0;margin:0;display:grid;gap:11px}.number-list li{display:grid;grid-template-columns:32px 1fr;gap:9px}.number-list li::before{counter-increment:item;content:counter(item);width:30px;height:30px;border-radius:99px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-weight:950}.number-list b,.number-list span{display:block}.number-list span{color:var(--muted);font-size:12px}.non-retaliation-v5{display:flex;gap:13px;background:#f4f8ff}.non-retaliation-v5>.akfa-icon{color:var(--blue);width:34px;height:34px}.conduct-question-v5{border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0}.conduct-question-v5 legend{font-weight:900;padding:0 7px}.conduct-question-v5 legend span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:99px;background:var(--red);color:#fff;margin-right:8px}.conduct-question-v5 label{display:flex;gap:9px;padding:10px;border-radius:11px}.conduct-question-v5 label:has(input:checked){background:var(--red-soft)}.conduct-confirm-v5{padding:14px;border:1px solid #ffd0d3;background:#fff8f8;border-radius:14px;margin:14px 0}.success-panel.compact{padding:28px}.conduct-status-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.conduct-status-grid-v5 article{border:1px solid var(--line);border-radius:15px;padding:15px}.admin-ethics-card-v5{border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}

/* Services wizard v5 */
.services-v5-page{max-width:1760px}.service-tabs-v5{display:flex;gap:8px;margin-bottom:16px;padding:7px;border:1px solid var(--line);border-radius:18px;background:#fff}.service-tabs-v5 a{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:12px;font-weight:850;color:#596579}.service-tabs-v5 a.active{background:var(--red-soft);color:var(--red)}.service-tabs-v5 b{min-width:22px;height:22px;border-radius:99px;background:#edf1f5;display:grid;place-items:center;font-size:10px}.services-catalog-layout-v5{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.services-context-v5{display:grid;gap:16px;align-content:start}.catalog-search-v5{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 10px}.catalog-search-v5 input{border:0;outline:0;padding:10px;width:230px}.service-grid-v5 .service-tile{min-height:172px}.service-grid-v5 .service-tile small{font-size:10px;color:#8490a2}.channel-guide-v5{display:grid;gap:9px}.channel-guide-v5>div{display:grid;grid-template-columns:31px 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}.channel-guide-v5 b,.channel-guide-v5 small{display:block}.channel-guide-v5 small{color:var(--muted);margin-top:2px}.assistant-mini-v5 .chat-box.compact{min-height:170px}.request-wizard-v5{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.request-process-side-v5{display:grid;gap:16px;align-content:start}.wizard-steps-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px}.wizard-steps-v5 span{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#f4f6f8;color:#788498;font-weight:800}.wizard-steps-v5 span.active{background:var(--red-soft);color:var(--red)}.wizard-steps-v5 b{width:26px;height:26px;border-radius:99px;background:#fff;display:grid;place-items:center}.form-step-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-step-v5[hidden]{display:none}.selected-service-note-v5,.request-review-v5{grid-column:1/-1;display:grid;grid-template-columns:52px 1fr;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.selected-service-note-v5 h3,.request-review-v5 h3{margin:0}.selected-service-note-v5 p,.request-review-v5 p{margin:4px 0 0}.form-step-actions-v5{display:flex;justify-content:space-between;gap:10px}.my-services-dashboard-v5{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.request-summary.compact-v5{margin-bottom:16px}.service-help-link-v5{display:grid;grid-template-columns:30px 1fr 20px;gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.service-help-link-v5 b,.service-help-link-v5 small{display:block}.service-help-link-v5 small{color:var(--muted);margin-top:3px}

/* Notifications v5 */
.notifications-v5-page{max-width:1600px}.notification-summary-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.notification-summary-v5 article{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px;box-shadow:var(--shadow-sm)}.notification-summary-v5 b,.notification-summary-v5 small{display:block}.notification-summary-v5 b{font-size:25px}.notification-summary-v5 small{color:var(--muted)}.notification-tabs-v5{display:flex;gap:7px;overflow:auto;margin-bottom:15px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#fff}.notification-tabs-v5 a{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;font-weight:850;white-space:nowrap}.notification-tabs-v5 a.active{background:var(--red);color:#fff}.notification-tabs-v5 b{min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;background:#eef2f6;font-size:10px}.notification-tabs-v5 a.active b{background:rgba(255,255,255,.22)}.notifications-layout-v5{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.notification-toolbar-v5{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notification-toolbar-v5 label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 10px}.notification-toolbar-v5 input{border:0;outline:0;padding:10px;width:300px}.notification-center-list-v5{display:grid;gap:8px}.notification-card-v5{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px}.notification-card-v5.unread{background:#fff8f8;border-color:#ffd0d3}.notification-card-v5 .icon-box{width:44px;height:44px;border-radius:13px}.notification-card-main-v5>div{display:flex;gap:8px;align-items:center}.notification-card-main-v5 i{font-style:normal;font-size:9px;background:var(--red);color:#fff;border-radius:7px;padding:4px 6px}.notification-card-main-v5 p{margin:4px 0;color:#536177}.notification-card-main-v5 small{color:#8b96a7}.notification-actions-v5{display:flex;gap:5px}.notification-actions-v5 button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center}.notification-actions-v5 .akfa-icon{width:16px;height:16px}.notification-side-v5{align-content:start}.notification-side-v5>a{display:grid;grid-template-columns:27px 1fr 20px;gap:9px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.notification-side-v5 b,.notification-side-v5 small{display:block}.notification-side-v5 small{color:var(--muted);margin-top:3px}.notification-settings-layout-v5{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.notification-preferences-v5{display:grid;gap:10px}.notification-preferences-v5>label{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px}.notification-preferences-v5 b,.notification-preferences-v5 small{display:block}.notification-preferences-v5 small{color:var(--muted);margin-top:3px}.notification-preferences-v5 input{width:20px;height:20px}

/* Chat v5 refinements */
.chat-page-v5{max-width:1840px}.chat-view-tabs-v5{display:flex;gap:7px;margin-bottom:12px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#fff;width:max-content}.chat-view-tabs-v5 button{border:0;background:transparent;border-radius:11px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-weight:850}.chat-view-tabs-v5 button.active{background:var(--red-soft);color:var(--red)}.chat-view-tabs-v5 b{min-width:20px;height:20px;border-radius:99px;background:#edf1f5;display:grid;place-items:center;font-size:10px}.chat-layout-v5{grid-template-columns:310px minmax(0,1fr) 290px}.chat-search-v5{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 10px;margin-bottom:9px}.chat-search-v5 input{border:0;outline:0;padding:10px;width:100%}.chat-filter-pills-v5{display:flex;gap:5px;margin-bottom:8px}.chat-filter-pills-v5 button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.chat-filter-pills-v5 button.active{background:var(--red);color:#fff;border-color:var(--red)}.pin-mark{font-style:normal;color:#e9a000}.chat-header-actions{display:flex;gap:6px;align-items:center}.chat-message footer{display:flex;gap:9px;align-items:center}.chat-message footer button{border:0;background:transparent;color:var(--blue);font-size:10px;padding:0}.chat-message blockquote{margin:0 0 7px;padding:7px;border-left:3px solid var(--blue);background:rgba(255,255,255,.65);font-size:11px;color:#526077}.chat-message blockquote b{display:block}.chat-reply-preview{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:#f4f7ff;border-left:3px solid var(--blue)}.chat-reply-preview div{display:grid}.chat-reply-preview span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-preview button{border:0;background:transparent}.chat-info-panel{align-content:start}.chat-info-identity-v5{text-align:center}.chat-avatar.large{width:70px;height:70px;border-radius:20px;font-size:23px;margin:0 auto 10px}.chat-info-identity-v5 h3{margin:0}.chat-info-identity-v5 p{margin:5px 0}.chat-info-actions-v5{display:grid;gap:8px;margin-top:14px}.people-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.people-grid-v5.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.people-grid-v5>article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:13px}.people-grid-v5 form{grid-column:1/-1}.group-catalog-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.group-catalog-v5>a{display:grid;grid-template-columns:70px minmax(0,1fr) 22px;gap:11px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}.group-catalog-v5 p{margin:5px 0 0;font-size:12px}.group-catalog-v5 small{color:var(--muted)}

/* Admin employee/compliance v5 */
.employee-admin-layout-v5{align-items:start}.employee-table-person-v5{display:flex;align-items:center;gap:9px}.mini-completion-v5{display:flex;align-items:center;gap:8px}.mini-completion-v5>span{width:80px;height:7px;background:#edf1f5;border-radius:99px;overflow:hidden}.mini-completion-v5 i{display:block;height:100%;background:var(--green)}.employee-editor-v5{position:sticky;top:20px}.employee-form-tabs-v5{display:flex;gap:4px;overflow:auto;margin-bottom:14px;padding:5px;background:#f3f5f8;border-radius:13px}.employee-form-tabs-v5 button{border:0;background:transparent;padding:9px 11px;border-radius:9px;font-weight:850;white-space:nowrap}.employee-form-tabs-v5 button.active{background:#fff;color:var(--red);box-shadow:0 5px 14px rgba(15,23,42,.07)}.employee-form-panel-v5[hidden]{display:none}.employee-form-panel-v5.active{display:block}.employee-editor-actions-v5{display:flex;gap:9px;position:sticky;bottom:-22px;background:#fff;border-top:1px solid var(--line);padding:14px 0 0;margin-top:15px}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto}.admin-ethics-card-v5 .form-grid{margin-top:12px}

/* Responsive v5 */
@media(max-width:1500px){.profile-hero-v5{grid-template-columns:minmax(0,1fr) 270px 150px}.profile-id-v5 img{width:92px}.profile-dashboard-v5{grid-template-columns:repeat(12,minmax(0,1fr))}.profile-kpi-card{grid-column:span 3}.sdg-grid-v5{grid-template-columns:repeat(4,1fr)}.service-grid-v5{grid-template-columns:repeat(4,1fr)}.chat-layout-v5{grid-template-columns:270px minmax(0,1fr)}.chat-info-panel{display:none}}
@media(max-width:1180px){.app-header{grid-template-columns:180px minmax(0,1fr) auto}.brand img{width:145px}.top-nav a{padding:0 7px;font-size:11px}.profile-hero-v5{grid-template-columns:1fr 220px}.profile-id-v5{display:none}.profile-dashboard-v5>.profile-kpi-card{grid-column:span 6}.profile-dashboard-v5>.span-8,.profile-dashboard-v5>.span-4,.profile-dashboard-v5>.span-6{grid-column:span 12}.profile-tab-layout-v5,.employment-layout-v5,.career-overview-grid-v5,.esg-score-grid-v5,.esg-content-grid-v5,.conduct-layout-v5,.services-catalog-layout-v5,.request-wizard-v5,.my-services-dashboard-v5,.notifications-layout-v5,.notification-settings-layout-v5{grid-template-columns:1fr}.career-content-grid-v5{grid-template-columns:1fr}.career-goals-grid-v5,.internal-opportunity-grid-v5{grid-template-columns:repeat(2,1fr)}.esg-links-v5{grid-template-columns:repeat(2,1fr)}.people-grid-v5,.group-catalog-v5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.header-popover{position:fixed;right:12px;top:72px}.chat-drawer-v5{top:0}.logout-mini{display:none}.profile-hero-v5{grid-template-columns:1fr}.profile-completion-v5{border:0;border-top:1px solid var(--line);grid-template-columns:90px 1fr}.profile-completion-v5 .btn{grid-column:auto}.service-grid-v5{grid-template-columns:repeat(3,1fr)}.notification-summary-v5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-action-button{width:40px;height:40px}.header-popover{left:10px;right:10px;width:auto;top:66px}.profile-hero-v5{padding:18px}.profile-identity-v5{align-items:flex-start}.profile-photo-v5{width:76px;height:76px;font-size:28px}.profile-identity-v5 h1{font-size:26px}.profile-completion-v5{display:none}.profile-tabs-v5 a{padding:0 11px}.profile-tabs-v5 a span{font-size:11px}.profile-dashboard-v5{grid-template-columns:1fr}.profile-dashboard-v5>.profile-kpi-card,.profile-dashboard-v5>.span-8,.profile-dashboard-v5>.span-4,.profile-dashboard-v5>.span-6{grid-column:1}.skill-list-v5>div,.skill-gap-row-v5,.skill-gap-matrix-v5>div{grid-template-columns:1fr 110px 35px}.profile-data-grid-v5{grid-template-columns:1fr}.career-readiness-card-v5,.esg-personal-score-v5{grid-template-columns:1fr;text-align:center}.readiness-circle,.esg-orbit{margin:auto}.readiness-breakdown-v5{grid-template-columns:repeat(2,1fr)}.career-ladder-v5{grid-template-columns:1fr}.career-goals-grid-v5,.internal-opportunity-grid-v5,.esg-challenge-grid-v5,.conduct-section-grid-v5,.people-grid-v5,.people-grid-v5.compact,.group-catalog-v5{grid-template-columns:1fr}.esg-pillar-card-v5{grid-template-columns:1fr}.sdg-grid-v5{grid-template-columns:repeat(2,1fr)}.esg-links-v5{grid-template-columns:1fr}.service-tabs-v5{margin-left:-4px;margin-right:-4px}.service-grid-v5{grid-template-columns:repeat(2,1fr)}.form-step-v5{grid-template-columns:1fr}.form-step-v5 .span-2{grid-column:1}.notification-summary-v5{grid-template-columns:repeat(2,1fr)}.notification-toolbar-v5{align-items:stretch;flex-direction:column}.notification-toolbar-v5 input{width:100%}.notification-card-v5{grid-template-columns:42px minmax(0,1fr)}.notification-actions-v5{grid-column:2}.chat-view-tabs-v5{width:100%;overflow:auto}.chat-layout-v5{grid-template-columns:1fr}.chat-sidebar{max-height:260px}.chat-conversation{min-height:540px}.chat-directory-view-v5,.chat-groups-view-v5{display:block}.career-content-grid-v5{display:block}.career-content-grid-v5>.card{margin-bottom:12px}.employee-editor-v5{position:static}.employee-form-tabs-v5{position:sticky;top:0;z-index:2}.conduct-status-grid-v5{grid-template-columns:1fr}.pulse-scale-v5{gap:3px}.pulse-scale-v5 span{width:38px;height:38px}}

/* ========================================================================== */
/* AKFA Employee Portal v6 — unified product design system                    */
/* ========================================================================== */
:root{
  --surface-1:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--navy:#061329;
  --focus:0 0 0 4px rgba(227,6,19,.12);--transition:180ms cubic-bezier(.2,.75,.25,1);
}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}.page-v6{max-width:1780px}.btn[disabled],button[disabled]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.alert.compact{padding:10px 12px;margin:10px 0 0;font-size:12px}.glass{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important;backdrop-filter:blur(12px)}

/* v6 grouped navigation */
.app-header{grid-template-columns:220px minmax(0,1fr) auto;padding:0 28px}.top-nav-v6{gap:3px}.nav-group-v6{position:relative}.nav-group-v6>a{height:46px}.nav-group-v6>a>.akfa-icon:last-child{width:14px;height:14px;transition:transform var(--transition)}.nav-group-v6:hover>a>.akfa-icon:last-child,.nav-group-v6:focus-within>a>.akfa-icon:last-child{transform:rotate(90deg)}.nav-menu-v6{position:absolute;left:0;top:calc(100% + 8px);width:280px;padding:9px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(15,23,42,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--transition);z-index:1200}.nav-group-v6:hover .nav-menu-v6,.nav-group-v6:focus-within .nav-menu-v6{opacity:1;visibility:visible;transform:none}.nav-menu-v6::before{content:"";position:absolute;left:22px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.nav-menu-v6>a{height:auto!important;padding:11px!important;border-radius:12px!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:9px!important}.nav-menu-v6>a:hover{background:var(--red-soft)!important;color:var(--red)}.nav-menu-v6>a>.akfa-icon{width:20px!important;height:20px!important}.header-action-button,.logout-mini{width:43px;height:43px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;place-items:center;position:relative;color:#253047}.header-action-button:hover,.logout-mini:hover{border-color:#ffc0c4;background:var(--red-soft);color:var(--red)}.header-action-button b{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:10px}.header-workspace-v6{min-height:42px;padding:0 12px;border-radius:13px;background:#f2f6fb;display:flex;align-items:center;gap:7px;font-weight:850;color:#334155}.header-workspace-v6:hover{background:var(--blue-soft);color:var(--blue)}
.header-popover-wrap{position:relative}.header-popover{position:absolute;right:0;top:54px;width:390px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.18);z-index:1400;overflow:hidden}.header-popover[hidden]{display:none}.header-popover-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.header-popover-head strong,.header-popover-head small{display:block}.header-popover-head small{color:var(--muted);margin-top:3px}.header-popover-head a,.header-popover-footer{color:var(--red);font-weight:850}.header-popover-list{max-height:420px;overflow:auto}.header-notification-item{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px 15px;border-bottom:1px solid #edf1f5}.header-notification-item:hover{background:#fafbfc}.header-notification-item.unread{background:#fff8f8}.header-notification-item .icon-box{width:40px;height:40px;border-radius:12px}.header-notification-item b,.header-notification-item p,.header-notification-item small{display:block}.header-notification-item p{font-size:12px;line-height:1.35;margin:3px 0;color:#58657a}.header-notification-item small{font-size:10px;color:#8d98aa}.header-popover-footer{padding:13px 15px;display:flex;justify-content:center;gap:7px;align-items:center}.header-popover-empty{padding:28px;text-align:center;color:var(--muted)}
.drawer-overlay-v5{position:fixed;inset:0;background:rgba(4,12,28,.38);backdrop-filter:blur(3px);z-index:1490}.chat-drawer-v5{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);background:#fff;z-index:1500;box-shadow:-24px 0 70px rgba(15,23,42,.2);display:grid;grid-template-rows:auto auto 1fr auto;animation:drawerIn .22s ease}.chat-drawer-v5[hidden]{display:none}.chat-drawer-v5>header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.chat-drawer-v5 h2{margin:3px 0 0}.chat-drawer-v5>header button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center}.drawer-search-v5{display:flex;gap:8px;align-items:center;margin:14px 16px;border:1px solid var(--line);border-radius:13px;padding:0 11px}.drawer-search-v5 input{width:100%;border:0;outline:0;padding:11px}.drawer-chat-list-v5{overflow:auto;padding:0 10px}.drawer-chat-list-v5>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:14px}.drawer-chat-list-v5>a:hover{background:#f6f8fb}.drawer-chat-list-v5 p{margin:3px 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-chat-list-v5 time{font-size:10px;color:#8c96a7}.drawer-chat-list-v5 em{grid-column:3;min-width:19px;height:19px;border-radius:99px;background:var(--red);color:#fff;font-style:normal;display:grid;place-items:center;font-size:10px}.chat-drawer-v5>footer{padding:15px;border-top:1px solid var(--line)}@keyframes drawerIn{from{transform:translateX(100%)}to{transform:none}}

/* Context-aware home */
.context-hero-v6{min-height:315px;border-radius:30px;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:end;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(90deg,rgba(3,12,28,.82),rgba(3,12,28,.42) 54%,rgba(3,12,28,.08)),url('../img/akfa-hero.jpg') center/cover}.context-hero-v6::after{content:"";position:absolute;inset:auto -8% -55% 45%;height:360px;background:radial-gradient(circle,rgba(227,6,19,.34),transparent 65%)}.context-copy-v6,.today-focus-v6{position:relative;z-index:1}.context-copy-v6 .eyebrow{color:#fff}.context-copy-v6 h1{font-size:52px;line-height:.98;letter-spacing:-.055em;margin:7px 0 12px}.context-copy-v6 h1 b{color:#fff}.context-copy-v6 p{font-size:18px;color:rgba(255,255,255,.9);margin:0}.context-meta-v6{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.context-meta-v6 span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.92);color:#111c31;border-radius:12px;padding:9px 12px;font-weight:800}.context-meta-v6 .akfa-icon{width:18px;height:18px;color:var(--red)}.context-actions-v6,.inline-actions-v6{display:flex;gap:9px;flex-wrap:wrap}.today-focus-v6{padding:22px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(5,15,34,.55);backdrop-filter:blur(14px)}.today-focus-v6>span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#dce4f0}.today-focus-v6>strong{display:block;margin:8px 0 18px;font-size:25px}.today-focus-v6 small{display:block;margin-top:12px;color:#e0e8f3}.experience-grid-v6{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:18px}.smart-action-grid-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.smart-action-grid-v6>a{display:grid;grid-template-columns:46px 1fr 20px;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:var(--transition)}.smart-action-grid-v6>a:hover{transform:translateY(-2px);border-color:#ffc2c6;box-shadow:var(--shadow-sm)}.smart-action-grid-v6 .icon-box{width:44px;height:44px;border-radius:13px}.smart-action-grid-v6 b,.smart-action-grid-v6 small{display:block}.smart-action-grid-v6 small{margin-top:3px;color:var(--muted);font-size:11px}.shift-summary-v6>strong{display:block;font-size:26px;margin:7px 0}.shift-summary-v6>span{display:block;color:var(--muted);margin-bottom:16px}.mini-kpi-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}.mini-kpi-v6>div{padding:12px;border-radius:13px;background:#f7f9fc;text-align:center}.mini-kpi-v6 b,.mini-kpi-v6 span{display:block}.mini-kpi-v6 b{font-size:24px}.mini-kpi-v6 span{font-size:11px;color:var(--muted);margin-top:3px}.learning-path-v6{display:flex;align-items:center;gap:12px}.learning-path-v6 p{margin:4px 0}.wallet-preview-v6{display:grid;grid-template-columns:95px 1fr;gap:15px;align-items:center}.wallet-preview-v6 img{width:92px;padding:8px;border:1px solid var(--line);border-radius:14px}.wallet-preview-v6 p{margin:5px 0 10px}.news-list-v6{display:grid}.news-list-v6>a{display:grid;grid-template-columns:42px 1fr 20px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.news-list-v6>a:last-child{border:0}.news-list-v6 b,.news-list-v6 small{display:block}.news-list-v6 small{color:var(--muted);margin-top:3px}.icon-box.mini{width:40px;height:40px;border-radius:12px}.safety-focus-v6{display:flex;gap:13px;align-items:center;margin:8px 0 16px}.safety-focus-v6 b{font-size:30px}.safety-focus-v6 p{margin:3px 0}

/* Supervisor and service workspaces */
.supervisor-kpis-v6{grid-template-columns:repeat(5,minmax(0,1fr))}.supervisor-kpis-v6 .kpi{min-height:135px}.approval-list-v6{display:grid;gap:10px}.approval-list-v6>article{border:1px solid var(--line);border-radius:16px;padding:14px}.approval-list-v6 header{display:flex;justify-content:space-between;gap:12px}.approval-list-v6 h3{margin:0}.approval-list-v6 form{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:12px}.quick-manager-actions-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-manager-actions-v6>a{padding:13px;border:1px solid var(--line);border-radius:14px;display:grid;gap:7px}.quick-manager-actions-v6>a:hover{border-color:#ffb9bd}.service-desk-v6{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.service-desk-toolbar-v6{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:14px}.filter-pills-v6{display:flex;gap:6px;flex-wrap:wrap}.filter-pills-v6 a,.filter-pills-v6 button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 12px;font-weight:800}.filter-pills-v6 .active{background:var(--red);color:#fff;border-color:var(--red)}.service-ticket-list-v6{display:grid;gap:9px}.service-ticket-v6{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--line);border-radius:16px;padding:14px}.service-ticket-v6:hover{border-color:#ffb9bd}.service-ticket-v6 h3{margin:4px 0}.service-ticket-meta-v6{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.service-ticket-v6.overdue{border-color:#fca5a5;background:#fff8f8}

/* Digital wallet and skills passport */
.wallet-hero-v6{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,#071126,#13284d);color:#fff;box-shadow:var(--shadow)}.wallet-brand-v6 h1{font-size:40px;margin:4px 0}.wallet-brand-v6 p{color:#dbe5f3}.wallet-id-v6{display:grid;grid-template-columns:96px 1fr;gap:15px;align-items:center;padding:18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.wallet-id-v6 img{background:#fff;padding:8px;border-radius:14px}.wallet-person-v6 b,.wallet-person-v6 span{display:block}.wallet-grid-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.wallet-stat-v6{display:flex;gap:12px;align-items:center}.wallet-stat-v6 b{font-size:27px}.wallet-document-v6{position:relative;overflow:hidden}.wallet-document-v6::after{content:"";position:absolute;right:-30px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:var(--red-soft)}.wallet-document-v6.expiring{border-color:#f9c870}.wallet-document-v6.expired{border-color:#fda4af;background:#fff8f8}.wallet-summary-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wallet-summary-v6>div{padding:14px;border-radius:14px;background:#f6f8fb}.wallet-summary-v6>div.warning{background:var(--orange-soft)}.wallet-summary-v6>div.success{background:var(--green-soft)}.wallet-summary-v6 b,.wallet-summary-v6 span{display:block}.wallet-summary-v6 b{font-size:24px}.wallet-summary-v6 span{font-size:11px;color:var(--muted);margin-top:3px}.skills-summary-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.skills-gap-kpi-v6{display:flex;gap:12px;align-items:center}.skills-gap-kpi-v6 b{font-size:26px}.skills-evidence-list-v6{display:grid;gap:10px}.skills-evidence-list-v6>article{display:grid;grid-template-columns:minmax(0,1fr) 180px 130px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:14px}.skill-level-bars-v6{display:flex;gap:4px}.skill-level-bars-v6 i{width:22px;height:8px;border-radius:99px;background:#e6ebf1}.skill-level-bars-v6 i.on{background:var(--green)}.evidence-skill-grid-v6{display:grid;gap:8px}.evidence-skill-grid-v6>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px}.evidence-skill-grid-v6 .icon-box{width:40px;height:40px}.evidence-skill-grid-v6 small{display:block;color:var(--muted);margin-top:3px}.profile-career-actions-v6{display:flex;gap:9px;flex-wrap:wrap}.profile-hub-v6{align-content:start}

/* Career command center */
.career-hero-v6{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#071126 0%,#172c52 65%,#a60a14 135%);color:#fff}.career-hero-v6 p{color:#dbe5f3}.career-score-v6{text-align:center}.readiness-ring-v6,.progress-ring-v6{--value:0;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--red) calc(var(--value)*1%),rgba(255,255,255,.16) 0)}.readiness-ring-v6::after,.progress-ring-v6::after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.career-hero-v6 .readiness-ring-v6::after{background:#142747}.readiness-ring-v6 b,.readiness-ring-v6 span,.progress-ring-v6 b,.progress-ring-v6 span{position:relative;z-index:1;display:block}.readiness-ring-v6 b,.progress-ring-v6 b{font-size:30px}.readiness-ring-v6 span,.progress-ring-v6 span{font-size:10px;color:#dbe5f3}.progress-ring-v6 span{color:var(--muted)}.career-command-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.career-command-v6>article{display:flex;gap:12px;align-items:center}.career-command-v6 b{font-size:26px}.career-ladder-track-v6{display:flex;gap:0;overflow:auto;padding:20px 4px}.career-ladder-track-v6>div{min-width:180px;position:relative;padding:15px;border:1px solid var(--line);background:#fff}.career-ladder-track-v6>div:first-child{border-radius:16px 0 0 16px}.career-ladder-track-v6>div:last-child{border-radius:0 16px 16px 0}.career-ladder-track-v6>div.current{background:var(--red-soft);border-color:#ffafb4}.career-ladder-track-v6>div.target{background:var(--blue-soft);border-color:#b6d0ff}.career-requirement-table-v6{display:grid;gap:8px}.career-requirement-table-v6>div{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 130px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.career-goals-grid-v6{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.internal-opportunity-grid-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.internal-opportunity-grid-v6>article{border:1px solid var(--line);border-radius:16px;padding:15px}.career-next-v6{border-left:4px solid var(--red)}

/* Announcements and events */
.announcements-hero-v6{display:flex;justify-content:space-between;gap:20px;align-items:center}.community-summary-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.community-summary-v6>div{padding:13px;border-radius:14px;background:#fff;border:1px solid var(--line);text-align:center}.community-summary-v6 b,.community-summary-v6 span{display:block}.community-summary-v6 b{font-size:24px}.announcement-grid-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.announcement-card-v6{display:grid;align-content:start;gap:12px}.announcement-card-v6 h2{margin:0}.event-meta-v6{display:grid;gap:7px}.event-meta-v6 span{display:flex;align-items:center;gap:8px;color:#556278}.event-tools-v6,.session-actions-v6{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rsvp-progress-v6{height:8px;border-radius:99px;background:#edf1f5;overflow:hidden}.rsvp-progress-v6 span{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff6971)}.checkin-card-v6{border:1px dashed #b8c4d5;border-radius:16px;padding:14px;background:#fbfcff}

/* Learning */
.training-hero-v6{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 58%,rgba(255,255,255,.25)),url('../img/akfa-hero.jpg') center/cover}.learning-command-v6{display:grid;grid-template-columns:minmax(350px,2fr) repeat(3,1fr);gap:12px;margin-bottom:18px}.learning-command-v6>article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:13px}.learning-score-v6{grid-row:span 1}.learning-score-v6 .progress-ring-v6{width:96px;height:96px}.learning-path-v6>a{display:grid;grid-template-columns:42px 1fr 20px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px}.learning-path-v6>a>span{width:36px;height:36px;border-radius:99px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-weight:900}.learning-path-v6>a.done>span{background:var(--green-soft);color:var(--green)}.skill-gap-mini-v6{display:grid;gap:8px;margin-bottom:12px}.skill-gap-mini-v6>div{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.skill-gap-mini-v6 small{display:block;color:var(--muted);margin-top:3px}.session-actions-v6{justify-content:flex-end}.module-side-stack{display:grid;gap:14px;align-content:start}

/* Chat v6 attachment, reactions and mute */
.chat-attachment-v6{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:rgba(255,255,255,.75);margin-top:7px}.chat-attachment-v6 img{max-width:220px;border-radius:10px}.chat-reactions-v6{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.chat-reactions-v6 button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 8px;font-size:11px}.chat-reactions-v6 button.mine{background:var(--blue-soft);border-color:#b6d0ff}.reaction-picker-v6{display:flex;gap:3px}.reaction-picker-v6 button{border:0;background:transparent;font-size:18px}.chat-compose-v6{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end}.chat-file-button-v6{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center}.chat-file-name-v6{grid-column:1/-1;font-size:11px;color:var(--muted)}

/* Admin integrations, storage, roles */
.integration-status-grid-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.integration-status-grid-v6>article{border:1px solid var(--line);border-radius:16px;padding:15px}.integration-mini-v6{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.integration-mini-v6:last-child{border:0}.integration-mini-v6>span{width:32px;height:32px;border-radius:10px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.integration-mini-v6 b,.integration-mini-v6 small{display:block}.integration-mini-v6 small{color:var(--muted);margin-top:3px}.diagnostics-side-v6{display:grid;gap:18px;align-content:start}.storage-status-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dataset-cloud-v6{display:flex;gap:7px;flex-wrap:wrap}.dataset-cloud-v6 span{padding:7px 9px;border-radius:999px;background:#eef2f7;font-size:11px}.role-matrix-v6{display:grid;gap:8px}.role-matrix-v6>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:10px;border-bottom:1px solid var(--line)}.settings-links-v6{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-account-v6{display:grid;grid-template-columns:42px 1fr 28px;gap:9px;align-items:center;margin:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;background:rgba(255,255,255,.06)}.admin-account-v6 b,.admin-account-v6 small{display:block}.admin-account-v6 small{opacity:.65}.admin-editor-v6{position:sticky;top:20px}.install-form-v6{display:grid;gap:13px}

/* Adaptive */
@media(max-width:1500px){.app-header{grid-template-columns:190px minmax(0,1fr) auto;padding:0 20px}.brand img{width:155px}.top-nav-v6>div>a{padding:0 9px;font-size:12px}.user-card-mini{min-width:150px}.context-hero-v6{min-height:285px}.smart-action-grid-v6{grid-template-columns:repeat(2,1fr)}.wallet-grid-v6,.announcement-grid-v6{grid-template-columns:repeat(2,1fr)}.supervisor-kpis-v6{grid-template-columns:repeat(3,1fr)}.integration-status-grid-v6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.top-nav-v6{display:none}.app-header{grid-template-columns:180px 1fr auto}.context-hero-v6{grid-template-columns:1fr}.today-focus-v6{max-width:520px}.experience-grid-v6>.span-8,.experience-grid-v6>.span-7,.experience-grid-v6>.span-5,.experience-grid-v6>.span-4{grid-column:span 12}.service-desk-v6,.wallet-hero-v6,.career-hero-v6{grid-template-columns:1fr}.skills-summary-v6,.career-command-v6{grid-template-columns:repeat(2,1fr)}.learning-command-v6{grid-template-columns:repeat(2,1fr)}.announcement-grid-v6{grid-template-columns:repeat(2,1fr)}.internal-opportunity-grid-v6{grid-template-columns:repeat(2,1fr)}.app-footer{margin-bottom:62px}.mobile-nav{display:grid}}
@media(max-width:760px){.page{padding:14px 12px 86px}.app-header{height:64px;padding:0 12px;grid-template-columns:135px 1fr auto}.brand img{width:125px}.user-card-mini{display:none}.header-workspace-v6 span,.logout-mini{display:none}.context-hero-v6{padding:22px;min-height:380px;align-items:start}.context-copy-v6 h1{font-size:38px}.context-meta-v6 span{width:100%}.today-focus-v6{align-self:end}.smart-action-grid-v6{grid-template-columns:1fr}.wallet-grid-v6,.announcement-grid-v6,.skills-summary-v6,.career-command-v6,.career-goals-grid-v6,.internal-opportunity-grid-v6,.learning-command-v6,.integration-status-grid-v6,.storage-status-v6{grid-template-columns:1fr}.wallet-hero-v6{padding:20px}.wallet-id-v6{grid-template-columns:76px 1fr}.skills-evidence-list-v6>article{grid-template-columns:1fr}.career-requirement-table-v6>div{grid-template-columns:1fr 1fr}.career-ladder-track-v6>div{min-width:150px}.announcement-grid-v6{display:block}.announcement-grid-v6>article{margin-bottom:12px}.supervisor-kpis-v6{grid-template-columns:repeat(2,1fr)}.approval-list-v6 form{grid-template-columns:1fr}.service-desk-toolbar-v6{align-items:stretch;flex-direction:column}.chat-drawer-v5{width:100%}.header-popover{position:fixed;left:8px;right:8px;top:68px;width:auto}.learning-command-v6{grid-template-columns:1fr}.app-footer{display:none}}

/* ======================================================================
   AKFA Employee Portal v6.1 — UX, forms and responsive layout overhaul
   ====================================================================== */
:root{
  --page-max:1720px;
  --header-h:72px;
  --control-h:46px;
  --focus-ring:0 0 0 4px rgba(227,6,19,.10);
  --panel-shadow:0 20px 55px rgba(7,17,38,.085);
}
body{overflow-x:hidden}
.page{width:min(var(--page-max),100%);padding:24px clamp(18px,2vw,34px) 32px}
.card{border-radius:20px;padding:clamp(18px,1.5vw,24px)}
.card-head{align-items:flex-start}.card-head>div{min-width:0}.card-head h2,.card-head h3{line-height:1.2}

/* Header/navigation: readable click-driven menus, no concatenated labels */
.app-header{height:var(--header-h);grid-template-columns:210px minmax(0,1fr) auto;padding:0 clamp(16px,2vw,30px);gap:14px}
.brand img{width:168px}
.top-nav-v6{gap:4px;overflow:visible}
.top-nav-v6 .nav-root-v6{height:46px;padding:0 12px;border-radius:13px;font-size:13px;line-height:1;white-space:nowrap}
.nav-group-v6{position:relative}
.nav-group-v6.open>.nav-root-v6,.nav-group-v6:focus-within>.nav-root-v6{background:var(--red-soft);color:var(--red)}
.nav-group-v6.open>.nav-root-v6>.akfa-icon:last-child{transform:rotate(180deg)}
.nav-menu-v6{
  left:50%;top:calc(100% + 10px);width:min(360px,calc(100vw - 24px));max-height:min(580px,calc(100vh - 96px));
  overflow:auto;transform:translate(-50%,8px);padding:10px;border-radius:18px;overscroll-behavior:contain;
}
.nav-group-v6.open .nav-menu-v6,.nav-group-v6:focus-within .nav-menu-v6{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-menu-v6::before{left:50%;margin-left:-6px}
.nav-menu-v6>a{
  height:auto!important;min-height:60px!important;padding:10px 12px!important;border-radius:13px!important;
  display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;
  white-space:normal!important;line-height:1.25!important;
}
.nav-menu-v6>a>.akfa-icon{width:21px!important;height:21px!important;margin-top:3px}
.nav-menu-v6>a>span{display:block;min-width:0;white-space:normal!important}
.nav-menu-v6>a b,.nav-menu-v6>a small{display:block;white-space:normal!important;overflow-wrap:anywhere}
.nav-menu-v6>a b{font-size:13px;line-height:1.2;color:#1f2937}
.nav-menu-v6>a small{margin-top:4px;color:var(--muted);font-size:11px;font-weight:650;line-height:1.35}
.nav-menu-v6>a:hover b,.nav-menu-v6>a.active b{color:var(--red)}

/* User account dropdown */
.user-menu-button-v6{
  min-width:205px;max-width:250px;padding:5px 8px;border:1px solid var(--line);border-radius:14px;background:#fff;
  grid-template-columns:42px minmax(0,1fr) 16px;grid-template-rows:auto auto;text-align:left;
}
.user-menu-button-v6:hover,.user-menu-button-v6.active{border-color:#ffc1c5;background:#fff8f8}
.user-menu-button-v6>.avatar{grid-column:1;grid-row:1/3}
.user-menu-button-v6>strong{grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-button-v6>small{grid-column:2;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-button-v6>.akfa-icon{grid-column:3;grid-row:1/3;width:15px;height:15px;align-self:center;transition:.18s}
.user-menu-button-v6.active>.akfa-icon{transform:rotate(180deg)}
.user-menu-v6{width:310px;padding:10px}
.user-menu-profile-v6{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--line)}
.user-menu-profile-v6 .avatar.big{width:58px;height:58px}
.user-menu-profile-v6 b,.user-menu-profile-v6 small,.user-menu-profile-v6 em{display:block}
.user-menu-profile-v6 small{margin-top:3px;color:var(--muted)}
.user-menu-profile-v6 em{margin-top:5px;color:var(--red);font-size:11px;font-style:normal;font-weight:850}
.user-menu-v6 nav{display:grid;padding:8px 0 0}
.user-menu-v6 nav a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:11px;font-weight:800}
.user-menu-v6 nav a:hover{background:#f7f9fc}.user-menu-v6 nav a.danger{color:var(--danger)}
.user-menu-v6 nav .akfa-icon{width:19px;height:19px}

/* Popovers */
.header-popover{top:52px;max-width:calc(100vw - 20px)}
.notification-popover-v5{width:400px}
.header-popover-list{scrollbar-width:thin}

/* Form controls */
.form-grid{gap:16px}
.form-grid label,.field{gap:8px;font-size:13px;line-height:1.25}
.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea,.search-input{
  min-height:var(--control-h);border-color:#dbe3ed;border-radius:12px;padding:11px 13px;background:#fff;
}
.form-grid textarea,.field textarea{min-height:104px;line-height:1.5}
.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover{border-color:#c9d3df}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{box-shadow:var(--focus-ring)}
.form-grid input[type=file]{padding:8px;min-height:48px;background:#fbfcfe}
.field-hint{line-height:1.4}

/* Unified segmented tabs */
.segmented-tabs-v61{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#f5f7fa;overflow:auto;scrollbar-width:none}
.segmented-tabs-v61::-webkit-scrollbar{display:none}
.segmented-tabs-v61 a,.segmented-tabs-v61 button{min-height:40px;padding:0 15px;border:0;border-radius:11px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:850;white-space:nowrap;color:#526078}
.segmented-tabs-v61 a.active,.segmented-tabs-v61 button.active{background:#fff;color:var(--red);box-shadow:0 5px 16px rgba(15,23,42,.08)}

/* Reusable modal / drawer for long forms */
.ui-dialog-v61{width:min(760px,calc(100vw - 24px));max-height:min(860px,calc(100dvh - 24px));padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 32px 100px rgba(4,12,28,.30);overflow:hidden}
.ui-dialog-v61::backdrop{background:rgba(7,17,38,.52);backdrop-filter:blur(5px)}
.ui-dialog-v61[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.ui-dialog-head-v61{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff}
.ui-dialog-head-v61 h2{margin:3px 0 0;font-size:24px;letter-spacing:-.035em}
.ui-dialog-close-v61{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}
.ui-dialog-close-v61:hover{background:var(--red-soft);color:var(--red);border-color:#ffc1c5}
.ui-dialog-body-v61{padding:20px 22px;overflow:auto;overscroll-behavior:contain}
.ui-dialog-foot-v61{padding:14px 22px;border-top:1px solid var(--line);background:#fbfcfe;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0}
.ui-dialog-v61.wide{width:min(980px,calc(100vw - 24px))}

/* Progressive forms */
.flow-form-v61{display:grid;gap:18px}
.flow-progress-v61{display:grid;grid-template-columns:repeat(var(--steps,3),1fr);gap:8px;padding:3px 0 4px}
.flow-progress-v61 span{display:flex;align-items:center;gap:8px;color:#7a8699;font-size:12px;font-weight:800;min-width:0}
.flow-progress-v61 span::before{content:attr(data-step);width:30px;height:30px;border-radius:99px;background:#eef2f6;color:#64748b;display:grid;place-items:center;flex:0 0 auto}
.flow-progress-v61 span.active{color:var(--red)}
.flow-progress-v61 span.active::before{background:var(--red);color:#fff;box-shadow:0 8px 18px rgba(227,6,19,.22)}
.flow-progress-v61 span.done{color:var(--green)}.flow-progress-v61 span.done::before{content:'✓';background:var(--green-soft);color:var(--green)}
.flow-step-v61{display:none}.flow-step-v61.active{display:grid;animation:flowFade .18s ease}@keyframes flowFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.flow-step-v61 .form-grid{align-items:start}
.flow-actions-v61{display:flex;justify-content:space-between;gap:10px;margin-top:4px}
.flow-actions-v61 .btn{min-width:140px}
.flow-review-v61{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}
.flow-review-v61>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px dashed #dbe3ed;padding-bottom:9px}.flow-review-v61>div:last-child{border:0;padding-bottom:0}
.flow-review-v61 span{color:var(--muted)}

/* Page section shells and action strips */
.module-view-head-v61{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 0 14px}
.module-view-head-v61 h2{margin:4px 0 0;font-size:25px;letter-spacing:-.035em}
.action-strip-v61{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.action-strip-v61 .grow{flex:1 1 250px}
.compact-stat-grid-v61{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.compact-stat-v61{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}
.compact-stat-v61 b,.compact-stat-v61 span{display:block}.compact-stat-v61 b{font-size:21px}.compact-stat-v61 span{font-size:12px;color:var(--muted);margin-top:3px}

/* Canteen v6.1 */
.canteen-overview-v61{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px;align-items:start}
.canteen-side-v61{display:grid;gap:14px}
.canteen-menu-list-v61{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.canteen-menu-list-v61 .dish-card{height:100%}
.rating-scale-v61{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.rating-scale-v61 label{position:relative;display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-weight:900}
.rating-scale-v61 input{position:absolute;opacity:0;pointer-events:none}
.rating-scale-v61 label:has(input:checked){border-color:#ff9299;background:var(--red-soft);color:var(--red);box-shadow:var(--focus-ring)}
.review-layout-v61{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}

/* Safety v6.1 */
.safety-command-v61{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.safety-report-cta-v61{padding:20px;border-radius:20px;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #ffc8cc;box-shadow:var(--shadow-sm)}
.safety-report-cta-v61 h2{margin:0 0 7px}.safety-report-cta-v61 p{margin:0 0 14px}
.safety-quick-grid-v61{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.safety-quick-grid-v61>div{padding:12px;border-radius:13px;background:#f7f9fc;border:1px solid var(--line)}
.safety-quick-grid-v61 b,.safety-quick-grid-v61 small{display:block}.safety-quick-grid-v61 small{margin-top:4px;color:var(--muted)}

/* Announcements */
.community-summary-v6{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px}
.community-summary-v6>article{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.community-summary-v6>article b{font-size:26px}.community-summary-v6>article small{color:var(--muted)}
.announcement-grid-v6{align-items:stretch}.announcement-card-v6{min-height:100%;border-top:4px solid #d8e0ea}.announcement-card-v6.training{border-top-color:var(--purple)}.announcement-card-v6.teambuilding{border-top-color:var(--green)}.announcement-card-v6.news{border-top-color:var(--red)}
.announcement-card-v6 .rsvp-actions{margin-top:auto}

/* Long-page helpers */
.sticky-subnav-v61{position:sticky;top:calc(var(--header-h) + 8px);z-index:80;background:rgba(246,248,251,.94);backdrop-filter:blur(12px);padding:8px 0}
.section-anchor-v61{scroll-margin-top:calc(var(--header-h) + 24px)}
.content-columns-v61{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.content-aside-v61{position:sticky;top:calc(var(--header-h) + 18px);display:grid;gap:14px}

/* Empty/error/loading states */
.empty-state-v61{display:grid;place-items:center;text-align:center;min-height:220px;padding:28px;border:1px dashed #cfd8e4;border-radius:18px;background:#fbfcfe}
.empty-state-v61 .icon-box{margin-bottom:10px}.empty-state-v61 h2{margin:0}.empty-state-v61 p{max-width:520px;margin:8px 0 0}

/* Avoid horizontal overflow and text collisions globally */
.card,.service-tile,.quick-tile,.announcement-card-v6,.nav-menu-v6>a,.user-card-mini{min-width:0}
h1,h2,h3,b,strong,p,small,span{overflow-wrap:break-word}
.table-wrap{border-radius:14px;border:1px solid var(--line)}

@media(max-width:1450px){
  .app-header{grid-template-columns:180px minmax(0,1fr) auto;padding:0 18px}.brand img{width:150px}
  .top-nav-v6 .nav-root-v6{padding:0 9px;font-size:12px}.user-menu-button-v6{min-width:170px;max-width:190px}
  .canteen-overview-v61,.review-layout-v61{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}
}
@media(max-width:1180px){
  .canteen-overview-v61,.review-layout-v61,.safety-command-v61,.content-columns-v61{grid-template-columns:1fr}
  .content-aside-v61{position:static}.compact-stat-grid-v61{grid-template-columns:repeat(2,1fr)}
  .community-summary-v6{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  :root{--header-h:64px}.page{padding:14px 12px 86px}.card{padding:16px;border-radius:17px}
  .ui-dialog-v61{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;margin:0}
  .ui-dialog-head-v61,.ui-dialog-body-v61,.ui-dialog-foot-v61{padding-left:16px;padding-right:16px}
  .flow-progress-v61 span{font-size:0}.flow-progress-v61 span::before{font-size:12px}
  .flow-actions-v61{position:sticky;bottom:-20px;background:#fff;padding:12px 0 2px;z-index:2}.flow-actions-v61 .btn{min-width:0;flex:1}
  .compact-stat-grid-v61,.community-summary-v6,.canteen-menu-list-v61,.safety-quick-grid-v61{grid-template-columns:1fr}
  .review-layout-v61{display:block}.review-layout-v61>*{margin-bottom:12px}
  .segmented-tabs-v61{border-radius:13px}.segmented-tabs-v61 a,.segmented-tabs-v61 button{padding:0 12px}
  .module-view-head-v61{align-items:flex-start;flex-direction:column}
  .header-popover{top:66px}
}

/* v6.1 polish for existing portal/admin pages */
.profile-tabs-v5,.service-tabs-v5,.conduct-tabs-v5{position:sticky;top:calc(var(--header-h) + 8px);z-index:70;background:rgba(246,248,251,.94);backdrop-filter:blur(14px);padding:7px;border-radius:16px;border:1px solid rgba(227,233,241,.9);box-shadow:0 10px 30px rgba(15,23,42,.045)}
.profile-tabs-v5 a,.service-tabs-v5 a{min-height:44px}
.request-wizard-v5{align-items:start}.request-form-tabs-v5{overflow:hidden}.wizard-steps-v5{margin:0 -22px 18px;padding:12px 22px;background:#f8fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.form-step-v5{min-height:280px;align-content:start}.form-step-actions-v5{position:sticky;bottom:-22px;background:#fff;padding:14px 0 2px;z-index:4}
.employee-form-tabs-v5{overflow:auto;scrollbar-width:none}.employee-form-tabs-v5::-webkit-scrollbar{display:none}
.employee-form-tabs-v5 button{white-space:nowrap}
.admin-main{max-width:1800px;width:100%;margin:0 auto}.admin-top{align-items:flex-start}
.admin-grid,.admin-kpis{align-items:start}
.admin-body .card{border-radius:18px}.admin-body .form-grid{gap:13px}.admin-body .table-wrap{background:#fff}
.faq-stack details,.knowledge-card{border-radius:14px}.faq-stack summary,.knowledge-card summary{min-height:64px}
.compact-reviews>div{align-items:flex-start}.compact-reviews small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.route-selector{scrollbar-width:thin;padding-bottom:4px}.module-tabs{scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}
.document-toolbar{align-items:center}.document-toolbar .admin-filterbar{flex-wrap:wrap}.document-toolbar .admin-filterbar>*{min-height:44px}
.page-title .hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1100px){.profile-tabs-v5,.service-tabs-v5,.conduct-tabs-v5{top:72px;overflow:auto;scrollbar-width:none}.profile-tabs-v5::-webkit-scrollbar,.service-tabs-v5::-webkit-scrollbar,.conduct-tabs-v5::-webkit-scrollbar{display:none}.profile-tabs-v5 a,.service-tabs-v5 a{flex:0 0 auto}.request-process-side-v5{position:static}.page-title{align-items:flex-start}.page-title .hero-actions{justify-content:flex-start}}
@media(max-width:760px){.profile-tabs-v5,.service-tabs-v5,.conduct-tabs-v5{top:64px;margin-left:-4px;margin-right:-4px}.wizard-steps-v5{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.page-title{flex-direction:column;align-items:stretch}.page-title h1{font-size:30px}.page-title .hero-actions,.page-title>button,.page-title>.btn{width:100%}.page-title .hero-actions .btn{flex:1}.admin-main{padding:12px}.admin-top{display:block}.admin-top .btn{margin-top:10px;width:100%}}

/* v6.1.1 final interaction safeguards */
.nav-group-v6:not(.open):not(:focus-within) .nav-menu-v6{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translate(-50%,10px)!important;
}
.nav-group-v6.open .nav-menu-v6,.nav-group-v6:focus-within .nav-menu-v6{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}
.nav-group-v6.open>a>.akfa-icon:last-child{transform:rotate(180deg)!important}
.ui-dialog-v61.dialog-fallback-open{
  display:grid!important;position:fixed;inset:16px;margin:auto;z-index:2500;
  width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);
}
body:has(.ui-dialog-v61.dialog-fallback-open)::after{
  content:"";position:fixed;inset:0;background:rgba(6,19,41,.58);backdrop-filter:blur(5px);z-index:2490;
}
@media(max-width:760px){
  .ui-dialog-v61.dialog-fallback-open{inset:0;width:100vw;height:100dvh;max-height:none}
}
@media(max-width:760px){
  dialog.ui-dialog-v61[open],.ui-dialog-v61.dialog-fallback-open{
    position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;
    height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;
  }
}

/* ========================================================================== */
/* v6.4 layout audit and Factory Ideas Center                                 */
/* ========================================================================== */
html{scrollbar-gutter:stable}body{min-width:320px}
img,svg,video,iframe{max-width:100%}
.page,.admin-main,.v63-main{min-width:0}
.grid-layout>*,.admin-grid>*,.admin-kpis>*,.service-layout>*,.experience-grid-v6>*,.content-columns-v61>*{min-width:0}
.card h1,.card h2,.card h3,.page-title h1,.page-hero h1{text-wrap:balance}
.card p,.page-hero p{max-width:75ch}
.table-wrap{overflow:auto;max-width:100%;overscroll-behavior-inline:contain}.table-wrap table{min-width:760px}
.form-grid>*{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
.btn{white-space:normal;text-align:center;line-height:1.2}
.app-header{isolation:isolate}.top-nav-v6{max-width:100%}.nav-menu-v6{z-index:1300}
.nav-menu-v6>a{grid-template-columns:34px minmax(0,1fr)!important}
.header-popover,.user-menu-v6{z-index:1400}.chat-drawer-v5{z-index:1600}.drawer-overlay-v5{z-index:1500}
.page-hero{background-position:center right}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 54%,rgba(255,255,255,.18) 100%);pointer-events:none}.page-hero>*{position:relative;z-index:1}
.page-title{align-items:flex-start}.page-title>div{min-width:0}.hero-actions{align-items:center}
.admin-sidebar{overflow-y:auto;overscroll-behavior:contain}.admin-main{overflow:hidden}.admin-top>div{min-width:0}.admin-filterbar{display:flex;flex-wrap:wrap;gap:8px}.admin-filterbar>*{min-height:42px}
.empty-state-v61.compact{min-height:160px;padding:20px}

/* Factory ideas / Kaizen */
.ideas-page-v64{padding-bottom:90px}.ideas-hero-v64{min-height:230px;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.35)),url('../img/akfa-hero.jpg')}.ideas-hero-v64 h1{font-size:clamp(38px,4vw,62px);max-width:850px}.ideas-hero-v64 p{max-width:850px}
.idea-kpis-v64{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.idea-kpis-v64 article{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);min-width:0}.idea-kpis-v64 b,.idea-kpis-v64 small{display:block}.idea-kpis-v64 b{font-size:26px;line-height:1}.idea-kpis-v64 small{margin-top:5px;color:var(--muted);line-height:1.25}
.ideas-toolbar-v64{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.ideas-tabs-v64{flex:0 1 auto}.ideas-filters-v64{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;min-width:0}.ideas-filters-v64 select{min-height:42px;max-width:220px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff}.ideas-search-v64{display:flex;align-items:center;gap:8px;min-width:190px;max-width:320px;flex:1;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff}.ideas-search-v64 input{width:100%;min-height:40px;border:0;outline:0;background:transparent}
.ideas-grid-v64{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.idea-card-v64{display:flex;flex-direction:column;min-height:310px;border-top:4px solid var(--red)}.idea-card-v64.is-private{border-top-color:var(--purple);background:linear-gradient(180deg,#fff,#fcfaff)}.idea-card-top-v64{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.idea-category-v64{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.idea-category-v64 .akfa-icon{width:17px;height:17px}.idea-category-v64.red{color:var(--red)}.idea-category-v64.blue{color:var(--blue)}.idea-category-v64.purple{color:var(--purple)}.idea-category-v64.green{color:var(--green)}.idea-category-v64.orange{color:var(--orange)}.idea-category-v64.cyan{color:var(--cyan)}.idea-category-v64.yellow{color:#a76b00}.idea-category-v64.gray{color:var(--muted)}
.idea-card-v64 h2{margin:4px 0 10px;font-size:22px;line-height:1.2}.idea-card-v64 h2 a{color:var(--ink);text-decoration:none}.idea-card-v64 h2 a:hover{color:var(--red)}.idea-card-v64>p{margin:0 0 18px;color:#56637a;line-height:1.55}.idea-author-v64{display:flex;align-items:center;gap:10px;margin-top:auto}.idea-author-v64 .avatar{width:38px;height:38px}.idea-author-v64 b,.idea-author-v64 small{display:block}.idea-author-v64 small{margin-top:3px;color:var(--muted);font-size:11px}.idea-card-footer-v64{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;font-weight:800;color:#667388}.idea-card-footer-v64 span{display:flex;align-items:center;gap:5px}.idea-card-footer-v64 span.is-voted{color:var(--green)}.idea-card-footer-v64 a{margin-left:auto;color:var(--red);display:flex;align-items:center;gap:5px}.ideas-empty-v64{grid-column:1/-1}
.idea-visibility-grid-v64{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.idea-visibility-grid-v64 label{position:relative;cursor:pointer}.idea-visibility-grid-v64 input{position:absolute;opacity:0}.idea-visibility-grid-v64 label>span{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;min-height:125px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.idea-visibility-grid-v64 label .akfa-icon{grid-row:1/3;width:48px;height:48px;padding:12px;border-radius:15px;background:var(--red-soft);color:var(--red)}.idea-visibility-grid-v64 b,.idea-visibility-grid-v64 small{display:block}.idea-visibility-grid-v64 small{margin-top:5px;color:var(--muted);line-height:1.4}.idea-visibility-grid-v64 input:checked+span{border-color:#ff969d;background:#fff8f8;box-shadow:var(--focus-ring)}.idea-recipient-v64{margin-bottom:16px;padding:14px;border:1px solid #ddd6fe;border-radius:15px;background:#faf8ff}

.idea-detail-title-v64{margin-bottom:14px}.idea-detail-title-v64 h1{margin-top:10px;max-width:1000px}.back-link-v64{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:var(--red);font-weight:850}.back-link-v64 .akfa-icon{transform:rotate(180deg)}.idea-detail-layout-v64{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.idea-detail-main-v64,.idea-detail-side-v64{display:grid;gap:18px}.idea-detail-side-v64{position:sticky;top:calc(var(--header-h) + 18px)}.idea-story-v64{display:grid;gap:0}.idea-section-v64{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.idea-section-v64:first-child{padding-top:0}.idea-section-v64:last-child{border:0;padding-bottom:0}.idea-section-v64 h2{margin:2px 0 8px}.idea-section-v64 p{margin:0;color:#445269;white-space:normal}.idea-score-card-v64{text-align:center}.idea-score-v64{padding:8px 0 18px}.idea-score-v64 strong,.idea-score-v64 span{display:block}.idea-score-v64 strong{font-size:52px;line-height:1;color:var(--red)}.idea-score-v64 span{margin-top:7px;color:var(--muted)}.idea-score-card-v64>small{display:block;margin-top:9px;color:var(--muted)}.idea-meta-v64{display:grid;grid-template-columns:130px minmax(0,1fr);gap:0;margin:0}.idea-meta-v64 dt,.idea-meta-v64 dd{padding:10px 0;border-bottom:1px solid var(--line)}.idea-meta-v64 dt{color:var(--muted)}.idea-meta-v64 dd{margin:0;font-weight:750}.idea-comment-form-v64{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start}.idea-comment-form-v64 .avatar{width:42px;height:42px}.idea-comment-form-v64 textarea{min-height:84px;border:1px solid var(--line);border-radius:13px;padding:12px;resize:vertical}.idea-comments-v64{display:grid;gap:0;margin-top:16px}.idea-comment-v64{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--line)}.idea-comment-v64 .avatar{width:42px;height:42px}.idea-comment-v64 header{display:flex;justify-content:space-between;gap:10px}.idea-comment-v64 header small{color:var(--muted)}.idea-comment-v64 p{margin:7px 0 0;color:#354157}.idea-private-note-v64{display:flex;gap:15px}.management-response-v64{margin-top:16px;padding:15px;border-radius:14px;background:#f5f3ff;border:1px solid #ddd6fe}.idea-history-v64{display:grid}.idea-history-v64>div{display:grid;grid-template-columns:14px 1fr;gap:9px;position:relative;padding-bottom:14px}.idea-history-v64>div>span{width:10px;height:10px;border-radius:50%;background:var(--red);margin-top:5px}.idea-history-v64>div:not(:last-child):before{content:"";position:absolute;left:4px;top:15px;bottom:0;border-left:2px solid var(--line)}.idea-history-v64 p{margin:0}.idea-history-v64 b,.idea-history-v64 small{display:block}.idea-history-v64 small{margin-top:3px;color:var(--muted)}
.community-idea-kpis-v64{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.community-idea-kpis-v64 span{padding:12px;border-radius:13px;background:#f7f9fc;text-align:center}.community-idea-kpis-v64 b,.community-idea-kpis-v64 small{display:block}.community-idea-kpis-v64 b{font-size:24px}.community-idea-kpis-v64 small{margin-top:3px;color:var(--muted)}
.idea-admin-kpis-v64{grid-template-columns:repeat(5,minmax(0,1fr))}.idea-admin-editor-v64{position:sticky;top:20px}.selected-row{background:#fff8f8}.idea-admin-editor-v64 .idea-meta-v64{grid-template-columns:100px minmax(0,1fr)}

/* Audit fixes at medium widths */
@media(max-width:1360px){
  .app-header{grid-template-columns:180px minmax(0,1fr) auto;padding-inline:16px;gap:10px}.brand img{width:148px}.top-nav-v6 .nav-root-v6{padding-inline:9px;font-size:12px}.user-menu-button-v6{min-width:170px;max-width:185px}
  .ideas-grid-v64{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-kpis-v64{grid-template-columns:repeat(3,minmax(0,1fr))}.ideas-toolbar-v64{align-items:stretch;flex-direction:column}.ideas-filters-v64{justify-content:flex-start}.idea-admin-kpis-v64{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .top-nav-v6{display:none}.app-header{grid-template-columns:180px 1fr auto}.mobile-nav{display:grid}
  .idea-detail-layout-v64{grid-template-columns:1fr}.idea-detail-side-v64{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.idea-detail-side-v64>*:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .ideas-hero-v64{padding:24px 18px;min-height:270px}.ideas-hero-v64 h1{font-size:36px}.idea-kpis-v64,.ideas-grid-v64,.idea-admin-kpis-v64{grid-template-columns:1fr}.ideas-filters-v64{display:grid;grid-template-columns:1fr}.ideas-filters-v64 select,.ideas-search-v64{max-width:none;width:100%}.idea-visibility-grid-v64{grid-template-columns:1fr}.idea-detail-side-v64{grid-template-columns:1fr}.idea-comment-form-v64{grid-template-columns:40px minmax(0,1fr)}.idea-comment-form-v64 button{grid-column:2;width:100%}.idea-comment-v64 header{display:block}.idea-meta-v64{grid-template-columns:1fr}.idea-meta-v64 dt{padding-bottom:2px;border:0}.idea-meta-v64 dd{padding-top:0}.idea-admin-editor-v64{position:static}
}