@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,Cairo,Arial,sans-serif;color:#252733;background:#f5f6f8;--navy:#17142d;--navy2:#24203e;--gold:#c98a22;--line:#dcdfe5;--blue:#165eb6;--red:#d92f45;--green:#4e9f38;--orange:#d27b18;--muted:#6d7280;--shadow:0 8px 26px rgba(25,26,36,.11)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh}.app.rtl{direction:rtl}.app.rtl .vault-header,.app.rtl .top-nav,.app.rtl .workspace{direction:rtl}
.vault-header{height:84px;background:linear-gradient(90deg,#17142d,#22203a);display:grid;grid-template-columns:310px minmax(320px,1fr) 380px;align-items:center;gap:24px;padding:0 24px;color:#fff;position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:13px}.brand img{width:74px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.brand strong,.brand span{display:block}.brand strong{font-size:24px;font-weight:700}.brand span{font-size:11px;color:#c9c7d8;margin-top:2px}.global-search{height:44px;background:#f7f7f2;border-radius:5px;display:grid;grid-template-columns:225px 1fr;color:#34333e;overflow:hidden}.global-search select{border:0;border-right:1px solid #d1d1cb;background:#ecece6;padding:0 14px;outline:none}.global-search div{display:flex;align-items:center;gap:8px;padding:0 13px}.global-search input{width:100%;border:0;background:transparent;outline:none}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.header-tools>button{width:42px;height:42px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:50%;position:relative}.header-tools button i{position:absolute;top:1px;right:0;background:#e24b39;color:white;border-radius:99px;font-style:normal;font-size:10px;padding:2px 5px}.user{display:flex;align-items:center;gap:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.16)}.user>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d9d5bc;color:#39362d;font-weight:800}.user strong,.user small{display:block}.user strong{font-size:13px}.user small{font-size:10px;color:#c9c7d8}
.top-nav{min-height:58px;background:white;border-bottom:1px solid #d8dadd;display:flex;align-items:stretch;padding:0 20px;position:sticky;top:84px;z-index:90;box-shadow:0 3px 10px rgba(28,29,36,.05)}.nav-wrap{position:relative}.top-nav button{border:0;background:transparent;padding:0 17px;min-height:58px;display:flex;align-items:center;gap:5px;font-size:14px}.top-nav button.active{border-bottom:4px solid var(--gold);font-weight:700}.top-nav button:hover{background:#f3f3f0}.nav-spacer{flex:1}.create-btn{align-self:center!important;min-height:38px!important;background:#1765bd!important;color:#fff!important;border-radius:4px!important;font-weight:700}.dropdown{position:absolute;top:54px;left:0;width:270px;background:#fff;border:1px solid #cdd0d5;border-top:4px solid #332f47;box-shadow:0 12px 30px rgba(0,0,0,.18);padding:8px 0;z-index:120}.dropdown button{min-height:39px;width:100%;justify-content:flex-start;padding:0 16px}.mobile-menu{display:none!important}
.workspace{display:flex;min-height:calc(100vh - 142px)}.sidebar{width:270px;background:#f0f1f2;border-right:1px solid #d7d9dd;padding:23px 17px;flex:0 0 auto}.profile-block{text-align:center;padding-bottom:20px;border-bottom:1px solid #d5d7db}.profile-avatar{width:92px;height:92px;margin:0 auto 10px;background:#aeb6ab;display:grid;place-items:center;color:#fff}.profile-block strong,.profile-block span{display:block}.profile-block span{font-size:12px;color:var(--muted);margin-top:3px}.sidebar section{margin-top:22px}.side-title{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:8px;color:#4b4e56}.sidebar section button{width:100%;border:0;background:transparent;min-height:40px;padding:0 9px;display:flex;align-items:center;gap:9px;text-align:left}.sidebar section button.active{background:#fff;border-left:4px solid var(--gold);font-weight:700}.sidebar section button b{margin-left:auto}.content{flex:1;min-width:0;padding:28px 34px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.page-heading.small{}.page-heading small{font-size:11px;color:var(--gold);letter-spacing:1.4px;font-weight:800}.page-heading h1{margin:4px 0 5px;font-size:29px;font-weight:500}.page-heading p{margin:0;color:var(--muted);font-size:13px}.page-heading button,.page-actions button,.detail-head button,.table-toolbar button{border:1px solid #cfd2d7;background:#fff;border-radius:4px;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px}.primary{background:#1765bd!important;color:#fff!important;border-color:#1765bd!important}.page-actions{display:flex;gap:8px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;box-shadow:0 2px 7px rgba(0,0,0,.04)}.metric>div{grid-row:1/4;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-right:12px}.metric span{font-size:12px;color:var(--muted)}.metric strong{font-size:28px;line-height:1.15}.metric small{font-size:10px;color:#8a8e98}.metric.orange>div{background:#fff0db;color:#c57813}.metric.blue>div{background:#e8f1fc;color:#1765bd}.metric.red>div{background:#ffe9ec;color:#d92f45}.metric.green>div{background:#eaf6e7;color:#4e9f38}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 3px 11px rgba(0,0,0,.05)}.panel.wide{grid-row:span 2}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e4e7;padding:15px 17px}.panel-title h2{font-size:16px;margin:0}.panel-title button{border:0;background:transparent;color:#1765bd;display:flex;align-items:center;gap:5px}.compact-list button{width:100%;border:0;border-bottom:1px solid #eceef0;background:white;display:grid;grid-template-columns:14px 1fr auto 24px;align-items:center;gap:11px;text-align:left;padding:14px 17px}.compact-list button:hover{background:#fafbf9}.compact-list strong,.compact-list span{display:block}.compact-list strong{font-size:13px}.compact-list span{font-size:10px;color:var(--muted);margin-top:4px}.status-dot{width:10px;height:10px;border-radius:50%;background:#779}.status-dot.high{background:#e08020}.status-dot.critical{background:#d92f45}.status-dot.medium{background:#e0bd34}.risk-chart{display:flex;align-items:center;justify-content:space-around;padding:25px 16px}.donut{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#d92f45 0 25%,#e08020 25% 50%,#e0bd34 50% 75%,#7bb66e 75%);position:relative}.donut:before{content:'';position:absolute;inset:19px;background:white;border-radius:50%}.donut span,.donut small{z-index:1}.donut span{font-size:26px;font-weight:800}.donut small{font-size:9px}.risk-chart p{display:flex;align-items:center;gap:7px;font-size:11px}.risk-chart p b{margin-left:auto}.risk-chart p i{width:9px;height:9px;border-radius:50%;background:#aaa}.risk-chart p i.critical{background:#d92f45}.risk-chart p i.high{background:#e08020}.risk-chart p i.medium{background:#e0bd34}.risk-chart p i.low{background:#7bb66e}.task-list button{width:100%;display:flex;gap:9px;text-align:left;border:0;border-bottom:1px solid #eceef0;background:white;padding:13px 15px}.task-list strong,.task-list span{display:block}.task-list strong{font-size:12px}.task-list span{font-size:10px;color:var(--muted);margin-top:3px}.doc-stats{padding:10px 17px}.doc-stats p{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;margin:0}.doc-stats p b{font-size:18px}
.table-toolbar{display:flex;justify-content:space-between;border-bottom:2px solid var(--gold);padding:0 0 10px}.table-toolbar>div{display:flex;gap:6px}.data-table{background:#fff}.tr{display:grid;grid-template-columns:30px 2.2fr 1fr 1.1fr 1.1fr 1fr 34px;align-items:center;width:100%;min-height:68px;border:0;border-bottom:1px solid #dfe1e4;background:#fff;text-align:left;padding:0 9px;gap:10px}.tr:hover{background:#fbfbf7}.tr.th{min-height:45px;border-top:1px solid #ddd;background:#f6f6f3}.tr.th b{display:flex;align-items:center;justify-content:space-between;font-size:12px}.tr>span{font-size:12px;min-width:0}.tr strong{font-size:13px;font-weight:500;color:#245f92}.tr strong small{display:block;color:#555;font-size:10px;margin-top:4px}.empty{text-align:center;padding:80px;color:#777}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:5px 10px;border-radius:99px;background:#e1e5e8;color:#545a60;font-size:10px;white-space:nowrap}.badge.in-investigation,.badge.in-progress,.badge.assessment{background:#fff0d7;color:#a65d00}.badge.in-approval,.badge.planned{background:#e8f1fc;color:#155a9e}.badge.effectiveness-check,.badge.effective,.badge.closed,.badge.completed{background:#e6f3e3;color:#3d7b30}.badge.critical{background:#ffe5e8;color:#b62034}.badge.high{background:#ffedd7;color:#b55d00}.badge.medium{background:#fff8cf;color:#8d7600}.badge.draft,.badge.not-started{background:#eceef0;color:#656a72}.detail-head{display:flex;align-items:flex-start;gap:18px;border-bottom:2px solid var(--gold);padding-bottom:15px}.detail-head>button:first-child{border:0;background:transparent}.detail-head>div:nth-child(2){flex:1}.detail-head small{color:var(--muted)}.detail-head h1{font-size:24px;font-weight:500;margin:5px 0 9px}.detail-head>div:last-child{display:flex;gap:8px}.lifecycle{display:flex;margin:20px 0}.lifecycle>div{height:44px;background:#dfe4e6;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;position:relative;font-size:10px}.lifecycle>div:not(:last-child):after{content:'';position:absolute;right:-15px;border-left:15px solid #dfe4e6;border-top:22px solid transparent;border-bottom:22px solid transparent;z-index:2}.lifecycle>div:not(:first-child):before{content:'';position:absolute;left:0;border-left:15px solid #f5f6f8;border-top:22px solid transparent;border-bottom:22px solid transparent}.lifecycle>div.done,.lifecycle>div.current{background:#92c879}.lifecycle>div.done:not(:last-child):after,.lifecycle>div.current:not(:last-child):after{border-left-color:#92c879}.lifecycle span{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.65);display:grid;place-items:center}.lifecycle svg{width:16px}.detail-layout{display:grid;grid-template-columns:220px 1fr;gap:25px}.record-nav{border-right:1px solid #d5d8dc}.record-nav button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px 12px}.record-nav button.active{border-left:4px solid #24203e;background:white;font-weight:700}.record-content{min-width:0}.accordion{border-bottom:1px solid #d7dadd;background:#fff}.accordion>button{width:100%;height:52px;border:0;background:#fff;display:flex;align-items:center;gap:8px;text-align:left;padding:0 14px}.accordion>button svg{transition:.2s}.accordion>button svg.rotate{transform:rotate(180deg)}.accordion>div{padding:8px 20px 20px}.timeline p{display:grid;grid-template-columns:18px 1fr;gap:4px 10px;position:relative;margin:15px 0}.timeline p i{width:12px;height:12px;border-radius:50%;background:#78b665;margin-top:3px}.timeline p span{grid-column:2;color:var(--muted);font-size:10px}.participant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.participant-grid p{display:flex;gap:10px;background:#f6f7f7;padding:13px}.participant-grid b,.participant-grid span{display:block}.participant-grid b{font-size:10px;color:var(--muted);margin-bottom:4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.field b,.field span{display:block}.field b{text-transform:capitalize;font-size:10px;color:#343740;margin-bottom:5px}.field span{font-size:13px;color:#555}.field.wide{grid-column:1/-1}.capa-box{border:1px solid #d6d9dc;background:#f8f9f8;padding:15px;display:flex;align-items:center;gap:12px}.capa-box>div{display:flex;gap:9px;flex:1}.capa-box span b,.capa-box span{display:block}.capa-box button{border:1px solid #1765bd;color:#1765bd;background:white;padding:8px 11px}.generic-card{margin-top:20px;background:white;border:1px solid #ddd;padding:24px}.generic-card h2{font-size:17px;margin-top:0}.reports-page .report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.report-grid article{height:190px;background:white;border:1px solid #ddd;padding:17px;display:flex;flex-direction:column;gap:7px}.report-grid article>svg{color:#1765bd}.report-grid article b{font-size:14px}.report-grid article span{font-size:11px;color:var(--muted)}.mini-bars{display:flex;align-items:end;gap:8px;height:80px;margin-top:auto}.mini-bars i{flex:1;background:linear-gradient(#1765bd,#8eb7e6)}.report-table{margin-top:18px;background:white;border:1px solid #ddd}.saved-report{display:grid;grid-template-columns:2fr 2fr 1fr;padding:15px;border-bottom:1px solid #ddd;color:#245f92}.saved-report span{color:#444}.saved-report b{color:#43813c}.modal-backdrop{position:fixed;inset:0;background:rgba(12,12,20,.56);display:grid;place-items:center;z-index:200;padding:20px}.modal{width:min(760px,100%);background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.35)}.modal-head{display:flex;justify-content:space-between;padding:20px 23px;border-bottom:2px solid var(--gold)}.modal-head small{color:var(--gold);font-weight:800}.modal-head h2{margin:4px 0 0;font-size:25px}.modal-head button{border:0;background:transparent}.modal-body{padding:22px;display:grid;gap:16px}.modal label{display:grid;gap:6px;font-size:12px;font-weight:700}.modal input,.modal select,.modal textarea{border:1px solid #cdd0d5;padding:10px;outline:none}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#1765bd;box-shadow:0 0 0 3px rgba(23,101,189,.12)}.modal .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #ddd}.modal-footer button{min-height:38px;border:1px solid #cdd0d5;background:#fff;padding:0 14px;display:flex;align-items:center;gap:6px}.toast{position:fixed;right:22px;bottom:22px;background:#243d2a;color:white;padding:13px 17px;box-shadow:var(--shadow);display:flex;align-items:center;gap:9px;z-index:300}
@media(max-width:1200px){.vault-header{grid-template-columns:260px 1fr 260px}.brand strong{font-size:19px}.user div{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.reports-page .report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.vault-header{height:auto;grid-template-columns:1fr auto;padding:12px 15px}.global-search{grid-column:1/-1;grid-row:2;height:40px}.top-nav{top:110px;overflow-x:auto;padding:0 8px}.top-nav button{white-space:nowrap;padding:0 12px}.workspace{display:block}.sidebar{position:fixed;top:168px;bottom:0;left:-290px;z-index:80;transition:.25s;box-shadow:var(--shadow);overflow:auto}.sidebar.open{left:0}.mobile-menu{display:flex!important}.content{padding:20px 16px}.dashboard-grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}.detail-layout{grid-template-columns:1fr}.record-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #ddd}.record-nav button{white-space:nowrap;width:auto}.tr{grid-template-columns:24px 2fr 1fr 1fr 32px}.tr>*:nth-child(5),.tr>*:nth-child(6){display:none}.lifecycle{overflow:auto}.lifecycle>div{min-width:150px}.page-heading{gap:15px}.reports-page .report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vault-header{grid-template-columns:1fr auto}.brand img{width:58px;height:43px}.brand strong{font-size:17px}.brand span{display:none}.header-tools .user{display:none}.global-search{grid-template-columns:130px 1fr}.top-nav{top:103px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:12px;grid-template-columns:38px 1fr}.metric>div{width:34px;height:34px}.metric strong{font-size:22px}.page-heading{display:block}.page-heading .primary,.page-actions{margin-top:12px}.participant-grid,.detail-grid,.modal .two{grid-template-columns:1fr}.reports-page .report-grid{grid-template-columns:1fr}.tr{grid-template-columns:24px 2fr 1fr 32px}.tr>*:nth-child(4){display:none}.content{padding:15px 10px}.page-heading h1{font-size:23px}.modal-body{padding:15px}.lifecycle>div{min-width:130px}}

.logout-tool{display:grid!important;place-items:center}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f4f5f7}.auth-brand{background:linear-gradient(135deg,#17142d,#2b2747);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center}.auth-brand img{width:190px;background:#fff;border-radius:18px;padding:12px;margin-bottom:28px}.auth-brand small{color:#d7a143;letter-spacing:2px;font-weight:800}.auth-brand h1{font-size:52px;line-height:1.1;margin:12px 0 18px}.auth-brand p{max-width:620px;color:#cbc9d7;line-height:1.9}.auth-card{width:min(430px,calc(100% - 40px));margin:auto;background:#fff;border:1px solid #dfe1e5;border-radius:12px;padding:32px;box-shadow:var(--shadow)}.auth-card>small{color:var(--gold);font-weight:800;letter-spacing:1.5px}.auth-card h2{font-size:31px;margin:8px 0}.auth-card>p{color:var(--muted);line-height:1.7}.auth-card form{display:grid;gap:16px;margin-top:23px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-card input{min-height:45px;border:1px solid #cdd0d5;padding:0 12px;outline:none}.auth-card input:focus{border-color:#1765bd;box-shadow:0 0 0 3px rgba(23,101,189,.13)}.auth-card form button{min-height:46px;border:0;border-radius:4px;font-weight:800}.auth-link{width:100%;margin-top:15px;border:0;background:transparent;color:#1765bd;font-weight:700}.auth-error{background:#fff0f1;border:1px solid #facbd0;color:#a52837;padding:11px;border-radius:5px;font-size:12px}.system-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;background:#f4f5f7}.system-loading img{width:170px;background:#fff;border-radius:15px;padding:10px;box-shadow:var(--shadow)}.system-loading strong{font-size:22px}.system-loading span{color:var(--muted)}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:35px 25px;min-height:310px}.auth-brand h1{font-size:35px}.auth-brand img{width:145px;margin-bottom:18px}.auth-card{margin:25px auto}}

/* GYPTO QMS V4 enterprise navigation, notifications and administration */
.enterprise-dropdown{display:none;max-height:min(68vh,620px);overflow:auto;width:330px;padding:6px 0}
.enterprise-dropdown.open{display:block}
.enterprise-dropdown button{font-size:13px;min-height:42px;border-bottom:1px solid #f0f0ed}
.enterprise-dropdown button:hover{background:#f5f3ec;border-left:4px solid var(--gold);padding-left:12px}
.nav-wrap.menu-open>button{border-bottom:4px solid #332f47;background:#f3f3ef;font-weight:700}
.header-tools{position:relative}.notification-wrap{position:relative}.notification-button.has-unread{background:rgba(201,138,34,.22)!important;color:#ffd779!important}
.notification-panel{position:absolute;top:51px;right:0;width:390px;max-height:590px;background:#fff;color:#252733;border:1px solid #cfd2d7;border-top:4px solid var(--gold);box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:250;text-align:left}
.notification-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e4e5e8}.notification-head strong,.notification-head span{display:block}.notification-head strong{font-size:16px}.notification-head span{font-size:10px;color:var(--muted);margin-top:3px}.notification-head button{border:0;background:transparent;color:#1765bd;font-size:11px;width:auto;height:auto;border-radius:0}
.notification-list{overflow:auto;max-height:510px}.notification-item{width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px 15px;border:0;border-bottom:1px solid #eceef0;background:#fff;text-align:left}.notification-item:hover{background:#f7f8f5}.notification-item.unread{background:#fff9e9;border-left:4px solid var(--gold)}.notification-item.critical{background:#fff0f1}.notification-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf1f5;color:#315a7e}.notification-item.critical .notification-icon{background:#ffe0e4;color:#c72d41}.notification-item.task .notification-icon{background:#e7f0fc;color:#1765bd}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{font-size:12px}.notification-item small{font-size:10px;color:#555;margin-top:3px;line-height:1.45}.notification-item time{font-size:9px;color:#9397a0;margin-top:5px}.notification-empty{padding:65px 20px;text-align:center;color:#777}
.empty.compact{padding:24px}.restricted-message{padding:34px;border:1px solid #f0c6c6;background:#fff3f3;color:#8d2630;border-radius:6px}
.audit-card{margin-top:17px}.record-audit-list{display:grid;gap:10px}.record-audit-list article{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border:1px solid #e0e2e5;background:#fafbfa}.audit-action{display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:99px;font-size:9px;font-weight:800;background:#e8edf1;color:#43515c}.audit-action.insert{background:#e6f4e3;color:#36742c}.audit-action.update{background:#e8f1fc;color:#155a9e}.audit-action.delete{background:#ffe4e7;color:#b52337}.record-audit-list strong,.record-audit-list small{display:block}.record-audit-list strong{font-size:12px}.record-audit-list small{font-size:10px;color:var(--muted);margin-top:4px}.record-audit-list details{margin-top:8px}.record-audit-list summary{font-size:10px;color:#1765bd;cursor:pointer}.record-audit-list pre,.audit-admin-list pre{max-height:260px;overflow:auto;background:#171a20;color:#e5ebef;padding:11px;font-size:9px;white-space:pre-wrap;word-break:break-word}
.admin-page{min-width:0}.admin-tabs{display:flex;border-bottom:2px solid var(--gold);gap:2px;margin-bottom:18px;overflow:auto}.admin-tabs button{border:1px solid #d7d9dd;border-bottom:0;background:#eceeef;padding:11px 18px;white-space:nowrap}.admin-tabs button.active{background:#fff;font-weight:800;color:#183a5c}.admin-panel{background:#fff;border:1px solid #d9dce0;box-shadow:0 4px 12px rgba(0,0,0,.04)}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #dfe1e4}.admin-panel-head h2{margin:0 0 5px;font-size:18px}.admin-panel-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.admin-panel-head>div:last-child{display:flex;gap:8px}.admin-panel-head button,.save-inline,.permission-row button,.master-row button{border:1px solid #cdd0d5;background:#fff;min-height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border-radius:3px}.admin-table{overflow:auto}.admin-row{display:grid;align-items:center;gap:10px;border-bottom:1px solid #e2e4e7;padding:10px 13px;min-width:1040px}.user-admin-table .admin-row{grid-template-columns:1.5fr 1.7fr .8fr .9fr .55fr .5fr .8fr}.admin-row.admin-th{background:#f2f3f1;min-height:43px;padding-top:0;padding-bottom:0}.admin-row strong,.admin-row small{display:block}.admin-row strong{font-size:12px}.admin-row small{font-size:9px;color:var(--muted);margin-top:3px}.admin-row input,.admin-row select{width:100%;border:1px solid #cfd2d6;min-height:34px;padding:0 8px;background:#fff}.admin-row span:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:5px}.admin-row input[type=checkbox]{width:18px;min-height:18px}.permission-matrix{overflow:auto}.permission-row{min-width:940px;display:grid;grid-template-columns:150px repeat(7,90px) 110px;align-items:center;border-bottom:1px solid #e0e2e5;padding:10px 14px;gap:7px}.permission-head{background:#f2f3f1;padding-top:13px;padding-bottom:13px}.permission-row label{display:grid;place-items:center}.permission-row input{width:18px;height:18px}.permission-row strong{text-transform:capitalize}.master-table .master-row{grid-template-columns:1fr 1fr 2fr .65fr .55fr .8fr;min-width:820px}.audit-admin-list{max-height:650px;overflow:auto}.audit-admin-list article{display:grid;grid-template-columns:74px minmax(260px,1fr) minmax(200px,.8fr);gap:14px;padding:13px 16px;border-bottom:1px solid #e0e2e5;align-items:start}.audit-admin-list strong,.audit-admin-list p,.audit-admin-list small{display:block;margin:0}.audit-admin-list strong{font-size:12px}.audit-admin-list p{font-size:10px;color:#555;margin:5px 0}.audit-admin-list small{font-size:9px;color:var(--muted)}.audit-admin-list details summary{cursor:pointer;color:#1765bd;font-size:10px}.small-modal{width:min(560px,100%)}
.tr span:last-child{display:grid;place-items:center;color:#466578}
@media(max-width:900px){.notification-panel{position:fixed;top:108px;left:10px;right:10px;width:auto;max-height:70vh}.enterprise-dropdown{position:fixed;top:168px;left:12px;right:12px;width:auto;max-height:65vh}.admin-panel-head{display:block}.admin-panel-head>div:last-child{margin-top:12px;flex-wrap:wrap}.audit-admin-list article{grid-template-columns:65px 1fr}.audit-admin-list article details{grid-column:1/-1}}
@media(max-width:600px){.notification-panel{top:101px}.admin-tabs button{padding:10px 12px}.admin-panel-head{padding:14px}.permission-row{grid-template-columns:120px repeat(7,72px) 95px}.audit-admin-list article{grid-template-columns:1fr}.audit-action{width:72px}}

/* GYPTO QMS V5 — interactive sidebar views and filters */
.top-nav{overflow:visible}
.enterprise-dropdown{pointer-events:auto}
.sidebar .filters-section{padding-bottom:22px}
.side-title>span{display:flex;align-items:center;gap:7px}
.side-title em{font-style:normal;background:#c98a22;color:#fff;border-radius:99px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:10px}
.clear-all-filters{width:auto!important;min-height:24px!important;padding:0!important;color:#1765bd!important;font-size:10px!important;font-weight:700}
.side-filter{border-bottom:1px solid #dfe1e4}
.sidebar section .side-filter-toggle{min-height:45px;padding:0 7px;font-weight:500}
.side-filter-toggle span{flex:1;text-align:left}
.side-filter-toggle b{background:#223d5b;color:white;border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;font-size:9px;margin-left:auto!important}
.side-filter-options{display:none;padding:3px 5px 11px 29px;max-height:215px;overflow:auto}
.side-filter.open .side-filter-options{display:grid;gap:3px}
.side-filter-options label{display:flex;align-items:center;gap:8px;min-height:31px;font-size:11px;color:#3e4650;cursor:pointer}
.side-filter-options label:hover{color:#1765bd}
.side-filter-options input{width:16px;height:16px;accent-color:#1765bd;flex:0 0 auto}
.side-filter-options small{color:#8a8f98;font-size:10px;padding:8px 0;line-height:1.5}
.sidebar section .clear-one-filter{width:auto;min-height:28px;padding:0;color:#a42d3d;font-size:10px;font-weight:700}
.filter-result-count{margin-top:12px;padding:10px;border:1px solid #d7dde2;background:#fff;color:#5f6670;font-size:10px;text-align:center}
.active-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-9px 0 15px;padding:10px 12px;background:#eef3f7;border:1px solid #d8e0e6}
.active-filter-bar>div{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.active-filter-bar button,.view-chip{border:1px solid #cbd5de;background:#fff;border-radius:99px;padding:6px 9px;display:inline-flex;align-items:center;gap:5px;font-size:10px}
.active-filter-bar>button{color:#a52b3c;border:0;background:transparent;font-weight:700;white-space:nowrap}
.view-chip{background:#253e5a;color:white;border-color:#253e5a}
.record-row{cursor:pointer;background:#fff;border:0;width:100%;text-align:left}
.record-row:hover{background:#f7f8f5}
.favorite-toggle{border:0;background:transparent;width:28px;height:28px;display:grid;place-items:center;color:#a0a4aa;padding:0;border-radius:50%}
.favorite-toggle:hover{background:#fff4d9;color:#c98a22}
.favorite-toggle.selected{color:#c98a22}
.favorite-toggle.selected svg{fill:#f5c04c}
@media(max-width:900px){
  .top-nav{overflow-x:auto;overflow-y:visible}
  .sidebar{padding-bottom:70px}
  .active-filter-bar{align-items:flex-start}
}
@media(max-width:600px){
  .active-filter-bar{display:block}
  .active-filter-bar>button{margin-top:8px;padding-left:0}
}

/* GYPTO QMS V7 — SOP approval workflow */
.sop-create-modal{width:min(900px,calc(100vw - 32px))}
.revision-source{padding:14px;border:1px solid #d9e2e7;background:#f7fafb;border-radius:8px}
.revision-source.hidden{display:none}
.revision-source small{display:block;margin-top:7px;color:#71808d}
.approval-preview{border:1px solid #d9e6df;background:#f3faf6;border-radius:10px;padding:15px 17px;color:#24312c}
.approval-preview>strong{display:flex;align-items:center;gap:8px;color:#0d7657;margin-bottom:10px}
.approval-preview ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:0;padding-inline-start:22px;font-size:13px}
.document-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.document-summary-grid>article{background:#fff;border:1px solid var(--line,#d9dfe3);padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.document-description{margin:0;line-height:1.8;color:#4e5b65;white-space:pre-wrap}
.approval-card .panel-title{margin-bottom:16px}
.document-approval-cycle{display:grid;gap:10px}
.approval-step{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #dce3e6;background:#fbfcfd;padding:13px 15px;border-radius:8px;position:relative}
.approval-step.current{border-color:#c58a18;box-shadow:inset 4px 0 #c58a18;background:#fffbf1}
.approval-step.approved{border-color:#b9ddca;background:#f4fbf7}
.approval-step.rejected{border-color:#efb9b9;background:#fff5f5}
.approval-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e9eef1;font-weight:800;color:#48545d}
.approval-step.approved .approval-number{background:#16845e;color:#fff}
.approval-step.rejected .approval-number{background:#c23838;color:#fff}
.approval-step strong,.approval-step small,.approval-step em{display:block}
.approval-step small{color:#687680;margin-top:3px}
.approval-step em{font-size:11px;color:#89949c;margin-top:4px;font-style:normal}
.approval-step p{margin:7px 0 0;color:#4c5860;font-size:12px}
.approval-actions{grid-column:2/4;display:flex;gap:8px;padding-top:8px;border-top:1px solid #e5e9eb}
.approval-actions button{border-radius:5px;padding:8px 13px;display:inline-flex;align-items:center;gap:6px;font-weight:700}
.approval-actions .approve{background:#0e7c59;color:#fff;border:1px solid #0e7c59}
.approval-actions .reject{background:#fff;color:#b32828;border:1px solid #dc9e9e}
.sop-user-admin.admin-table{overflow-x:auto}
.sop-user-admin .admin-row{grid-template-columns:minmax(190px,1.1fr) minmax(240px,1.35fr) 120px 130px 65px 65px 90px;min-width:1000px}
.sop-user-admin .admin-user-row>span:nth-child(2){display:grid;gap:5px}
@media(max-width:800px){
 .approval-preview ol,.document-summary-grid{grid-template-columns:1fr}
 .document-summary-grid>article{grid-template-columns:1fr}
 .approval-step{grid-template-columns:38px minmax(0,1fr)}
 .approval-step>.badge{grid-column:2}
 .approval-actions{grid-column:1/3}
}

/* V9: Controlled SOP / document code */
.field-help{display:block;margin-top:3px;color:#6d737b;font-size:10px;font-weight:500;line-height:1.55}
.modal input[readonly]{background:#f2f4f5;color:#59616a;cursor:not-allowed}

/* GYPTO QMS V14 — complete Action / CAPA execution workflow */
.action-detail-page{max-width:1600px;margin:0 auto}.migration-warning{margin:14px 0;padding:12px 14px;border:1px solid #e2a43b;background:#fff7e7;color:#7c530b;border-radius:7px}.unassigned-warning{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px 15px;border:1px solid #e4ad55;background:#fff8e9;border-radius:8px;color:#6d4a12}.unassigned-warning>div{flex:1}.unassigned-warning strong,.unassigned-warning span{display:block}.unassigned-warning span{font-size:11px;margin-top:3px}.unassigned-warning button{border:1px solid #c98820;background:#c98820;color:#fff;border-radius:5px;padding:8px 13px;font-weight:700}.action-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:20px 0}.action-lifecycle>div{min-height:58px;background:#e1e5e7;border-right:3px solid #f5f6f8;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;position:relative;text-align:center}.action-lifecycle>div:first-child{border-radius:7px 0 0 7px}.action-lifecycle>div:last-child{border-radius:0 7px 7px 0;border-right:0}.action-lifecycle>div.done{background:#7fb870;color:#fff}.action-lifecycle>div.current{background:#d9b55a;color:#342807}.action-lifecycle>div.optional{opacity:.68}.action-lifecycle span{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.65);display:grid;place-items:center;font-weight:800}.action-lifecycle b{font-size:11px}.action-lifecycle small{font-size:9px}.action-command-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid #d8dde2;border-left:5px solid #1765bd;border-radius:7px;padding:13px 15px;margin-bottom:16px}.action-command-bar strong,.action-command-bar small{display:block}.action-command-bar small{color:#727b85;margin-top:3px;font-size:10px}.action-command-bar>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.action-command-bar button,.section-action,.evidence-uploader button,.workflow-history-card button{border:1px solid #cbd1d7;background:#fff;border-radius:5px;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700}.success-button{background:#157a55!important;color:#fff!important;border-color:#157a55!important}.action-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.action-summary-cards article{background:#fff;border:1px solid #dce0e4;border-radius:7px;padding:15px;display:flex;align-items:center;gap:12px}.action-summary-cards article>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf3f8;color:#1765bd}.action-summary-cards small,.action-summary-cards strong{display:block}.action-summary-cards small{font-size:10px;color:#777f88}.action-summary-cards strong{font-size:12px;margin-top:4px;line-height:1.35}.action-detail-layout .record-nav{min-width:215px}.action-detail-layout .record-content{min-width:0}.section-action{margin:12px 0 2px}.evidence-uploader{display:grid;grid-template-columns:1.2fr .8fr 1.1fr auto;gap:10px;align-items:end;padding:14px;background:#f4f7f8;border:1px dashed #b9c8d3;border-radius:8px;margin-bottom:13px}.evidence-uploader label{font-size:11px;font-weight:700}.evidence-uploader input,.evidence-uploader select{display:block;width:100%;min-height:38px;margin-top:6px;border:1px solid #cbd2d8;background:#fff;padding:7px}.evidence-uploader input[type=file]{padding:6px}.evidence-uploader small{display:block;color:#747e87;font-size:9px;margin-top:5px}.evidence-list{display:grid;gap:8px}.evidence-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #dde2e5;background:#fff;padding:11px 12px;border-radius:7px}.evidence-file-icon{width:40px;height:40px;border-radius:7px;background:#eef3f7;color:#1765bd;display:grid;place-items:center}.evidence-list strong,.evidence-list small{display:block}.evidence-list strong{font-size:12px}.evidence-list small{font-size:9px;color:#747c85;margin-top:4px}.evidence-list p{margin:6px 0 0;font-size:10px;color:#4f5963}.evidence-list article>div:last-child{display:flex;gap:6px}.evidence-list button{border:1px solid #ccd2d7;background:#fff;border-radius:4px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:10px}.danger-link{color:#af2935!important;border-color:#e4b8bd!important}.workflow-list{display:grid;gap:9px;margin-top:10px}.workflow-history-card{border:1px solid #dce1e5;border-left:4px solid #8796a3;background:#fff;padding:12px 14px;border-radius:6px}.workflow-history-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.workflow-history-card strong{font-size:12px;display:flex;align-items:center;gap:6px}.workflow-history-card p{margin:8px 0;font-size:11px;color:#4f5961;white-space:pre-wrap}.workflow-history-card small,.workflow-history-card em{display:block;font-size:9px;color:#7b838c}.workflow-history-card em{margin-top:6px;font-style:normal;background:#f4f6f7;padding:7px}.inline-actions{display:flex!important;justify-content:flex-start!important;gap:7px;margin-top:10px}.inline-actions .approve{background:#157a55;color:white;border-color:#157a55}.inline-actions .reject,.modal-footer .reject{background:#fff;color:#ad2936;border:1px solid #dfacb1}.checkbox-row{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #d7dfe4;background:#f6f9fa;padding:13px;border-radius:7px}.checkbox-row input{width:19px!important;height:19px!important;flex:0 0 auto;margin-top:1px}.checkbox-row strong,.checkbox-row small{display:block}.checkbox-row small{color:#75808a;margin-top:4px;font-weight:400}.hidden{display:none!important}.form-note{border:1px solid #d7e3ec;background:#f3f8fb;color:#51616e;padding:11px 12px;border-radius:6px;font-size:11px;line-height:1.6}.action-create-modal{width:min(900px,calc(100vw - 28px))}
@media(max-width:1100px){.action-summary-cards{grid-template-columns:repeat(2,1fr)}.evidence-uploader{grid-template-columns:1fr 1fr}.evidence-uploader button{min-height:40px}.action-command-bar{align-items:flex-start;flex-direction:column}.action-command-bar>div:last-child{justify-content:flex-start}}
@media(max-width:800px){.action-lifecycle{grid-template-columns:1fr}.action-lifecycle>div{border-right:0;border-bottom:3px solid #f5f6f8;border-radius:0!important;justify-content:flex-start;padding-left:16px}.action-summary-cards{grid-template-columns:1fr}.evidence-uploader{grid-template-columns:1fr}.evidence-list article{grid-template-columns:38px 1fr}.evidence-list article>div:last-child{grid-column:1/-1}.action-detail-layout{display:block}.action-detail-layout .record-nav{display:flex;overflow:auto;width:100%;margin-bottom:12px}.action-detail-layout .record-nav button{white-space:nowrap}}

/* ===== GYPTO QMS V15: toolbar filters and actions menu ===== */
.toolbar-shell{position:relative;z-index:25}
.table-toolbar .active-toolbar-button{background:#eef5fc;border-color:#1765bd;color:#155a9e;box-shadow:0 0 0 2px rgba(23,101,189,.08)}
.table-toolbar .icon-only-toolbar{width:42px;justify-content:center;padding:0}
.toolbar-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:80;background:#fff;border:1px solid #cfd5dc;box-shadow:0 18px 48px rgba(21,31,45,.18);border-radius:6px}
.filter-popover{width:min(860px,calc(100vw - 330px));max-height:72vh;overflow:auto}
.toolbar-popover-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e0e4e8;position:sticky;top:0;background:#fff;z-index:2}
.toolbar-popover-head>div{display:grid;gap:2px}
.toolbar-popover-head strong{font-size:15px}.toolbar-popover-head span{font-size:11px;color:var(--muted)}
.toolbar-popover-head>button{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;border-radius:4px}.toolbar-popover-head>button:hover{background:#f0f3f5}
.toolbar-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #e0e4e8}
.toolbar-filter-group{min-height:150px;padding:13px 15px;border-right:1px solid #e7eaed;border-bottom:1px solid #e7eaed}
.toolbar-filter-group:nth-child(3n){border-right:0}
.toolbar-filter-group>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.toolbar-filter-group strong{font-size:12px}.toolbar-filter-group>div:first-child button{border:0;background:transparent;color:#1765bd;font-size:10px;padding:3px}
.toolbar-filter-options{display:grid;gap:3px;max-height:125px;overflow:auto;padding-right:4px}
.toolbar-filter-options label{display:flex;align-items:center;gap:8px;min-height:28px;font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px}
.toolbar-filter-options label:hover{background:#f2f6fa}.toolbar-filter-options input{width:15px;height:15px;accent-color:#1765bd}.toolbar-filter-options small{font-size:10px;color:#8b9097}
.toolbar-popover-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;position:sticky;bottom:0;background:#fff}
.toolbar-popover-footer span{font-size:11px;color:#555}.toolbar-popover-footer button{border:0;background:transparent;color:#a52b3c;font-weight:700;font-size:11px}
.toolbar-actions-menu{width:245px;padding:7px;display:grid;gap:2px}
.toolbar-actions-menu button{border:0;background:#fff;min-height:38px;padding:0 10px;display:flex;align-items:center;gap:9px;text-align:left;border-radius:4px;font-size:12px}
.toolbar-actions-menu button:hover{background:#eef3f7;color:#155a9e}.toolbar-actions-menu button:disabled{opacity:.6}

@media(max-width:1050px){.filter-popover{width:min(720px,calc(100vw - 40px))}.toolbar-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-filter-group:nth-child(3n){border-right:1px solid #e7eaed}.toolbar-filter-group:nth-child(2n){border-right:0}}
@media(max-width:700px){.toolbar-popover{position:fixed;left:12px;right:12px;top:120px;width:auto;max-height:calc(100vh - 145px)}.toolbar-filter-grid{grid-template-columns:1fr}.toolbar-filter-group,.toolbar-filter-group:nth-child(3n){border-right:0}.toolbar-actions-menu{left:auto;right:12px;top:120px;width:245px}.table-toolbar{align-items:center}.table-toolbar>div{flex-wrap:nowrap}}


/* GYPTO QMS V16: CAPA/Action section navigation */
.action-detail-layout .record-nav button{cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.action-detail-layout .record-nav button:hover{background:#fff;color:#1765bd}
.action-detail-layout .record-nav button.active{color:#17142d;background:#fff;border-left-color:#17142d}
.action-detail-layout .record-nav button:focus-visible{outline:2px solid #1765bd;outline-offset:-2px}
.action-detail-layout .record-nav button:disabled{cursor:not-allowed;opacity:.45}
.action-detail-layout .record-content>.accordion{scroll-margin-top:180px}

/* GYPTO QMS V17 — compact desktop density without browser zoom */
@media (min-width:901px) and (max-height:1000px){
  .vault-header{
    height:68px;
    grid-template-columns:340px minmax(420px,660px) minmax(300px,1fr);
    gap:16px;
    padding:0 20px;
  }
  .brand{gap:11px}
  .brand img{width:62px;height:46px;border-radius:9px;padding:3px}
  .brand strong{font-size:22px;line-height:1.1}
  .brand span{font-size:10px;margin-top:1px}
  .global-search{height:40px;grid-template-columns:210px 1fr}
  .global-search select,.global-search input{font-size:14px}
  .header-tools{gap:9px}
  .header-tools>button{width:38px;height:38px}
  .user{gap:8px;padding-left:8px}
  .user>span{width:38px;height:38px}
  .user strong{font-size:12px}.user small{font-size:9px}

  .top-nav{
    min-height:48px;
    height:48px;
    top:68px;
    padding:0 16px;
    overflow-x:auto;
    overflow-y:visible;
  }
  .top-nav button{
    min-height:48px;
    padding:0 13px;
    font-size:13px;
    line-height:1.15;
    white-space:nowrap;
    flex:0 0 auto;
  }
  .top-nav button.active{border-bottom-width:3px}
  .create-btn{min-height:34px!important;padding:0 13px!important}
  .dropdown{top:45px}

  .workspace{min-height:calc(100vh - 116px)}
  .sidebar{width:238px;padding:15px 14px}
  .profile-block{padding-bottom:14px}
  .profile-avatar{width:76px;height:76px;margin-bottom:7px}
  .profile-block strong{font-size:15px}
  .profile-block span{font-size:11px}
  .sidebar section{margin-top:15px}
  .side-title{font-size:12px;margin-bottom:5px}
  .sidebar section button{min-height:36px;padding:0 8px;font-size:14px}

  .content{padding:18px 24px}
  .detail-head{gap:14px;padding-bottom:11px}
  .detail-head h1{font-size:25px;margin:2px 0 7px;line-height:1.15}
  .detail-head small{font-size:12px}
  .detail-head>div:last-child{gap:7px}
  .detail-head button{min-height:34px!important;padding:0 11px!important;font-size:13px}

  .action-lifecycle{margin:13px 0}
  .action-lifecycle>div{min-height:49px;padding:5px 6px}
  .action-lifecycle span{width:24px;height:24px}
  .action-lifecycle b{font-size:11px}.action-lifecycle small{font-size:9px}

  .action-command-bar{gap:12px;padding:9px 12px;margin-bottom:12px}
  .action-command-bar strong{font-size:14px}
  .action-command-bar small{font-size:10px;margin-top:2px}
  .action-command-bar button,.section-action,.evidence-uploader button,.workflow-history-card button{
    min-height:34px;
    padding:0 11px;
    font-size:11px;
  }

  .action-summary-cards{gap:10px;margin-bottom:13px}
  .action-summary-cards article{padding:10px 12px;gap:10px;min-height:72px}
  .action-summary-cards article>span{width:37px;height:37px}
  .action-summary-cards small{font-size:10px}
  .action-summary-cards strong{font-size:12px;margin-top:2px}

  .detail-layout{grid-template-columns:190px 1fr;gap:18px}
  .action-detail-layout .record-nav{min-width:190px}
  .record-nav button{padding:8px 10px;font-size:13px;line-height:1.25}
  .accordion>button{height:44px;padding:0 13px;font-size:14px}
  .accordion>div{padding:6px 16px 15px}
  .timeline p{margin:11px 0}
  .detail-grid{gap:14px 24px}
  .field b{font-size:10px;margin-bottom:3px}
  .field span{font-size:13px}
  .empty{padding:48px}
}

/* Keep navigation on one readable line on standard desktop widths. */
@media (min-width:901px){
  .top-nav{overflow-x:auto}
  .top-nav::-webkit-scrollbar{height:4px}
  .top-nav::-webkit-scrollbar-thumb{background:#c8cbd0;border-radius:99px}
  .top-nav button{white-space:nowrap}
}

/* ===== GYPTO QMS V19: clickable animated brand + reliable enterprise dropdowns ===== */
.brand-home{
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  margin:0;
  text-align:left;
  font:inherit;
  cursor:pointer;
  min-width:0;
  border-radius:10px;
  outline-offset:5px;
}
.brand-home:hover .brand-copy{filter:brightness(1.08)}
.brand-home:focus-visible{outline:2px solid #ffd779}
.brand-copy{min-width:0;animation:gqmsBrandGlide 5.4s ease-in-out infinite;will-change:transform}
.brand-title{display:flex!important;align-items:center;white-space:nowrap;line-height:1.1}
.brand-title .brand-letter{display:inline-block!important;transform:translate3d(0,0,0);animation:gqmsBrandLetterReturn 5.4s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--letter-index) * 55ms);will-change:transform}
.brand-title .brand-space{width:.3em}
.brand-subtitle{display:block!important}
@keyframes gqmsBrandGlide{
  0%,100%{transform:translateX(0)}
  22%{transform:translateX(8px)}
  48%{transform:translateX(0)}
  72%{transform:translateX(-5px)}
}
@keyframes gqmsBrandLetterReturn{
  0%,4%,25%,100%{transform:translate3d(0,0,0) rotate(0)}
  9%{transform:translate3d(2px,-5px,0) rotate(2deg)}
  14%{transform:translate3d(-1px,2px,0) rotate(-1deg)}
  19%{transform:translate3d(0,-1px,0) rotate(0)}
}

/* Desktop menus must be allowed to extend below the sticky navigation bar. */
@media(min-width:901px){
  .top-nav{overflow:visible!important}
  .nav-wrap{flex:0 0 auto}
  .enterprise-dropdown{z-index:1000}
}

/* On phones/tablets the dropdown is fixed, so horizontal nav scrolling does not clip it. */
@media(max-width:900px){
  .brand-copy{animation-duration:6.2s}
  .enterprise-dropdown.open{display:block!important;z-index:1000}
}
@media(max-width:600px){
  .brand-title{font-size:17px!important}
  .brand-title .brand-letter{display:inline-block!important}
  .brand-subtitle{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .brand-copy,.brand-title .brand-letter{animation:none!important;transform:none!important}
}


/* ===== GYPTO QMS V20: viewport-fitted modals / CAPA form ===== */
html:has(.modal-backdrop),body:has(.modal-backdrop),body.modal-open{
  overflow:hidden;
  overscroll-behavior:none;
}
.modal-backdrop{
  align-items:center;
  justify-items:center;
  overflow:hidden;
  padding:16px;
}
.modal{
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);
  overflow:hidden;
  border-radius:6px;
}
.modal-head{
  flex:0 0 auto;
  padding:16px 21px;
  background:#fff;
}
.modal-head h2{font-size:23px;line-height:1.15}
.modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:17px 21px;
  gap:12px;
}
.modal-footer{
  flex:0 0 auto;
  position:relative;
  z-index:2;
  background:#fff;
  padding:11px 21px;
  box-shadow:0 -5px 14px rgba(25,26,36,.05);
}
.action-create-modal .modal-body{padding-top:15px;padding-bottom:15px}
.action-create-modal #f-description{
  min-height:82px;
  max-height:130px;
  resize:vertical;
}
.action-create-modal .checkbox-row{padding:10px 12px}
.action-create-modal .field-help{margin-top:-1px}

@media (max-height:760px) and (min-width:601px){
  .modal-backdrop{padding:10px}
  .modal{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
  .modal-head{padding:12px 20px}
  .modal-head h2{font-size:21px;margin-top:2px}
  .modal-body{padding:12px 20px;gap:9px}
  .modal input,.modal select,.modal textarea{padding:8px 10px}
  .modal-footer{padding:9px 20px}
  .modal-footer button{min-height:35px}
  .action-create-modal #f-description{min-height:68px;height:76px;max-height:100px}
  .action-create-modal .checkbox-row{padding:8px 10px}
}

@media (max-width:600px){
  .modal-backdrop{padding:0;align-items:stretch;justify-items:stretch}
  .modal{
    width:100%;
    max-width:none;
    max-height:100vh;
    max-height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    border-radius:0;
  }
  .modal-head{padding:14px 15px}
  .modal-head h2{font-size:20px}
  .modal-body{padding:14px 15px;gap:12px}
  .modal-footer{padding:10px 15px;flex-wrap:wrap}
  .modal-footer button{flex:1;justify-content:center;white-space:nowrap}
  .action-create-modal #f-description{min-height:100px;max-height:180px}
}

/* ===== GYPTO QMS V21: restore the original large desktop brand/header ===== */
@media (min-width:901px) and (max-height:1000px){
  .vault-header{
    height:84px;
    grid-template-columns:310px minmax(320px,1fr) 380px;
    gap:24px;
    padding:0 24px;
  }
  .brand{gap:13px}
  .brand img{
    width:74px;
    height:54px;
    border-radius:10px;
    padding:4px;
  }
  .brand strong{font-size:24px;line-height:1.1}
  .brand span{font-size:11px;margin-top:2px}
  .global-search{height:44px;grid-template-columns:225px 1fr}
  .global-search select,.global-search input{font-size:inherit}
  .header-tools{gap:12px}
  .header-tools>button{width:42px;height:42px}
  .user{gap:10px;padding-left:10px}
  .user>span{width:42px;height:42px}
  .user strong{font-size:13px}
  .user small{font-size:10px}
  .top-nav{top:84px}
  .workspace{min-height:calc(100vh - 132px)}
}

/* ===== GYPTO QMS V22: SOP Library ===== */
.sop-library-page{padding-bottom:34px}
.sop-library-heading{align-items:flex-end}
.sop-library-heading p{max-width:720px}
.sop-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.sop-metrics article{background:#fff;border:1px solid #dfe2e7;border-radius:8px;min-height:90px;padding:17px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px rgba(25,26,36,.04)}
.sop-metrics article>svg{width:42px!important;height:42px!important;padding:9px;border-radius:8px;background:#f5f1e7;color:#b36b00}
.sop-metrics small{display:block;color:#686b75;font-size:12px;margin-bottom:4px}
.sop-metrics strong{font-size:25px;color:#20212b}
.sop-library-table{background:#fff;border:1px solid #d9dde3;border-radius:7px;overflow:hidden;box-shadow:0 3px 12px rgba(25,26,36,.04)}
.sop-library-row{display:grid;grid-template-columns:minmax(250px,1.75fr) minmax(160px,1fr) 100px 135px minmax(130px,.85fr) minmax(205px,1.25fr) 34px;align-items:center;gap:13px;min-height:76px;padding:10px 14px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}
.sop-library-row:last-child{border-bottom:0}
.sop-library-row:not(.sop-library-th):hover{background:#faf9f5;box-shadow:inset 4px 0 #c77d00}
.sop-library-row>span{min-width:0;color:#343641;font-size:13px}
.sop-library-row strong{display:block;color:#1f2130;line-height:1.25}
.sop-library-row small{display:block;color:#777b86;font-size:11px;line-height:1.35;margin-top:4px;white-space:normal;overflow-wrap:anywhere}
.sop-library-th{min-height:48px;background:#f5f6f8;color:#4a4d57;cursor:default;border-bottom:2px solid #d7dae0}
.sop-library-th span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#50535d}
.sop-library-th:hover{background:#f5f6f8!important;box-shadow:none!important}
.sop-file-button{border:1px solid #b9c3d0;background:#fff;color:#175ca8;border-radius:5px;min-height:32px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px}
.sop-file-button:hover{background:#edf5ff;border-color:#6d9bd0}
.sop-no-file{font-style:normal;color:#9699a2;font-size:12px}
.sop-review-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;font-style:normal;font-weight:700;font-size:11px;white-space:nowrap}
.sop-review-state.scheduled{background:#edf6ef;color:#317241}
.sop-review-state.due-soon{background:#fff3da;color:#9a6100}
.sop-review-state.overdue{background:#ffe7e7;color:#b42318}
.sop-review-state.not-scheduled{background:#eceef1;color:#666a74}
.sop-library-empty{padding:36px}
.sop-library-upload-modal{width:min(930px,calc(100vw - 32px))}
.sop-file-input{border:1px dashed #aab5c3;background:#f7f9fb;border-radius:7px;padding:13px 14px!important}
.sop-file-input input[type=file]{margin-top:8px;background:#fff}
.sop-detail-file-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;border-left:4px solid #c47b00}
.sop-detail-file-icon{width:54px;height:54px;border-radius:9px;background:#f4efe4;color:#b36b00;display:grid;place-items:center}
.sop-detail-file-card small{color:#a26400;font-size:10px;font-weight:800;letter-spacing:.08em}
.sop-detail-file-card h2{margin:4px 0 3px;font-size:18px;overflow-wrap:anywhere}
.sop-detail-file-card p{margin:0;color:#70737d;font-size:12px}
.sop-detail-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}
.sop-detail-meta span{display:flex;align-items:center;gap:7px;color:#5f626d;font-size:12px}
.sop-detail-meta b{color:#2d2f39}
.sop-detail-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sop-detail-file-actions button,.replace-sop-button{min-height:38px;border-radius:5px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px;cursor:pointer}
.replace-sop-button{border:1px solid #bfc4cc;background:#fff;color:#333744}
.replace-sop-button:hover{background:#f4f5f7}
.replace-sop-button input{display:none}

@media(max-width:1250px){
  .sop-library-row{grid-template-columns:minmax(230px,1.65fr) minmax(145px,1fr) 85px 120px minmax(125px,.9fr) minmax(175px,1fr) 28px;gap:9px;padding-left:11px;padding-right:11px}
}
@media(max-width:1050px){
  .sop-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sop-library-table{overflow-x:auto}
  .sop-library-row{min-width:980px}
}
@media(max-width:700px){
  .sop-library-heading{align-items:flex-start}
  .sop-library-heading .page-actions{width:100%}
  .sop-library-heading .page-actions button{flex:1;justify-content:center}
  .sop-metrics{grid-template-columns:1fr 1fr;gap:9px}
  .sop-metrics article{min-height:76px;padding:12px;gap:10px}
  .sop-metrics article>svg{width:36px!important;height:36px!important;padding:8px}
  .sop-metrics strong{font-size:21px}
  .sop-detail-file-card{grid-template-columns:46px 1fr;align-items:start}
  .sop-detail-file-icon{width:44px;height:44px}
  .sop-detail-file-actions{grid-column:1/-1;justify-content:stretch}
  .sop-detail-file-actions>*{flex:1}
  .sop-library-upload-modal{width:100%}
}
@media(max-width:470px){
  .sop-metrics{grid-template-columns:1fr}
}

/* ===== GYPTO QMS V23: Controlled Print ===== */
.controlled-print-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:18px 20px;border:1px solid #d8dce5;border-left:4px solid #c98518;border-radius:10px;background:linear-gradient(135deg,#fff 0%,#faf8f2 100%);box-shadow:0 5px 18px rgba(23,20,45,.05)}
.controlled-print-toolbar>div:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}.controlled-print-toolbar small{display:flex;align-items:center;gap:7px;color:#b46f05;font-weight:800;letter-spacing:.1em}.controlled-print-toolbar strong{color:#17142d;font-size:17px}.controlled-print-toolbar span{color:#677080;font-size:12px;line-height:1.45}.controlled-print-toolbar>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.controlled-print-toolbar button,.controlled-print-toolbar .replace-sop-button{min-height:38px}
.controlled-print-launch{background:#17142d!important;border-color:#17142d!important}
.controlled-print-modal{width:min(980px,calc(100vw - 34px));max-height:calc(100vh - 34px);display:flex;flex-direction:column}.controlled-print-modal .modal-body{overflow:auto;overscroll-behavior:contain;padding:20px 24px}.controlled-print-modal .modal-head,.controlled-print-modal .modal-footer{flex:0 0 auto}
.controlled-print-doc-summary{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid #d8dce5;border-radius:10px;background:#f7f8fb;margin-bottom:18px}.controlled-print-doc-summary img{width:72px;height:72px;object-fit:contain;border-radius:10px;background:#fff;padding:6px}.controlled-print-doc-summary h3{margin:3px 0 5px;color:#17142d;font-size:20px}.controlled-print-doc-summary small{color:#bd7509;font-weight:800;letter-spacing:.05em}.controlled-print-doc-summary p{margin:0;color:#6b7280;font-size:13px}
.controlled-print-source-option{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:15px 16px;border:1px solid #d8dce5;border-radius:9px;background:#f7f8fb}.controlled-print-source-option input{width:19px!important;height:19px!important;margin-top:2px;flex:0 0 auto}.controlled-print-source-option span{display:flex;flex-direction:column;gap:3px}.controlled-print-source-option strong{color:#17142d}.controlled-print-source-option small{color:#6b7280;font-weight:400;line-height:1.45}
.controlled-print-warning{display:flex;align-items:center;gap:9px;padding:13px 15px;border:1px solid #b9dfc6;border-radius:9px;background:#edf8f1;color:#176b39;font-size:13px}.controlled-print-warning.draft{border-color:#efb7b1;background:#fff1f0;color:#9b1c14}
.controlled-print-preview-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.controlled-print-preview-head h3{margin:0;color:#17142d;font-size:16px}.controlled-print-preview-head span{color:#6b7280;font-size:12px;font-weight:700}
.controlled-print-approval-preview{border:1px solid #d8dce5;border-radius:9px;overflow:hidden}.controlled-print-approval-preview article{display:grid;grid-template-columns:34px minmax(160px,1.1fr) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #e5e7eb;background:#fff}.controlled-print-approval-preview article:last-child{border-bottom:0}.controlled-print-approval-preview article>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2e5ca;color:#9b6207;font-size:12px;font-weight:800}.controlled-print-approval-preview article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.controlled-print-approval-preview strong,.controlled-print-approval-preview b{overflow:hidden;color:#17142d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.controlled-print-approval-preview small{color:#747b88;font-size:11px}
.controlled-print-history-card{margin-top:18px}.controlled-print-history{display:flex;flex-direction:column;border:1px solid #d8dce5;border-radius:9px;overflow:hidden}.controlled-print-history article{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.controlled-print-history article:last-child{border-bottom:0}.print-copy-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a76807;font-weight:900}.controlled-print-history article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.controlled-print-history strong{color:#17142d;font-size:13px}.controlled-print-history small,.controlled-print-history em{color:#737b89;font-size:11px;font-style:normal}
@media(max-width:760px){.controlled-print-toolbar{align-items:flex-start;flex-direction:column}.controlled-print-toolbar>div:last-child{width:100%;justify-content:stretch}.controlled-print-toolbar>div:last-child>*{flex:1}.controlled-print-modal{width:100vw;max-height:100dvh;border-radius:0}.controlled-print-modal .modal-body{padding:16px}.controlled-print-doc-summary{grid-template-columns:58px minmax(0,1fr)}.controlled-print-doc-summary img{width:58px;height:58px}.controlled-print-doc-summary>.status-badge{grid-column:1/-1;justify-self:start}.controlled-print-approval-preview article{grid-template-columns:30px minmax(0,1fr) auto}.controlled-print-approval-preview article>div:nth-child(3){grid-column:2/4}.controlled-print-history article{grid-template-columns:72px minmax(0,1fr)}.controlled-print-history article>.status-badge{grid-column:2}.controlled-print-modal .modal-footer{flex-wrap:wrap}.controlled-print-modal .modal-footer button{flex:1;min-width:145px}}

/* ===== GYPTO QMS V24: Arena-style animated loading experience ===== */
.qms-arena-loader{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:clamp(28px,5vw,70px) 24px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 42%,rgba(53,245,134,.15),transparent 29%),
    linear-gradient(180deg,#090b2b 0%,#070925 58%,#111a36 100%);
}
.qms-arena-loader::before{
  content:"";
  position:absolute;
  z-index:-5;
  left:-8%;
  right:-8%;
  bottom:-46%;
  height:72%;
  border-radius:50% 50% 0 0/24% 24% 0 0;
  background:
    radial-gradient(circle at 50% 10%,rgba(133,255,174,.34),transparent 48%),
    linear-gradient(180deg,#31d877 0%,#1fbd68 42%,#179757 100%);
  box-shadow:0 -24px 80px rgba(45,229,119,.22);
  animation:qmsFieldBreathe 4.4s ease-in-out infinite;
}
.qms-arena-loader::after{
  content:"";
  position:absolute;
  z-index:-4;
  left:-15%;
  right:-15%;
  bottom:-37%;
  height:55%;
  border-radius:50% 50% 0 0/18% 18% 0 0;
  border-top:1px solid rgba(222,255,236,.45);
  background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 52px,rgba(220,255,235,.05) 53px 54px);
  opacity:.8;
}
.qms-loader-grid{
  position:absolute;
  z-index:-6;
  inset:0;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 23%,#000 72%,transparent 100%);
  animation:qmsGridDrift 18s linear infinite;
}
.qms-loader-content{
  width:min(100%,970px);
  min-height:min(780px,calc(100dvh - 70px));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transform:translateY(-2vh);
}
.qms-loader-kicker{
  margin-bottom:2px;
  color:#fff;
  font-size:clamp(14px,1.4vw,22px);
  font-weight:900;
  letter-spacing:.16em;
  text-shadow:0 5px 22px rgba(0,0,0,.35);
  opacity:0;
  animation:qmsRevealUp .65s .05s cubic-bezier(.2,.75,.3,1) forwards;
}
.qms-loader-title{
  margin:0 0 clamp(34px,5vh,62px);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(36px,5.5vw,74px);
  font-weight:950;
  line-height:.96;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-shadow:0 10px 40px rgba(0,0,0,.45);
}
.qms-loader-title>span:not(.qms-loader-title-gap){
  display:inline-block;
  opacity:0;
  transform:translateY(-26px) scale(.82) rotateX(38deg);
  animation:
    qmsLetterDrop .72s calc(.16s + var(--i)*.055s) cubic-bezier(.16,.85,.28,1.2) forwards,
    qmsLetterFloat 3.2s calc(1.3s + var(--i)*.065s) ease-in-out infinite;
}
.qms-loader-title-gap{width:.32em}
.qms-loader-emblem{
  position:relative;
  width:clamp(190px,21vw,278px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin-bottom:clamp(28px,4vh,46px);
  opacity:0;
  transform:scale(.7) rotate(-6deg);
  animation:qmsLogoEntrance .85s .65s cubic-bezier(.15,.9,.27,1.16) forwards;
}
.qms-loader-logo-disc{
  position:relative;
  z-index:2;
  width:72%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#eef1f6);
  border:7px solid rgba(255,255,255,.28);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 22px 60px rgba(0,0,0,.45),
    0 0 44px rgba(74,250,143,.18);
  animation:qmsLogoPulse 3.4s 1.5s ease-in-out infinite;
}
.qms-loader-logo-disc::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:inherit;
  border:1px solid rgba(12,18,43,.08);
}
.qms-loader-logo-disc img{
  width:78%;
  max-width:none;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 5px 7px rgba(10,14,35,.14));
}
.qms-loader-orbit{
  position:absolute;
  inset:2%;
  border-radius:50%;
  border:1px solid rgba(177,255,207,.5);
  filter:drop-shadow(0 0 7px rgba(66,245,139,.5));
}
.qms-loader-orbit::before,.qms-loader-orbit::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#8effb8;
  box-shadow:0 0 16px #6dffa4;
}
.qms-loader-orbit::before{top:14%;left:12%}
.qms-loader-orbit::after{right:7%;bottom:23%;width:5px;height:5px}
.qms-loader-orbit-one{animation:qmsOrbit 8s linear infinite}
.qms-loader-orbit-two{inset:11%;border-style:dashed;opacity:.58;animation:qmsOrbitReverse 6.3s linear infinite}
.qms-loader-message{
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  font-size:clamp(22px,3vw,42px);
  font-weight:950;
  line-height:.95;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-shadow:0 8px 30px rgba(0,0,0,.28);
}
.qms-loader-message strong{
  display:block;
  opacity:0;
  transform:translateY(22px);
  animation:qmsRevealUp .66s 1.05s cubic-bezier(.2,.75,.3,1) forwards;
}
.qms-loader-message strong+strong{animation-delay:1.2s}
.qms-loader-status{
  width:min(430px,75vw);
  margin-top:26px;
  display:grid;
  gap:11px;
  opacity:0;
  animation:qmsRevealUp .55s 1.45s ease forwards;
}
.qms-loader-status-line{
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.24);
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.qms-loader-status-line i{
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,#fff 38%,#8dffb7 68%,transparent);
  filter:drop-shadow(0 0 6px #8dffb7);
  animation:qmsLoadingSweep 1.35s ease-in-out infinite;
}
.qms-loader-status small{
  color:rgba(255,255,255,.73);
  font-size:clamp(9px,1vw,12px);
  font-weight:800;
  letter-spacing:.17em;
}
.qms-loader-glow{
  position:absolute;
  z-index:-3;
  width:420px;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(100px);
  opacity:.16;
  background:#6dffa3;
  animation:qmsGlowFloat 7s ease-in-out infinite;
}
.qms-loader-glow-one{top:-170px;left:-170px}
.qms-loader-glow-two{right:-160px;bottom:8%;animation-delay:-3s}
.qms-loader-swoosh{
  position:absolute;
  z-index:-2;
  width:31vw;
  min-width:300px;
  max-width:560px;
  height:120vh;
  border:1px solid rgba(216,255,230,.32);
  background:linear-gradient(90deg,rgba(50,221,119,.18),rgba(255,255,255,.06),transparent 70%);
  filter:drop-shadow(0 0 24px rgba(49,230,120,.16));
  opacity:.65;
}
.qms-loader-swoosh-left{
  left:-18vw;
  top:-14vh;
  border-radius:50% 48% 46% 54%;
  transform:rotate(18deg);
  animation:qmsSwooshLeft 9s ease-in-out infinite;
}
.qms-loader-swoosh-right{
  right:-20vw;
  top:-19vh;
  border-radius:46% 52% 50% 48%;
  transform:rotate(-18deg) scaleX(-1);
  animation:qmsSwooshRight 9s -4.5s ease-in-out infinite;
}
.qms-loader-spark{
  position:absolute;
  width:12px;
  height:12px;
  z-index:1;
  opacity:.8;
  animation:qmsSpark 2.8s ease-in-out infinite;
}
.qms-loader-spark::before,.qms-loader-spark::after{
  content:"";
  position:absolute;
  background:#fff;
  border-radius:99px;
  box-shadow:0 0 10px rgba(255,255,255,.85);
}
.qms-loader-spark::before{left:5px;top:0;width:2px;height:12px}
.qms-loader-spark::after{left:0;top:5px;width:12px;height:2px}
.qms-loader-spark-one{left:24%;top:43%}
.qms-loader-spark-two{right:25%;top:34%;transform:scale(.7);animation-delay:-1.4s}
body:has(.qms-arena-loader) .site-share-launcher{opacity:0;pointer-events:none;transform:translateY(15px)}

@keyframes qmsRevealUp{to{opacity:1;transform:translateY(0)}}
@keyframes qmsLetterDrop{to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}
@keyframes qmsLetterFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes qmsLogoEntrance{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes qmsLogoPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 22px 60px rgba(0,0,0,.45),0 0 44px rgba(74,250,143,.18)}50%{transform:scale(1.035);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 26px 70px rgba(0,0,0,.48),0 0 64px rgba(74,250,143,.3)}}
@keyframes qmsOrbit{to{transform:rotate(360deg)}}
@keyframes qmsOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes qmsLoadingSweep{0%{transform:translateX(-125%)}55%,100%{transform:translateX(340%)}}
@keyframes qmsFieldBreathe{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-8px) scaleX(1.025)}}
@keyframes qmsGridDrift{to{background-position:0 58px,58px 0}}
@keyframes qmsGlowFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,28px,0) scale(1.16)}}
@keyframes qmsSwooshLeft{0%,100%{transform:rotate(18deg) translate3d(0,0,0)}50%{transform:rotate(13deg) translate3d(3vw,-2vh,0)}}
@keyframes qmsSwooshRight{0%,100%{transform:rotate(-18deg) scaleX(-1) translate3d(0,0,0)}50%{transform:rotate(-13deg) scaleX(-1) translate3d(3vw,-2vh,0)}}
@keyframes qmsSpark{0%,100%{opacity:.2;transform:scale(.55) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(90deg)}}

@media(max-width:700px){
  .qms-arena-loader{padding:24px 16px}
  .qms-loader-content{min-height:calc(100dvh - 48px);transform:translateY(-1vh)}
  .qms-loader-title{max-width:94vw;margin-bottom:28px;font-size:clamp(33px,11vw,50px)}
  .qms-loader-title-gap{width:100%;height:4px}
  .qms-loader-emblem{width:clamp(170px,48vw,220px);margin-bottom:26px}
  .qms-loader-message{font-size:clamp(23px,8vw,34px)}
  .qms-loader-status{margin-top:21px}
  .qms-loader-swoosh{min-width:210px;width:64vw;opacity:.42}
  .qms-loader-swoosh-left{left:-48vw}.qms-loader-swoosh-right{right:-50vw}
  .qms-loader-spark-one{left:12%;top:45%}.qms-loader-spark-two{right:13%;top:37%}
}
@media(max-height:680px) and (min-width:701px){
  .qms-loader-content{transform:scale(.86)}
  .qms-loader-title{margin-bottom:26px}
  .qms-loader-emblem{width:190px;margin-bottom:22px}
  .qms-loader-status{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .qms-arena-loader *,.qms-arena-loader::before,.qms-arena-loader::after{animation-duration:.001ms!important;animation-iteration-count:1!important}
}
/* V24 compatibility resets for legacy loader rules */
.qms-arena-loader{gap:0;align-content:normal}
.qms-arena-loader span{color:inherit}
.qms-loader-message strong{font-size:inherit}

/* ========================================================================
   GYPTO QMS V25 — Veeva-inspired enterprise product experience
   Visual inspiration only; all branding and content remain GYPTO Quality.
   ======================================================================== */
:root{
  --veeva-orange:#f7941d;
  --veeva-orange-deep:#df5a08;
  --veeva-orange-soft:#fff3e5;
  --veeva-navy:#304b6c;
  --veeva-navy-deep:#203a59;
  --veeva-blue:#0b79a8;
  --veeva-sky:#20a4c7;
  --veeva-ink:#202a36;
  --veeva-muted:#667382;
  --veeva-line:#dfe4e8;
  --gold:var(--veeva-orange);
  --blue:var(--veeva-navy);
  --navy:var(--veeva-navy-deep);
  --navy2:var(--veeva-navy);
  --shadow:0 14px 34px rgba(40,63,88,.10);
}
html{scroll-behavior:smooth}
body{background:#f4f5f6;color:var(--veeva-ink)}
.app{background:#f4f5f6}

/* Header and utility strip */
.vault-header.veeva-header{
  height:auto!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  background:#fff!important;
  color:var(--veeva-ink)!important;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:none!important;
}
.veeva-utility-bar{
  height:36px;
  padding:0 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:var(--veeva-navy);
  color:#fff;
  font-size:12px;
}
.veeva-utility-bar>div{display:flex;align-items:center;gap:14px;min-width:0}
.veeva-utility-bar strong{font-size:11px;letter-spacing:1.4px;color:#fff}
.veeva-utility-bar>div:first-child span{opacity:.78;white-space:nowrap}
.veeva-utility-links{gap:30px!important}
.veeva-utility-links span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#fff}
.veeva-utility-links svg{color:#ffb245}
.veeva-mainbar{
  min-height:86px;
  padding:0 28px;
  display:grid;
  grid-template-columns:minmax(290px,360px) minmax(360px,1fr) auto;
  align-items:center;
  gap:28px;
  background:#fff;
}
.veeva-mainbar .brand{gap:14px;justify-self:start}
.veeva-mainbar .brand img{
  width:94px!important;
  height:64px!important;
  padding:3px!important;
  object-fit:contain;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.veeva-mainbar .brand-title{color:var(--veeva-navy-deep);font-size:27px!important;font-weight:750;line-height:1.05;letter-spacing:-.6px}
.veeva-mainbar .brand-subtitle{color:#6c7681!important;font-size:11px!important;letter-spacing:.15px}
.veeva-mainbar .brand-home:hover{background:transparent!important}
.veeva-mainbar .global-search{
  height:44px!important;
  width:min(700px,100%);
  justify-self:center;
  display:grid!important;
  grid-template-columns:190px 1fr!important;
  border:1px solid #d7dde2;
  border-radius:2px!important;
  background:#fff!important;
  color:#283542!important;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.veeva-mainbar .global-search select{background:#f5f6f7!important;border-right:1px solid #d7dde2!important;color:#364452;padding:0 12px}
.veeva-mainbar .global-search div{padding:0 14px;color:#84909a}
.veeva-mainbar .global-search input{color:#23313e}
.veeva-mainbar .global-search:focus-within{border-color:var(--veeva-orange);box-shadow:0 0 0 3px rgba(247,148,29,.13)}
.veeva-mainbar .header-tools{gap:9px}
.veeva-mainbar .header-tools>button,
.veeva-mainbar .notification-button{
  width:40px!important;height:40px!important;border:1px solid #e2e5e8!important;
  background:#fff!important;color:var(--veeva-navy)!important;border-radius:50%!important;
}
.veeva-mainbar .header-tools>button:hover,
.veeva-mainbar .notification-button:hover{background:#fff4e7!important;border-color:#ffc174!important;color:#d96d08!important}
.veeva-mainbar .language-tool{font-weight:800;font-size:12px}
.veeva-mainbar .user{border-left:1px solid #e0e4e7!important;padding-left:13px!important;color:var(--veeva-ink)}
.veeva-mainbar .user>span{background:linear-gradient(145deg,var(--veeva-orange),var(--veeva-orange-deep));color:#fff;box-shadow:0 4px 12px rgba(223,90,8,.2)}
.veeva-mainbar .user strong{color:#263441;font-size:13px}
.veeva-mainbar .user small{color:#77828c!important;font-size:10px}
.veeva-mainbar .notification-button i{background:var(--veeva-orange-deep)!important}

/* Main navigation */
.top-nav{
  min-height:58px!important;
  height:58px!important;
  top:122px!important;
  z-index:96!important;
  padding:0 28px!important;
  background:#fff!important;
  border-top:1px solid #eef0f2!important;
  border-bottom:1px solid #dfe3e6!important;
  box-shadow:0 6px 16px rgba(37,58,79,.06)!important;
  overflow:visible!important;
}
.top-nav button{
  min-height:58px!important;
  padding:0 18px!important;
  color:#263441!important;
  font-size:14px!important;
  border-bottom:4px solid transparent!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.top-nav button:hover{background:#fff7ed!important;color:#d66b08!important}
.top-nav button.active{border-bottom-color:var(--veeva-orange)!important;color:var(--veeva-navy-deep)!important;font-weight:750!important}
.top-nav .create-btn{
  align-self:center!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  color:#fff!important;
  background:linear-gradient(120deg,var(--veeva-navy),#157ca6)!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:0 6px 14px rgba(48,75,108,.18);
}
.top-nav .create-btn:hover{background:linear-gradient(120deg,#263f5e,#096f9c)!important;color:#fff!important;transform:translateY(-1px)}
.dropdown.enterprise-dropdown{
  top:54px!important;
  width:290px!important;
  padding:8px!important;
  border:1px solid #d7dde2!important;
  border-top:5px solid var(--veeva-orange)!important;
  border-radius:0 0 4px 4px!important;
  box-shadow:0 20px 42px rgba(29,50,72,.18)!important;
}
.dropdown.enterprise-dropdown button{min-height:40px!important;border:0!important;border-radius:2px!important;color:#334252!important}
.dropdown.enterprise-dropdown button:hover{background:#fff2df!important;color:#cb6206!important;padding-left:20px!important}

/* Work area, sidebar and content */
.workspace{min-height:calc(100vh - 180px)!important;background:#f4f5f6}
.sidebar{
  width:255px!important;
  padding:24px 15px!important;
  background:#fff!important;
  border-right:1px solid #dde2e6!important;
  box-shadow:4px 0 18px rgba(36,55,74,.035);
}
.profile-block{padding-bottom:20px!important;border-bottom:1px solid #e4e7e9!important}
.profile-avatar{width:76px!important;height:76px!important;border-radius:50%;background:linear-gradient(145deg,#e8edf0,#c6d1d8)!important;color:var(--veeva-navy)!important}
.profile-block strong{color:#253442;font-size:15px}
.profile-block span{color:#79848e}
.side-title{color:#7b8791!important;font-size:11px!important;letter-spacing:1px}
.sidebar section button{border-radius:2px;color:#344250}
.sidebar section button:hover{background:#fff5e9;color:#cc6508}
.sidebar section button.active{background:#fff3e5!important;border-left:4px solid var(--veeva-orange)!important;color:var(--veeva-navy-deep)!important;font-weight:750!important}
.side-filter-toggle b{background:var(--veeva-orange)!important;color:#fff!important}
.side-filter-options input{accent-color:var(--veeva-orange)!important}
.content{padding:30px 36px!important;background:#f4f5f6}
.page-heading small,.detail-head small,.modal-head small,.admin-panel-head small{color:var(--veeva-orange-deep)!important;letter-spacing:1.25px!important}
.page-heading h1,.detail-head h1{color:var(--veeva-navy-deep);font-weight:600!important;letter-spacing:-.5px}
.page-heading p{color:var(--veeva-muted)}
.primary{
  background:linear-gradient(115deg,var(--veeva-navy),#107ba6)!important;
  color:#fff!important;
  border-color:transparent!important;
  border-radius:3px!important;
  box-shadow:0 6px 15px rgba(48,75,108,.16);
}
.primary:hover{filter:brightness(.96);transform:translateY(-1px)}
.page-heading button:not(.primary),.page-actions button:not(.primary),.detail-head button,.table-toolbar button{
  border-color:#d5dce1!important;border-radius:3px!important;background:#fff!important;color:#354452!important
}
.page-heading button:not(.primary):hover,.page-actions button:not(.primary):hover,.detail-head button:hover,.table-toolbar button:hover{border-color:#f5b363!important;background:#fff5e9!important;color:#cc6508!important}

/* Home dashboard starts directly with the quality command center */
.veeva-dashboard-page{margin:-30px -36px 0}
.veeva-dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:36px 36px 16px;background:#f4f5f6}
.veeva-dashboard-heading small{color:var(--veeva-orange-deep);font-weight:800;letter-spacing:1.4px;font-size:11px}
.veeva-dashboard-heading h2{margin:6px 0 0;color:var(--veeva-navy-deep);font-size:28px;font-weight:550;letter-spacing:-.5px}
.veeva-dashboard-heading .primary{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:8px}

/* Dashboard metric cards and panels */
.veeva-dashboard-page>.metrics{padding:0 36px;margin:0 0 25px!important;gap:17px}
.metric{
  min-height:124px;
  border:0!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(47,70,94,.09)!important;
  position:relative;overflow:hidden;
}
.metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--veeva-orange)}
.metric>div{border-radius:50%!important;background:#fff3e4!important;color:#da6907!important}
.metric.blue>div{background:#edf5f9!important;color:#147da7!important}
.metric.red>div{background:#fff0ee!important;color:#d54b39!important}
.metric.green>div{background:#eef7f0!important;color:#2f8a55!important}
.metric strong{color:var(--veeva-navy-deep);font-weight:650}
.metric span,.metric small{color:#6f7b86}
.dashboard-grid{padding:0 36px 42px;gap:18px}
.panel,.generic-card,.accordion,.document-summary-grid>article,.action-summary-cards article{
  border:1px solid #e0e5e8!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(48,71,94,.06)!important;
}
.panel{padding:22px!important}
.panel-title{border-bottom:1px solid #edf0f2;padding-bottom:15px;margin-bottom:4px}
.panel-title small{display:block;color:var(--veeva-orange-deep);font-size:10px;font-weight:800;letter-spacing:1.15px;margin-bottom:4px}
.panel-title h2{color:var(--veeva-navy-deep);font-weight:600;font-size:18px}
.panel-title button{color:#14769d!important;font-weight:700!important}
.compact-list button,.task-list button{border-radius:0!important;border-bottom-color:#edf0f2!important}
.compact-list button:hover,.task-list button:hover{background:#fff7ed!important}
.donut{background:conic-gradient(var(--veeva-orange) 0 38%,var(--veeva-navy) 38% 66%,#24a0bd 66% 84%,#d9e2e7 84%)!important}
.doc-stats p{border-bottom-color:#edf0f2!important}

/* Lists, tables and filters */
.list-page,.detail-page,.reports-page,.admin-page{max-width:1680px;margin:0 auto}
.table-toolbar{background:#fff!important;border:1px solid #dfe4e8!important;border-bottom:0!important;border-radius:3px 3px 0 0!important;padding:11px 13px!important}
.data-table{border:1px solid #dfe4e8!important;border-top:3px solid var(--veeva-orange)!important;border-radius:0 0 3px 3px!important;box-shadow:0 10px 25px rgba(41,62,84,.055)!important;background:#fff}
.th{background:#f2f4f5!important;color:var(--veeva-navy-deep)!important;font-weight:750!important;border-bottom:1px solid #d8dee2!important}
.tr{background:#fff!important;border-bottom-color:#e7ebee!important;transition:background .14s ease,box-shadow .14s ease}
.tr:hover{background:#fff7ec!important;box-shadow:inset 4px 0 var(--veeva-orange)}
.tr strong{color:#283846}.tr small{color:#7a8690}
.active-filter-bar{background:#fff8ee!important;border-color:#f6c481!important}
.active-filter-bar>div>button{background:#fff!important;border-color:#f4bc72!important;color:#bc5b07!important}
.toolbar-popover{border-top:4px solid var(--veeva-orange)!important;border-radius:3px!important}
.toolbar-filter-options input{accent-color:var(--veeva-orange)!important}

/* Details, workflows and status accents */
.detail-head{border-bottom:1px solid #dfe4e8!important}
.record-nav button.active{border-left-color:var(--veeva-orange)!important;color:var(--veeva-navy-deep)!important;background:#fff4e7!important}
.record-nav button:hover{color:#cf6608!important;background:#fff8ef!important}
.accordion>button{color:var(--veeva-navy-deep)!important}
.action-command-bar{border-left-color:var(--veeva-orange)!important;border-radius:3px!important}
.action-summary-cards article>span{background:#fff2e2!important;color:#d36a08!important}
.action-lifecycle>div.done{background:#4d9a70!important}
.action-lifecycle>div.current{background:var(--veeva-orange)!important;color:#fff!important}
.approval-preview{background:#fff8ee!important;border-color:#f3cf9c!important}
.approval-preview>strong{color:#c76208!important}
.approval-step.current{border-color:var(--veeva-orange)!important;box-shadow:inset 4px 0 var(--veeva-orange)!important;background:#fff8ee!important}
.controlled-print-toolbar{border-left-color:var(--veeva-orange)!important}

/* Forms and modal system */
.modal-backdrop{background:rgba(27,45,63,.68)!important;backdrop-filter:blur(2px)}
.modal{border-radius:4px!important;box-shadow:0 28px 72px rgba(26,44,63,.28)!important}
.modal-head{border-bottom:2px solid var(--veeva-orange)!important;background:#fff!important}
.modal-head h2{color:var(--veeva-navy-deep);font-weight:650}
.modal-head>button{border-radius:50%!important;color:#5f6d79!important}
.modal-body{background:#fff}
.modal-body label{color:#334250!important}
.modal input,.modal select,.modal textarea,.auth-card input{
  border-color:#ccd5dc!important;border-radius:2px!important;background:#fff!important;
}
.modal input:focus,.modal select:focus,.modal textarea:focus,.auth-card input:focus{
  outline:none!important;border-color:var(--veeva-orange)!important;box-shadow:0 0 0 3px rgba(247,148,29,.14)!important;
}
.modal input[readonly]{background:#f1f3f4!important;color:#65717c!important}
.modal-footer{border-top:1px solid #e1e5e8!important;background:#f7f8f9!important}
.modal-footer button{border-radius:3px!important}
.sop-file-input{border-color:#efb765!important;background:#fff8ed!important}
.checkbox-row{background:#f7f9fa!important;border-color:#dbe2e6!important}
.checkbox-row input{accent-color:var(--veeva-orange)!important}

/* Login / registration use the same product identity */
.auth-shell{background:#fff!important}
.auth-brand{position:relative;overflow:hidden;background:linear-gradient(118deg,#ff9e0b,#df5909)!important;padding:72px!important}
.auth-brand::before{content:"";position:absolute;left:-18%;top:-32%;width:95%;height:68%;border-radius:0 0 65% 52%;background:rgba(255,191,55,.48);transform:rotate(-5deg)}
.auth-brand::after{content:"";position:absolute;right:20px;top:18px;width:190px;height:160px;opacity:.32;background-image:radial-gradient(circle,#fff 0 3px,transparent 4px);background-size:30px 30px}
.auth-brand>*{position:relative;z-index:1}
.auth-brand img{width:205px!important;border-radius:7px!important;box-shadow:0 18px 34px rgba(109,48,5,.18)!important}
.auth-brand small{color:#fff!important}.auth-brand h1{color:#fff;font-weight:600;letter-spacing:-1.5px}.auth-brand p{color:rgba(255,255,255,.94)!important;font-size:17px}
.auth-card{border:0!important;border-radius:4px!important;box-shadow:0 18px 45px rgba(41,61,81,.12)!important}
.auth-card>small{color:var(--veeva-orange-deep)!important}.auth-card h2{color:var(--veeva-navy-deep)}
.auth-link{color:#14779f!important}

/* Share / QR follows the site palette */
.site-share-launcher{background:linear-gradient(115deg,var(--veeva-orange),var(--veeva-orange-deep))!important;box-shadow:0 10px 24px rgba(214,99,5,.24)!important}
.site-share-head{border-bottom-color:var(--veeva-orange)!important}
.site-share-copy small{color:var(--veeva-orange-deep)!important}
.site-share-button{background:var(--veeva-navy)!important}

/* Responsive shell */
@media(max-width:1250px){
  .veeva-utility-links span:first-child{display:none}
  .veeva-mainbar{grid-template-columns:285px minmax(300px,1fr) auto;gap:17px;padding:0 20px}
  .veeva-mainbar .brand-title{font-size:23px!important}
  .veeva-mainbar .brand img{width:82px!important;height:58px!important}
  .top-nav button{padding:0 13px!important;font-size:13px!important}
}
@media(max-width:900px){
  .veeva-utility-bar{height:32px;padding:0 14px}.veeva-utility-bar>div:first-child span,.veeva-utility-links{display:none!important}
  .veeva-mainbar{min-height:116px;grid-template-columns:1fr auto;grid-template-rows:68px 44px;padding:0 14px 8px;gap:0 10px}
  .veeva-mainbar .brand img{width:72px!important;height:51px!important}.veeva-mainbar .brand-title{font-size:20px!important}
  .veeva-mainbar .global-search{grid-column:1/-1;grid-row:2;width:100%;height:40px!important;grid-template-columns:145px 1fr!important}
  .veeva-mainbar .user div{display:none}
  .top-nav{top:148px!important;padding:0 8px!important;overflow-x:auto!important;overflow-y:visible!important}
  .workspace{min-height:calc(100vh - 206px)!important;display:block}
  .sidebar{top:206px!important}
  .notification-panel{top:153px!important}
  .enterprise-dropdown{top:206px!important}
  .content{padding:20px 16px!important}
  .veeva-dashboard-page{margin:-20px -16px 0}
  .veeva-dashboard-heading,.veeva-dashboard-page>.metrics,.dashboard-grid{padding-left:16px;padding-right:16px}
  .veeva-dashboard-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .veeva-mainbar{grid-template-rows:64px 42px;min-height:108px}.veeva-mainbar .brand{gap:8px}.veeva-mainbar .brand img{width:62px!important;height:45px!important}.veeva-mainbar .brand-title{font-size:18px!important}.veeva-mainbar .brand-subtitle{display:block!important;font-size:9px!important}
  .veeva-mainbar .global-search{grid-template-columns:115px 1fr!important}.veeva-mainbar .global-search select{font-size:11px}.veeva-mainbar .global-search input{font-size:12px}
  .veeva-mainbar .header-tools{gap:5px}.veeva-mainbar .header-tools>button,.veeva-mainbar .notification-button{width:36px!important;height:36px!important}.veeva-mainbar .user{display:none}
  .top-nav{top:140px!important;height:52px!important;min-height:52px!important}.top-nav button{min-height:52px!important;font-size:12px!important;padding:0 11px!important}
  .workspace{min-height:calc(100vh - 192px)!important}.sidebar{top:192px!important}.enterprise-dropdown{top:192px!important}
  .veeva-dashboard-heading h2{font-size:23px}.veeva-dashboard-page>.metrics{grid-template-columns:1fr!important}.dashboard-grid{padding-bottom:28px}
  .content{padding:15px 10px!important}.veeva-dashboard-page{margin:-15px -10px 0}
}
@media(prefers-reduced-motion:reduce){
  .top-nav button,.primary,.tr{transition:none!important}
}

/* ===== GYPTO QMS V28: Document Revision Control ===== */
.badge.obsolete{background:#f1e8e8;color:#8e3131;border:1px solid #e0c4c4}
.revision-control-modal{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 28px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden}
.revision-control-modal .modal-head,.revision-control-modal .modal-footer{flex:0 0 auto}
.revision-control-modal .modal-body{overflow:auto;padding:20px 24px 26px}
.revision-control-modal .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.revision-intro-banner{display:flex;gap:14px;align-items:flex-start;padding:15px 17px;border:1px solid #cddfec;background:linear-gradient(135deg,#f4f9fc,#edf5f9);border-radius:12px;color:#164c69}
.revision-intro-banner svg{flex:0 0 auto;margin-top:1px}
.revision-intro-banner strong,.revision-intro-banner span{display:block}.revision-intro-banner span{font-size:12px;line-height:1.55;margin-top:4px;color:#4c6878}
.revision-request-row{align-items:end}.revision-request-row .hidden{display:none}
.revision-source{border-radius:12px;border-left:4px solid #f28c28}.revision-selection-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:white;border:1px solid #dfe5e8;border-radius:9px}
.revision-selection-preview>div{flex:1}.revision-selection-preview strong,.revision-selection-preview span{display:block}.revision-selection-preview span{font-size:11px;color:#66737c;margin-top:3px}.revision-selection-preview button{border:0;background:transparent;color:#1765bd;display:flex;align-items:center;gap:6px}
.revision-details-wrap{display:grid;gap:15px;border:1px solid #e0d4c6;background:#fffaf4;padding:18px;border-radius:13px}.revision-details-wrap.hidden{display:none}
.revision-section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaded0;padding-bottom:12px}.revision-section-title>div{display:flex;gap:10px;align-items:center}.revision-section-title span strong,.revision-section-title span small{display:block}.revision-section-title span small{font-size:10px;color:#796b5c;margin-top:3px}.revision-section-title>b{font-size:10px;letter-spacing:.08em;color:#a45b16;background:#ffe8cf;padding:5px 9px;border-radius:99px}
.revision-details-wrap fieldset{border:1px solid #e2d5c7;border-radius:10px;padding:12px}.revision-details-wrap legend{font-size:12px;font-weight:800;padding:0 7px}.revision-department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.revision-department-grid label{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #e1ddd7;background:#fff;border-radius:8px;font-size:11px;font-weight:600}.revision-department-grid input{width:16px;height:16px;padding:0}.revision-other-department{margin-top:10px}
.revision-control-card{border-top:4px solid #f28c28;border-radius:12px}.revision-control-card>.panel-title{align-items:flex-start}.revision-control-card>.panel-title small{color:#f28c28;font-weight:800;letter-spacing:.08em}.revision-card-actions{display:flex;align-items:center;gap:9px}.revision-card-actions button{display:flex;align-items:center;gap:7px}
.revision-control-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.revision-control-summary>article{border:1px solid #e2e5e7;background:#f9fafb;padding:15px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.revision-change-record{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:18px 0;padding:15px;border:1px solid #ead8c4;background:#fffaf5;border-radius:10px}.revision-change-record small,.compare-text-block small{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:#9a5b1e}.revision-change-record p,.compare-text-block p{font-size:12px;line-height:1.6;margin:6px 0 0;color:#3e4850;white-space:pre-wrap}
.revision-department-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.revision-department-chips span{font-size:10px;padding:5px 8px;border-radius:99px;background:#eef3f7;color:#38586b;border:1px solid #d8e2e9}.muted{font-size:11px;color:#7a858c}
.revision-history-heading{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.revision-history-heading h3{margin:0}.revision-history-heading span{font-size:10px;color:#7b858c}
.revision-timeline{display:grid;gap:0}.revision-timeline-item{display:grid;grid-template-columns:78px 1fr;min-height:126px}.revision-version-marker{position:relative;text-align:center}.revision-version-marker b{display:inline-grid;place-items:center;min-width:54px;height:31px;padding:0 8px;border-radius:99px;background:#1f5470;color:white;font-size:11px;position:relative;z-index:2}.revision-version-marker span{position:absolute;top:31px;bottom:0;left:50%;width:2px;background:#d7e0e5}.revision-timeline-item:last-child .revision-version-marker span{display:none}.revision-timeline-item.obsolete .revision-version-marker b{background:#925252}.revision-timeline-item.current .revision-version-marker b{box-shadow:0 0 0 4px #dcebf2}
.revision-timeline-content{padding:0 0 22px 8px}.revision-timeline-content>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.revision-timeline-content p{font-size:12px;line-height:1.5;color:#4d5961;margin:8px 0}.revision-timeline-content>small{display:block;font-size:11px;color:#5b6972}.revision-timeline-content footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px dashed #dce1e4}.revision-timeline-content footer span,.revision-timeline-content footer button{font-size:10px}.revision-timeline-content footer span{display:flex;align-items:center;gap:5px;color:#6a757d}.revision-timeline-content footer button{margin-left:auto;border:0;background:transparent;color:#1765bd;display:flex;align-items:center;gap:4px}
.revision-withdrawal-block{margin-top:22px;padding-top:18px;border-top:1px solid #e1e4e6}.revision-withdrawal-block h3{margin:0}.withdrawal-list{display:grid;gap:8px;margin-top:12px}.withdrawal-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;border:1px solid #e0e4e7;background:#fafbfc;padding:11px;border-radius:9px}.withdrawal-list strong,.withdrawal-list small{display:block}.withdrawal-list small{font-size:10px;color:#69767e;margin-top:3px}.withdrawal-list article>div:last-child{display:flex;gap:5px}.withdrawal-list button{border:1px solid #ccd7de;background:white;padding:6px 8px;font-size:10px;display:flex;align-items:center;gap:4px}
.revision-compare-modal{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden}.revision-compare-modal .modal-body{overflow:auto}.compare-summary-banner{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#eef6fa;border:1px solid #cedfe8;border-radius:11px}.compare-summary-banner strong,.compare-summary-banner span{display:block}.compare-summary-banner span{font-size:11px;color:#607480;margin-top:3px}
.version-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-version-column{border:1px solid #dce2e6;border-radius:12px;padding:17px;background:#fff}.compare-version-column>header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f28c28;padding-bottom:12px;margin-bottom:14px}.compare-version-column header small{display:block;color:#7c858c;font-size:9px;font-weight:800;letter-spacing:.09em}.compare-version-column h3{font-size:24px;margin:3px 0 0}.compare-version-column dl{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e2e5e7;border-radius:9px;overflow:hidden}.compare-version-column dl>div{padding:10px;border-bottom:1px solid #e4e7e9}.compare-version-column dl>div:nth-child(odd){border-right:1px solid #e4e7e9}.compare-version-column dt{font-size:9px;text-transform:uppercase;color:#7b858d;font-weight:800}.compare-version-column dd{margin:4px 0 0;font-size:11px;color:#34434d}.compare-text-block{margin-top:12px;padding:12px;border:1px solid #e4e6e8;background:#fafbfc;border-radius:9px}.compare-version-column>.primary{margin-top:14px;display:flex;align-items:center;gap:7px}.comparison-governance-note{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;border:1px solid #d7e4d2;background:#f3f8f0;color:#46613c;border-radius:9px;font-size:11px;line-height:1.55}
@media(max-width:900px){.revision-department-grid{grid-template-columns:repeat(2,1fr)}.revision-change-record,.version-compare-grid{grid-template-columns:1fr}.revision-control-summary{grid-template-columns:1fr}.revision-control-summary>article{grid-template-columns:1fr 1fr}.revision-control-modal .three{grid-template-columns:1fr}.withdrawal-list article{grid-template-columns:auto 1fr auto}.withdrawal-list article>div:last-child{grid-column:2/-1}}
@media(max-width:600px){.revision-control-modal,.revision-compare-modal{width:100%;max-height:100vh;border-radius:0}.revision-department-grid{grid-template-columns:1fr}.revision-control-summary>article{grid-template-columns:1fr}.revision-card-actions{align-items:stretch;flex-direction:column}.revision-timeline-item{grid-template-columns:62px 1fr}.revision-timeline-content footer button{margin-left:0}.withdrawal-list article{grid-template-columns:1fr}.withdrawal-list article>div:last-child{grid-column:auto}.version-compare-grid{grid-template-columns:1fr}.compare-version-column dl{grid-template-columns:1fr}.compare-version-column dl>div:nth-child(odd){border-right:0}}

/* ===== GYPTO QMS V29 — Electronic Approval ===== */
.electronic-approval-assurance{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;margin-bottom:14px;border:1px solid #b8d9c8;background:#f1faf5;border-radius:8px;color:#176b39}
.electronic-approval-assurance svg{flex:0 0 auto;margin-top:1px}.electronic-approval-assurance strong,.electronic-approval-assurance span{display:block}.electronic-approval-assurance span{margin-top:3px;color:#486458;font-size:12px}
.approval-step.electronically-signed{grid-template-columns:42px minmax(0,1fr) auto}.electronic-signature-proof{grid-column:2/4;margin-top:3px;border:1px solid #c7dfd1;background:#f7fcf9;border-radius:7px;padding:11px 12px}
.electronic-signature-proof-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #dcebe2}.electronic-signature-proof-head span{display:inline-flex;align-items:center;gap:6px;color:#176b39;font-weight:800;font-size:12px}.electronic-signature-proof-head b{background:#e2f4e9;color:#176b39;border-radius:999px;padding:4px 9px;font-size:11px}
.electronic-signature-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;padding-top:9px}.electronic-signature-proof-grid span{min-width:0}.electronic-signature-proof-grid small,.electronic-signature-proof-grid strong{display:block}.electronic-signature-proof-grid small{font-size:9px;letter-spacing:.06em;color:#77847d;text-transform:uppercase;font-weight:800}.electronic-signature-proof-grid strong{font-size:11px;color:#273a30;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.electronic-signature-proof-grid .wide{grid-column:1/3}.electronic-signature-proof-grid code{display:block;margin-top:3px;font-size:10px;color:#40534a;word-break:break-all}
.electronic-signature-backdrop{z-index:10020}.electronic-signature-modal{width:min(720px,calc(100vw - 30px));max-height:calc(100vh - 26px)}.electronic-signature-modal .modal-body{overflow:auto;padding-bottom:18px}
.electronic-signature-document{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid #dce3e6;background:#f8fafb;border-radius:8px;margin-bottom:14px}.electronic-signature-document>span:first-child{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#fff0df;color:var(--veeva-orange,#e36f10)}.electronic-signature-document small,.electronic-signature-document h3,.electronic-signature-document p{display:block;margin:0}.electronic-signature-document small{font-size:10px;color:#707c84;font-weight:800}.electronic-signature-document h3{font-size:17px;margin-top:3px;color:#17142d}.electronic-signature-document p{font-size:12px;color:#66727a;margin-top:3px}
.signature-regulatory-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border-radius:8px;border:1px solid #efd49a;background:#fff9ec;color:#78540d;margin-bottom:14px}.signature-regulatory-note svg{flex:0 0 auto;margin-top:2px}.signature-regulatory-note strong,.signature-regulatory-note span{display:block}.signature-regulatory-note span{font-size:12px;line-height:1.45;margin-top:3px;color:#725f37}
.signature-password-field{display:grid;grid-template-columns:minmax(0,1fr) 44px}.signature-password-field input{border-radius:5px 0 0 5px!important}.signature-password-field button{border:1px solid #ccd4d9;border-left:0;border-radius:0 5px 5px 0;background:#f5f7f8;color:#49565e;display:grid;place-items:center}
.signature-confirmation{display:flex!important;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #ced9df;border-radius:7px;background:#fafcfd}.signature-confirmation input{width:17px!important;height:17px!important;min-width:17px;margin-top:2px}.signature-confirmation span{font-size:12px;line-height:1.5;color:#42515a}
.signature-device-preview{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border-radius:7px;background:#f3f5f8;border:1px solid #dce1e7}.signature-device-preview svg{color:#5c6573;flex:0 0 auto}.signature-device-preview small,.signature-device-preview strong,.signature-device-preview span{display:block}.signature-device-preview small{font-size:9px;letter-spacing:.07em;color:#7a8490;font-weight:800}.signature-device-preview strong{font-size:12px;margin-top:3px;color:#28313b}.signature-device-preview span{font-size:10px;color:#737d87;margin-top:2px}
.electronic-signature-modal .auth-error.hidden{display:none}.electronic-signature-modal .modal-footer .primary svg[data-lucide="loader-circle"]{animation:qms-v29-spin .8s linear infinite}@keyframes qms-v29-spin{to{transform:rotate(360deg)}}
.controlled-print-approval-preview article em{display:flex;align-items:center;gap:4px;margin-top:3px;font-style:normal;color:#176b39;font-size:10px;font-weight:700}
@media(max-width:700px){.approval-step.electronically-signed{grid-template-columns:38px minmax(0,1fr)}.electronic-signature-proof{grid-column:1/3}.electronic-signature-proof-grid{grid-template-columns:1fr}.electronic-signature-proof-grid .wide{grid-column:1}.electronic-signature-document{grid-template-columns:44px minmax(0,1fr)}.electronic-signature-document>span:first-child{width:44px;height:44px}.electronic-signature-document>.badge{grid-column:2}.electronic-signature-modal .two{grid-template-columns:1fr}}
.electronic-signature-proof-head>div{display:flex;align-items:center;gap:7px}.electronic-signature-proof-head button{display:inline-flex;align-items:center;gap:4px;border:1px solid #a9cfb9;background:#fff;color:#176b39;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.electronic-signature-proof-head button:hover{background:#eaf7ef}

/* ===== GYPTO QMS V30 — Controlled Forms Library ===== */
.forms-library-page{display:flex;flex-direction:column;gap:18px}
.forms-library-heading{align-items:center}
.forms-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.forms-metrics article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #dfe4eb;border-radius:14px;background:#fff;box-shadow:0 4px 15px rgba(31,46,70,.05)}
.forms-metrics article>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#eef4f8;color:#304b6c}
.forms-metrics small{display:block;color:#697386;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.forms-metrics strong{display:block;margin-top:3px;color:#182235;font-size:26px}
.forms-category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.forms-category-cards button{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #dfe4eb;border-radius:13px;background:#fff;color:#27364d;text-align:left;transition:.18s ease}
.forms-category-cards button>svg:first-child{color:#4d6684}
.forms-category-cards button>svg:last-child{margin-left:auto;color:#8a96a7}
.forms-category-cards button span{display:flex;flex-direction:column;gap:2px}
.forms-category-cards button strong{font-size:14px}
.forms-category-cards button small{font-size:12px;color:#798496}
.forms-category-cards button:hover,.forms-category-cards button.active{border-color:#7890ab;background:#f3f7fa;transform:translateY(-1px)}
.forms-migration-warning,.forms-governance-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px}
.forms-migration-warning{border:1px solid #e4b765;background:#fff8e9;color:#775019}
.forms-governance-banner{border:1px solid #b9cedf;background:#eff6fb;color:#2b4d6b}
.forms-governance-banner div{display:flex;flex-direction:column;gap:3px}
.forms-governance-banner strong{font-size:14px}
.forms-governance-banner span{font-size:12px;line-height:1.55;color:#536d84}
.forms-table{overflow:auto;border:1px solid #dfe4eb;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,46,70,.05)}
.forms-row{display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(125px,.72fr) minmax(220px,1.2fr) minmax(145px,.8fr) 95px 118px 130px;align-items:center;min-width:1120px;border-bottom:1px solid #edf0f4;cursor:pointer;transition:.16s ease}
.forms-row:last-child{border-bottom:none}
.forms-row:not(.forms-th):hover{background:#f8fafc}
.forms-row.current-form{box-shadow:inset 4px 0 #2d8a59}
.forms-row.obsolete-form{background:#fafafa;color:#707785}
.forms-row>span{min-width:0;padding:14px 12px}
.forms-row strong,.forms-row b{display:block;color:#253247;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.forms-row small{display:block;margin-top:4px;color:#7a8495;font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}
.forms-row em{color:#8a5c29;font-size:12px}
.forms-th{background:#f3f5f8;cursor:default}
.forms-th>span{font-size:11px;font-weight:800;color:#667185;text-transform:uppercase;letter-spacing:.045em}
.forms-row .badge{display:inline-flex}
.blocked-link{color:#9b3b34!important;font-weight:700}
.form-use-button,.form-review-button,.form-blocked-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;padding:7px 9px!important;border-radius:8px;font-size:11px!important;font-weight:800!important;white-space:nowrap}
.form-use-button{border:1px solid #2b7850;background:#eaf6ef;color:#23623f}
.form-review-button{border:1px solid #667f9d;background:#eef3f8;color:#395774}
.form-blocked-button{border:1px solid #d8dce2;background:#f2f3f5;color:#8a9099;cursor:not-allowed}
.forms-empty{padding:40px}
.forms-sidebar .forms-side-note{display:flex;gap:10px;padding:12px;border:1px solid #dce4ed;border-radius:10px;background:#f6f9fb;color:#45647f}
.forms-side-note p{margin:0;display:flex;flex-direction:column;gap:3px}
.forms-side-note strong{font-size:12px}
.forms-side-note span{font-size:11px;line-height:1.5;color:#738095}
.forms-upload-modal{max-width:820px}
.forms-upload-rule,.forms-draft-note{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.5}
.forms-upload-rule{background:#edf5fb;border:1px solid #c7d9e7;color:#365a77}
.forms-draft-note{background:#f7f7f8;border:1px solid #dfe2e7;color:#606978}
.controlled-form-detail-modal{max-width:970px}
.controlled-form-hero{display:flex;align-items:center;gap:15px;padding:18px;border-radius:14px;border:1px solid #dfe4eb;background:linear-gradient(135deg,#f7f9fb,#fff)}
.controlled-form-hero>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#eaf1f7;color:#365a77}
.controlled-form-hero>div{min-width:0;flex:1}
.controlled-form-hero small{display:block;color:#6f7b8c;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.controlled-form-hero h3{margin:4px 0;color:#1d2a3e;font-size:21px}
.controlled-form-hero p{margin:0;color:#768194;font-size:12px}
.controlled-form-hero.current{border-color:#b9d8c8;background:linear-gradient(135deg,#f0faf4,#fff)}
.controlled-form-hero.blocked{border-color:#e2d5d2;background:linear-gradient(135deg,#faf5f4,#fff)}
.form-obsolete-warning{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid #e5c5bf;border-radius:11px;background:#fff5f3;color:#8d352d}
.form-obsolete-warning div{display:flex;flex-direction:column;gap:3px}
.form-obsolete-warning span{color:#8b625e;font-size:12px;line-height:1.5}
.controlled-form-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.controlled-form-summary article{padding:15px;border:1px solid #e0e4ea;border-radius:12px;background:#fff}
.parent-sop-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.parent-sop-card small{font-size:11px;font-weight:800;color:#778295;letter-spacing:.065em}
.parent-sop-card h3{margin:5px 0 3px;color:#223047}
.parent-sop-card p{margin:0;color:#737e8e;font-size:12px}
.parent-sop-card>div:last-child{display:flex;align-items:center;gap:10px}
.parent-sop-card button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ccd6e0;border-radius:8px;background:#fff;color:#3d5873}
.form-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-revision-history,.form-usage-history{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.form-revision-history article,.form-usage-history article{display:flex;gap:10px;padding:10px;border:1px solid #e6e9ee;border-radius:9px;background:#fafbfc}
.form-revision-history article.selected{border-color:#9eb6ca;background:#f1f6fa}
.form-revision-history article>span,.form-usage-history article>svg{color:#526d87}
.form-revision-history article div,.form-usage-history article div{display:flex;min-width:0;flex-direction:column;gap:2px}
.form-revision-history strong,.form-usage-history strong{color:#29364a;font-size:12px}
.form-revision-history small,.form-usage-history small{color:#768193;font-size:11px}
.form-revision-history em,.form-usage-history em{color:#677384;font-size:11px;line-height:1.4}
.controlled-form-file{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dce2e9;border-radius:12px;background:#f8fafc}
.controlled-form-file>span{color:#516c86}
.controlled-form-file>div{min-width:0;flex:1}
.controlled-form-file strong{display:block;color:#263449;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.controlled-form-file small{display:block;margin-top:3px;color:#7b8595;font-size:11px}
.controlled-form-file button{display:inline-flex;align-items:center;gap:6px}

@media(max-width:1200px){
  .forms-metrics,.forms-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .forms-metrics,.forms-category-cards,.controlled-form-summary,.form-detail-grid{grid-template-columns:1fr}
  .forms-library-heading{align-items:flex-start}
  .forms-library-heading .page-actions{width:100%;display:flex}
  .forms-library-heading .page-actions button{flex:1}
  .parent-sop-card,.controlled-form-file{align-items:flex-start;flex-direction:column}
  .parent-sop-card>div:last-child{width:100%;justify-content:space-between}
  .controlled-form-file button{width:100%;justify-content:center}
  .controlled-form-detail-modal{width:calc(100vw - 18px)}
}

/* ===== GYPTO QMS V31 — Integrated Process Linkage ===== */
.process-linkage-card{margin-top:24px;overflow:hidden}
.process-linkage-card>.panel-title{align-items:flex-start;gap:20px}
.process-linkage-card>.panel-title h2{margin:3px 0 5px}
.process-linkage-card>.panel-title p{max-width:780px;margin:0;color:var(--muted,#667085)}
.process-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.process-card-actions button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.process-migration-warning{display:flex;align-items:center;gap:10px;margin:16px 0;padding:13px 15px;border:1px solid #e8c36f;background:#fff8e7;border-radius:10px;color:#744f00}
.process-link-metrics,.process-navigator-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.process-link-metrics article{padding:15px 16px;border:1px solid #e2e6ee;border-radius:12px;background:#f8fafc;min-width:0}
.process-link-metrics small{display:block;color:#667085;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.process-link-metrics strong{display:block;margin-top:6px;color:#17142d;font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.process-empty-state{display:flex;min-height:210px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;border:1px dashed #cdd4df;border-radius:14px;background:#fafbfc;color:#667085}
.process-empty-state strong{margin:12px 0 5px;color:#252238;font-size:17px}
.process-empty-state span{max-width:620px;line-height:1.6}
.process-unified-timeline{position:relative;padding:6px 0 2px}
.process-timeline-event{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;position:relative}
.process-timeline-marker{display:flex;align-items:center;flex-direction:column}
.process-timeline-marker>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#17142d;color:white;font-size:12px;font-weight:800;z-index:1}
.process-timeline-marker>i{width:2px;min-height:94px;flex:1;background:#d9dee8}
.process-timeline-event:last-child .process-timeline-marker>i{background:linear-gradient(#d9dee8,transparent)}
.process-timeline-card{margin-bottom:16px;padding:14px;border:1px solid #e0e5ed;border-radius:13px;background:white;box-shadow:0 3px 12px rgba(23,20,45,.04)}
.process-flow-row{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);align-items:center;gap:12px}
.process-record{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dce2eb;background:#f8fafc;border-radius:11px;padding:11px;color:#252238;min-width:0}
.process-record:hover{border-color:#aeb8c7;background:#fff}
.process-record>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#eceff5;color:#342d58}
.process-record>span{display:grid;min-width:0;flex:1}
.process-record small{font-size:10px;color:#7a8494;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.process-record strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.process-record em{font-size:12px;color:#667085;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.process-record .badge{flex:0 0 auto;font-size:10px}
.process-record.compact{padding:9px}
.process-record.compact>i{width:29px;height:29px;flex-basis:29px}
.process-record.missing{display:inline-flex;width:auto;color:#8a4350;background:#fff5f6;border-color:#edc8cf}
.process-relation-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667085;min-width:0}
.process-relation-arrow span{display:grid;place-items:center;width:38px;height:28px;border-radius:16px;background:#eef1f6;color:#312a55}
.process-relation-arrow b{margin-top:6px;font-size:11px;line-height:1.25;color:#4c456d}
.process-link-notes{display:flex;align-items:flex-start;gap:7px;margin:12px 4px 0;padding:10px 12px;background:#f7f8fa;border-radius:8px;color:#596273;font-size:12px}
.process-timeline-card footer{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid #edf0f4;color:#7a8494;font-size:11px}
.process-timeline-card footer span{display:inline-flex;align-items:center;gap:5px}
.process-timeline-card footer code{margin-left:auto;color:#82779f}
.process-audit-findings{margin-top:22px;padding-top:21px;border-top:1px solid #e3e7ee}
.process-subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.process-subhead small{color:#8879a7;font-weight:800;letter-spacing:.07em}
.process-subhead h3{margin:3px 0 0}
.process-audit-findings article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0;border-top:1px solid #edf0f4}
.process-audit-findings article>div:first-child{display:grid;gap:4px}
.process-audit-findings article>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.process-audit-findings article p{margin:0;color:#4f5869}
.process-audit-findings article small{color:#7a8494}
.finding-classification{width:max-content;padding:3px 7px;border-radius:999px;background:#f2eefa;color:#5e4a80;font-size:10px;font-weight:800;text-transform:uppercase}
.process-source-preview{padding:13px;border:1px solid #dfe4ec;border-radius:12px;background:#f7f9fb;margin-bottom:15px}
.process-source-preview>small{display:block;margin:0 0 8px;color:#7d7299;font-size:10px;font-weight:800;letter-spacing:.08em}
.process-source-preview .process-record{background:white}
.process-modal-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border-radius:10px;background:#f4f2f8;color:#51466f;font-size:12px;line-height:1.55}
.process-link-modal{max-width:770px}
.process-create-modal{max-width:720px}
.process-navigator-page{padding-bottom:40px}
.process-navigator-metrics article{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e1e5ec;border-radius:12px;background:white}
.process-navigator-metrics article>i{width:42px!important;height:42px!important;padding:10px;border-radius:10px;background:#f0edf6;color:#4a3d6c}
.process-navigator-metrics small{display:block;color:#687386;font-size:11px;font-weight:700}
.process-navigator-metrics strong{display:block;margin-top:3px;font-size:22px;color:#17142d}
.process-flow-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.process-flow-cards article{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;background:#17142d;color:white}
.process-flow-cards article>i{flex:0 0 auto}
.process-flow-cards strong{display:block;font-size:13px}
.process-flow-cards span{display:block;margin-top:3px;color:#c4bed7;font-size:11px}
.process-navigator-list{padding:0;overflow:hidden}
.process-navigator-list>.panel-title{padding:20px 22px;border-bottom:1px solid #e7eaf0}
.process-global-timeline{padding:0 22px 22px}
.process-global-timeline>article{display:grid;grid-template-columns:165px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid #edf0f4}
.process-global-timeline>article:last-child{border-bottom:0}
.process-global-date{display:grid;align-content:start;gap:3px}
.process-global-date strong{font-size:12px;color:#29243d}
.process-global-date small{color:#7b8494}
.process-global-flow{display:grid;grid-template-columns:minmax(0,1fr) 165px minmax(0,1fr);align-items:center;gap:12px}
.process-global-relation{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;color:#5c5277;font-size:11px;font-weight:800}
.process-global-timeline>article>p{grid-column:2;margin:0;padding:8px 10px;background:#f7f8fa;border-radius:8px;color:#657083;font-size:12px}

@media(max-width:1100px){
  .process-link-metrics,.process-navigator-metrics,.process-flow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-flow-row,.process-global-flow{grid-template-columns:minmax(0,1fr)}
  .process-relation-arrow{flex-direction:row;gap:8px;padding:2px 0}
  .process-relation-arrow span{transform:rotate(90deg)}
  .process-relation-arrow b{margin:0}
  .process-global-relation{padding:3px 0}
}
@media(max-width:760px){
  .process-linkage-card{margin-left:-2px;margin-right:-2px}
  .process-linkage-card>.panel-title{display:grid}
  .process-card-actions{justify-content:flex-start}
  .process-card-actions button{flex:1 1 auto;justify-content:center}
  .process-link-metrics,.process-navigator-metrics,.process-flow-cards{grid-template-columns:1fr 1fr;gap:8px}
  .process-link-metrics article{padding:12px}
  .process-link-metrics strong{font-size:16px}
  .process-timeline-event{grid-template-columns:32px minmax(0,1fr);gap:5px}
  .process-timeline-marker>span{width:26px;height:26px}
  .process-timeline-card{padding:10px}
  .process-record .badge{display:none}
  .process-audit-findings article{grid-template-columns:1fr}
  .process-audit-findings article>div:last-child{justify-content:flex-start}
  .process-global-timeline{padding:0 12px 16px}
  .process-global-timeline>article{grid-template-columns:1fr;gap:9px}
  .process-global-date{grid-template-columns:auto 1fr;align-items:center;gap:8px}
  .process-global-timeline>article>p{grid-column:1}
  .process-link-modal,.process-create-modal{width:calc(100vw - 18px);max-height:92vh}
}
@media(max-width:480px){
  .process-link-metrics,.process-navigator-metrics,.process-flow-cards{grid-template-columns:1fr}
  .process-record em{max-width:180px}
  .process-card-actions{display:grid;grid-template-columns:1fr;width:100%}
}

/* ===== GYPTO QMS V32 — Advanced Quality Dashboard ===== */
.qms-v32-dashboard{max-width:1600px;margin:0 auto}.qms-v32-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qms-v32-heading-actions>button,.qms-v32-period button{height:38px;border:1px solid #d8e0ea;background:#fff;border-radius:9px;padding:0 13px;font-weight:700;color:#405166;display:inline-flex;align-items:center;gap:7px}.qms-v32-period{display:flex;background:#edf2f7;border-radius:10px;padding:3px}.qms-v32-period button{height:32px;border:0;background:transparent;padding:0 11px}.qms-v32-period button.active{background:#fff;color:#0b5bd3;box-shadow:0 2px 8px rgba(18,48,79,.12)}.qms-v32-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#68788b;font-size:12px;margin:-4px 0 16px}.qms-v32-meta span{display:inline-flex;gap:6px;align-items:center}.qms-v32-meta span:first-child{color:#137a45;font-weight:800}.qms-v32-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.qms-v32-kpi{position:relative;min-height:120px;border:1px solid #dfe6ee;border-radius:14px;background:#fff;padding:16px;text-align:left;display:flex;gap:12px;align-items:flex-start;box-shadow:0 5px 18px rgba(25,52,78,.06);overflow:hidden;transition:.18s ease}.qms-v32-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kpi)}.qms-v32-kpi>svg:first-child{color:var(--kpi);background:color-mix(in srgb,var(--kpi) 11%,white);padding:9px;width:40px;height:40px;border-radius:11px;flex:none}.qms-v32-kpi>span{display:flex;flex-direction:column;min-width:0}.qms-v32-kpi small{font-size:11px;letter-spacing:.03em;color:#65758a;font-weight:800}.qms-v32-kpi strong{font-size:27px;line-height:1.15;color:#17283c;margin:7px 0 3px}.qms-v32-kpi em{font-size:11px;color:#7a8999;font-style:normal;line-height:1.35}.qms-v32-kpi>svg:last-child{position:absolute;right:12px;top:12px;color:#91a0af}.qms-v32-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kpi) 35%,#dfe6ee);box-shadow:0 10px 24px rgba(25,52,78,.1)}.qms-v32-kpi.blue{--kpi:#1665d8}.qms-v32-kpi.red{--kpi:#d73535}.qms-v32-kpi.purple{--kpi:#7149c6}.qms-v32-kpi.green{--kpi:#168353}.qms-v32-kpi.orange{--kpi:#d97706}.qms-v32-kpi.rose{--kpi:#be3153}.qms-v32-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.qms-v32-panel{margin:0;min-width:0}.qms-v32-panel.span-5{grid-column:span 5}.qms-v32-panel.span-7{grid-column:span 7}.qms-v32-panel.span-12{grid-column:span 12}.qms-v32-panel .panel-title small{display:block;font-size:10px;color:#708195;letter-spacing:.09em;font-weight:800;margin-bottom:3px}.qms-v32-panel .panel-title h2{font-size:17px}.qms-v32-hint{font-size:11px;color:#7a8999}.qms-v32-empty{min-height:170px;display:flex;align-items:center;justify-content:center;color:#7a8999;font-size:13px}.qms-v32-bars{display:flex;flex-direction:column;gap:10px;padding-top:5px}.qms-v32-bars button{display:grid;grid-template-columns:minmax(105px,1.2fr) 3fr 32px;gap:11px;align-items:center;text-align:left;border:0;background:transparent;padding:3px 0;color:#435367}.qms-v32-bars button:hover span{color:#0b5bd3}.qms-v32-bars button span{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qms-v32-bars button div{height:10px;background:#edf2f7;border-radius:999px;overflow:hidden}.qms-v32-bars button i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f9be8,#1261c8);transition:width .35s ease}.qms-v32-bars button b{text-align:right;color:#17283c}.qms-v32-findings{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center;min-height:220px}.qms-v32-findings-total{width:135px;height:135px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#fff 47%,transparent 49%),conic-gradient(#d73535 0 22%,#e99425 22% 48%,#3f7fd8 48% 73%,#6c57b5 73% 88%,#61a879 88%);box-shadow:inset 0 0 0 1px #edf1f5}.qms-v32-findings-total strong{font-size:30px;color:#17283c}.qms-v32-findings-total small{font-size:10px;color:#6c7c8d;font-weight:800}.qms-v32-findings>div:last-child{display:flex;flex-direction:column;gap:5px}.qms-v32-findings button{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;border:0;background:transparent;padding:7px;border-radius:7px;text-align:left;color:#46576b}.qms-v32-findings button:hover{background:#f3f7fb}.qms-v32-findings button i{width:8px;height:8px;border-radius:50%;background:#d73535}.qms-v32-findings button i.finding-1{background:#e99425}.qms-v32-findings button i.finding-2{background:#3f7fd8}.qms-v32-findings button i.finding-3{background:#6c57b5}.qms-v32-findings button i.finding-4{background:#61a879}.qms-v32-findings button span{font-size:12px;font-weight:700}.qms-v32-findings button b{color:#17283c}.qms-v32-heatmap-wrap{position:relative;padding:4px 0 0 28px}.qms-v32-heatmap{display:grid;grid-template-columns:26px repeat(5,minmax(40px,1fr));gap:5px}.qms-v32-heatmap .axis{font-size:10px;color:#718196;display:flex;align-items:center;justify-content:center}.qms-v32-heatmap button{height:48px;border:1px solid rgba(255,255,255,.7);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.15s ease}.qms-v32-heatmap button:hover{transform:scale(1.06);z-index:2;box-shadow:0 7px 16px rgba(20,40,65,.18)}.qms-v32-heatmap button strong{font-size:15px}.qms-v32-heatmap button small{font-size:9px;opacity:.72}.qms-v32-heatmap button.minimal{background:#eaf4ee;color:#256a43}.qms-v32-heatmap button.low{background:#cde7d5;color:#185b36}.qms-v32-heatmap button.medium{background:#ffe6a3;color:#7b5200}.qms-v32-heatmap button.high{background:#f7ae65;color:#6e3000}.qms-v32-heatmap button.critical{background:#e95c62;color:#fff}.qms-v32-heat-y{position:absolute;left:0;top:115px;transform:rotate(-90deg);font-size:10px;font-weight:800;color:#718196}.qms-v32-heat-x{text-align:center;font-size:10px;font-weight:800;color:#718196;margin:6px 0}.qms-v32-heat-legend{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.qms-v32-heat-legend span{font-size:9px;font-weight:800}.qms-v32-heat-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;background:#eaf4ee}.qms-v32-heat-legend .low:before{background:#cde7d5}.qms-v32-heat-legend .medium:before{background:#ffe6a3}.qms-v32-heat-legend .high:before{background:#f7ae65}.qms-v32-heat-legend .critical:before{background:#e95c62}.qms-v32-trend{min-height:280px}.qms-v32-series{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:2px}.qms-v32-series button{border:1px solid #dfe6ee;background:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;color:#76869a;display:flex;align-items:center;gap:5px}.qms-v32-series button i{width:8px;height:8px;border-radius:50%;background:#b9c3cf}.qms-v32-series button.active{color:#33465b;background:#f5f8fb}.qms-v32-series button.trend-deviations.active i{background:#1261c8}.qms-v32-series button.trend-capas.active i{background:#6b4bc3}.qms-v32-series button.trend-audits.active i{background:#db7b14}.qms-v32-series button.trend-risks.active i{background:#be3153}.qms-v32-series button.trend-overdue.active i{background:#d73535}.qms-v32-trend svg{width:100%;height:auto;overflow:visible}.trend-grid line{stroke:#e6ebf1;stroke-width:1}.trend-grid text{fill:#8290a1;font-size:9px}.trend-lines polyline{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.trend-lines circle{stroke:#fff;stroke-width:2}.trend-lines .trend-deviations{stroke:#1261c8;fill:#1261c8}.trend-lines .trend-capas{stroke:#6b4bc3;fill:#6b4bc3}.trend-lines .trend-audits{stroke:#db7b14;fill:#db7b14}.trend-lines .trend-risks{stroke:#be3153;fill:#be3153}.trend-lines .trend-overdue{stroke:#d73535;fill:#d73535}.qms-v32-overdue-list{display:flex;flex-direction:column}.qms-v32-overdue-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto 105px 18px;gap:12px;align-items:center;border:0;border-top:1px solid #edf1f5;background:transparent;padding:11px 4px;text-align:left}.qms-v32-overdue-list>button:first-child{border-top:0}.qms-v32-overdue-list>button:hover{background:#f8fafc}.qms-v32-overdue-list span{min-width:0}.qms-v32-overdue-list strong,.qms-v32-overdue-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qms-v32-overdue-list strong{font-size:12px;color:#24374d}.qms-v32-overdue-list small{font-size:10px;color:#77879a;margin-top:3px}.qms-v32-overdue-list>button>b{font-size:11px;color:#c23434;text-align:right}
@media(max-width:1250px){.qms-v32-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.qms-v32-panel.span-5,.qms-v32-panel.span-7{grid-column:span 6}}
@media(max-width:820px){.qms-v32-heading-actions{width:100%}.qms-v32-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.qms-v32-panel.span-5,.qms-v32-panel.span-7,.qms-v32-panel.span-12{grid-column:span 12}.qms-v32-findings{grid-template-columns:120px 1fr}.qms-v32-findings-total{width:110px;height:110px}.qms-v32-heatmap button{height:42px}.qms-v32-overdue-list>button{grid-template-columns:minmax(0,1fr) auto}.qms-v32-overdue-list>button>b,.qms-v32-overdue-list>button>svg{display:none}}
@media(max-width:520px){.qms-v32-kpis{grid-template-columns:1fr}.qms-v32-kpi{min-height:102px}.qms-v32-findings{grid-template-columns:1fr}.qms-v32-findings-total{margin:auto}.qms-v32-heatmap{grid-template-columns:22px repeat(5,minmax(34px,1fr));gap:3px}.qms-v32-heatmap button{height:38px}.qms-v32-series button{padding:4px 7px}.qms-v32-meta{gap:8px 13px}}

/* ===== GYPTO QMS V32.2 — Forms Library activation fix ===== */
.forms-unavailable-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:132px;padding:22px 24px;border:1px solid #d9e1ea;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,46,70,.05);color:#34516f}
.forms-unavailable-state>svg{width:50px;height:50px;padding:13px;border-radius:14px;background:#eef4f8;color:#3d607f}
.forms-unavailable-state div{display:flex;min-width:0;flex-direction:column;gap:5px}
.forms-unavailable-state strong{color:#20344d;font-size:15px}
.forms-unavailable-state span{max-width:760px;color:#66778a;font-size:12px;line-height:1.6}
.forms-unavailable-state button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #c8d4e0;border-radius:9px;background:#f8fafc;color:#365875;font-weight:800}
.forms-unavailable-state button svg[data-lucide="loader-circle"]{animation:qms-v29-spin .8s linear infinite}
@media(max-width:760px){.forms-unavailable-state{grid-template-columns:auto minmax(0,1fr);padding:18px}.forms-unavailable-state button{grid-column:1/3;width:100%}}


/* ===== GYPTO QMS V32.5 — stable Advanced Home marker ===== */
.qms-v32-build-badge{display:inline-flex;align-items:center;margin-inline-start:8px;padding:3px 8px;border-radius:999px;background:#e8f7ee;color:#137a43;border:1px solid #b8e6c9;font-size:10px;font-weight:900;letter-spacing:.08em;vertical-align:middle}
.qms-v32-dashboard .page-heading{margin-bottom:18px}

/* ===== GYPTO QMS V33 — Controlled Paper Copy Management ===== */
.qms-v33-build-badge{display:inline-flex;align-items:center;margin-inline-start:8px;padding:3px 8px;border-radius:999px;background:#eef3ff;color:#2857a5;border:1px solid #cbd8f4;font-size:10px;font-weight:900;letter-spacing:.08em;vertical-align:middle}.controlled-copy-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:16px}.controlled-copy-metrics article{display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;background:#fff;border:1px solid #dbe3eb;border-radius:13px;box-shadow:0 5px 17px rgba(30,52,76,.05)}.controlled-copy-metrics article>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#edf4fb;color:#315f8c;flex:none}.controlled-copy-metrics article.recall>svg{background:#fff1e5;color:#c46310}.controlled-copy-metrics small,.controlled-copy-metrics strong{display:block}.controlled-copy-metrics small{font-size:10px;color:#708094;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.controlled-copy-metrics strong{font-size:27px;color:#1b3047;margin-top:4px}.controlled-copy-governance-note{display:flex;align-items:center;gap:13px;padding:15px 18px;margin-bottom:15px;border:1px solid #cfe0ef;border-radius:12px;background:#f1f7fc;color:#2f5678}.controlled-copy-governance-note>svg{flex:none}.controlled-copy-governance-note strong,.controlled-copy-governance-note span{display:block}.controlled-copy-governance-note strong{font-size:13px}.controlled-copy-governance-note span{font-size:11px;line-height:1.55;color:#61788e;margin-top:3px}.controlled-copy-filter-bar{display:flex;align-items:center;gap:7px;margin-bottom:9px}.controlled-copy-filter-bar button{border:1px solid #d6dee7;background:#fff;color:#586b7e;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.controlled-copy-filter-bar button.active{background:#1d5f96;border-color:#1d5f96;color:#fff}.controlled-copy-filter-bar>span{margin-inline-start:auto;color:#748497;font-size:11px}.controlled-copy-table{background:#fff;border:1px solid #dbe2e9;border-radius:13px;overflow:hidden;box-shadow:0 6px 20px rgba(30,52,76,.05)}.controlled-copy-head{display:grid;grid-template-columns:90px minmax(210px,1.8fr) minmax(145px,1fr) minmax(160px,1.2fr) 105px 95px 135px 165px;align-items:center;gap:10px;min-height:47px;padding:0 14px;background:#f1f4f7;border-bottom:1px solid #dce3ea;color:#607184;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.controlled-copy-row{display:grid;grid-template-columns:minmax(0,1fr) 165px;align-items:stretch;border-bottom:1px solid #e5eaf0}.controlled-copy-row:last-child{border-bottom:0}.controlled-copy-main{display:grid;grid-template-columns:90px minmax(210px,1.8fr) minmax(145px,1fr) minmax(160px,1.2fr) 105px 95px 135px;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:0;background:#fff;text-align:left}.controlled-copy-main:hover{background:#f9fbfd}.controlled-copy-main>span{min-width:0}.controlled-copy-main strong,.controlled-copy-main small{display:block;overflow:hidden;text-overflow:ellipsis}.controlled-copy-main strong{font-size:11px;color:#263b51;white-space:nowrap}.controlled-copy-main small{font-size:9px;color:#7b8998;margin-top:4px;white-space:nowrap}.controlled-copy-main .copy-number{font-size:13px;color:#1b5f96;font-weight:900}.controlled-copy-main .badge{min-width:75px}.copy-recall{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 8px;border-radius:999px;background:#eaf4ed;color:#277047;font-size:9px;font-weight:900;text-align:center}.copy-recall.pending{background:#fff0dd;color:#a7560c}.copy-recall.returned{background:#edf3fb;color:#355e8e}.copy-recall.destroyed{background:#f2f2f2;color:#626970}.controlled-copy-actions{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border-left:1px solid #e5eaf0;background:#fafbfd}.controlled-copy-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:5px 8px;border:1px solid #cfd9e3;border-radius:7px;background:#fff;color:#355a7b;font-size:9px;font-weight:800}.controlled-copy-actions button.danger{color:#a53030;border-color:#eccaca;background:#fff7f7}.badge.active{background:#e5f4e9;color:#277247}.badge.returned{background:#e9f1fa;color:#345f90}.badge.destroyed{background:#eceeef;color:#62686e}.controlled-copy-empty{padding:65px 20px}.controlled-copies-sidebar .profile-avatar{background:#4f7495}.controlled-copy-disposition-summary{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #dce4eb;border-radius:12px;background:#f8fafc;margin-bottom:18px}.controlled-copy-disposition-summary>span:first-child{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#edf4fa;color:#356383;flex:none}.controlled-copy-disposition-summary>div{flex:1;min-width:0}.controlled-copy-disposition-summary small,.controlled-copy-disposition-summary h3,.controlled-copy-disposition-summary p{display:block;margin:0}.controlled-copy-disposition-summary small{font-size:10px;color:#768596;font-weight:800}.controlled-copy-disposition-summary h3{font-size:15px;color:#20364c;margin-top:3px}.controlled-copy-disposition-summary p{font-size:11px;color:#66788b;margin-top:4px}.controlled-copy-disposition-warning{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px;border:1px solid #ead7aa;border-radius:10px;background:#fff9e9;color:#7a5b17;font-size:11px}.danger-primary{background:#a93333!important;border-color:#a93333!important}.controlled-print-modal input[type=date]{min-height:40px}.controlled-print-history article em{display:block;font-size:10px;color:#68798b;font-style:normal;margin-top:4px}
@media(max-width:1380px){.controlled-copy-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.controlled-copy-table{overflow-x:auto}.controlled-copy-head,.controlled-copy-row{min-width:1180px}}
@media(max-width:820px){.controlled-copy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.controlled-copy-row{grid-template-columns:minmax(0,1fr) 150px}.controlled-copy-governance-note{align-items:flex-start}.controlled-copy-filter-bar{overflow:auto;padding-bottom:3px}}
@media(max-width:520px){.controlled-copy-metrics{grid-template-columns:1fr}.controlled-copy-metrics article{min-height:78px}.controlled-copy-filter-bar>span{display:none}}

/* ===== GYPTO QMS V34 — Advanced Audit Trail Viewer ===== */
.qms-v34-build-badge{display:inline-flex;align-items:center;margin-inline-start:8px;padding:3px 9px;border-radius:999px;background:#e9f3ff;color:#155a94;border:1px solid #bdd6ec;font-size:10px;font-weight:900;letter-spacing:.08em;vertical-align:middle}.qms-v34-audit-page{min-width:0}.qms-v34-audit-page.compact{padding:0}.qms-v34-admin-head{border-bottom:1px solid #dce3ea}.qms-v34-audit-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 15px}.qms-v34-audit-page.compact .qms-v34-audit-metrics{padding:16px 18px 0}.qms-v34-audit-metrics article{display:flex;align-items:center;gap:12px;min-height:86px;padding:15px;background:#fff;border:1px solid #dce3ea;border-radius:12px;box-shadow:0 5px 16px rgba(30,52,76,.05)}.qms-v34-audit-metrics article>svg{width:40px;height:40px;padding:10px;border-radius:11px;background:#eef5fb;color:#2b638f;flex:none}.qms-v34-audit-metrics article:nth-child(2)>svg{background:#e9f6ed;color:#287344}.qms-v34-audit-metrics article:nth-child(3)>svg{background:#edf3ff;color:#385fa5}.qms-v34-audit-metrics article:nth-child(4)>svg{background:#fff0f1;color:#ae3442}.qms-v34-audit-metrics small,.qms-v34-audit-metrics strong{display:block}.qms-v34-audit-metrics small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#758598;font-weight:900}.qms-v34-audit-metrics strong{font-size:25px;color:#1d334a;margin-top:3px}.qms-v34-audit-filters{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(130px,.8fr)) 135px 135px auto;gap:8px;align-items:end;padding:12px;background:#f4f7fa;border:1px solid #dbe3eb;border-radius:12px 12px 0 0}.qms-v34-audit-page.compact .qms-v34-audit-filters{margin:0 18px}.qms-v34-audit-filters label{display:grid;gap:5px;color:#65778a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.qms-v34-audit-filters label.search{position:relative}.qms-v34-audit-filters label.search>svg{position:absolute;left:12px;bottom:11px;color:#708399}.qms-v34-audit-filters input,.qms-v34-audit-filters select{width:100%;height:39px;border:1px solid #cdd8e2;border-radius:7px;background:#fff;color:#253c53;padding:0 10px;font-size:11px}.qms-v34-audit-filters label.search input{padding-left:38px}.qms-v34-audit-filters>button{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd7e1;border-radius:7px;background:#fff;color:#46647e;font-size:10px;font-weight:900}.qms-v34-audit-table{background:#fff;border:1px solid #dbe3eb;border-top:0;border-radius:0 0 12px 12px;overflow:auto;box-shadow:0 6px 18px rgba(30,52,76,.05)}.qms-v34-audit-page.compact .qms-v34-audit-table{margin:0 18px}.qms-v34-audit-head,.qms-v34-audit-row{display:grid;grid-template-columns:72px minmax(210px,1.45fr) minmax(130px,.82fr) minmax(130px,.82fr) minmax(145px,1fr) minmax(145px,1fr) minmax(180px,1.2fr) 125px 78px;gap:9px;align-items:center;min-width:1380px}.qms-v34-audit-head{height:46px;padding:0 12px;background:#eaf0f5;color:#5c7084;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #d6e0e8}.qms-v34-audit-row{min-height:78px;padding:10px 12px;border-bottom:1px solid #e5eaf0}.qms-v34-audit-row:last-child{border-bottom:0}.qms-v34-audit-row:hover{background:#fafcfe}.qms-v34-audit-row>span{min-width:0}.qms-v34-audit-row strong,.qms-v34-audit-row small,.qms-v34-audit-row em{display:block}.qms-v34-audit-row strong{font-size:10px;color:#263c52;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.qms-v34-audit-row small{font-size:8.5px;color:#7a8998;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qms-v34-audit-row em{font-size:8px;color:#38658b;font-style:normal;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qms-v34-audit-row .record>strong{font-size:11px}.qms-v34-audit-row .audit-action{width:65px}.qms-v34-audit-row .diff-value{padding:7px;border-radius:7px;background:#f7f9fb;border:1px solid #e2e7ec}.qms-v34-audit-row .diff-value.old{background:#fff7f7;border-color:#f2dddd}.qms-v34-audit-row .diff-value.new{background:#f2f9f4;border-color:#d8ebdd}.qms-v34-audit-row .diff-value strong{white-space:normal;word-break:break-word;max-height:42px}.qms-v34-audit-row .reason strong{white-space:normal;max-height:42px}.qms-v34-audit-row button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:5px 8px;border:1px solid #cbd8e3;border-radius:7px;background:#fff;color:#245c88;font-size:9px;font-weight:900}.qms-v34-audit-empty{padding:70px 20px}.qms-v34-audit-footer{display:flex;justify-content:space-between;gap:16px;padding:10px 4px;color:#718294;font-size:9px}.qms-v34-audit-page.compact .qms-v34-audit-footer{padding:10px 20px 18px}.qms-v34-audit-modal{width:min(1160px,96vw)}.qms-v34-audit-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:15px}.qms-v34-audit-summary article{padding:12px;border:1px solid #dce4eb;border-radius:9px;background:#f8fafc}.qms-v34-audit-summary article.reason{grid-column:1/-1;background:#fff9eb;border-color:#eadcaf}.qms-v34-audit-summary small,.qms-v34-audit-summary strong{display:block}.qms-v34-audit-summary small{font-size:8px;color:#738497;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.qms-v34-audit-summary strong{font-size:11px;color:#243b51;margin-top:5px;line-height:1.5}.qms-v34-diff-table{border:1px solid #dce4eb;border-radius:10px;overflow:auto}.qms-v34-diff-head,.qms-v34-diff-row{display:grid;grid-template-columns:180px minmax(280px,1fr) minmax(280px,1fr);min-width:780px}.qms-v34-diff-head{min-height:42px;align-items:center;background:#edf2f6;color:#5b6f83;font-size:9px;font-weight:900;text-transform:uppercase}.qms-v34-diff-head span,.qms-v34-diff-row>*{padding:10px 12px;border-right:1px solid #dfe6ed}.qms-v34-diff-head span:last-child,.qms-v34-diff-row>*:last-child{border-right:0}.qms-v34-diff-row{border-top:1px solid #e2e8ee}.qms-v34-diff-row strong{font-size:10px;text-transform:capitalize;color:#29435b}.qms-v34-diff-row pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:9px;line-height:1.5;color:#44576a;max-height:160px;overflow:auto}.qms-v34-diff-row pre:nth-child(2){background:#fff9f9}.qms-v34-diff-row pre:nth-child(3){background:#f6fbf7}.qms-v34-raw{margin-top:15px}.qms-v34-raw summary{cursor:pointer;color:#1b6298;font-size:10px;font-weight:900}.qms-v34-raw>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.qms-v34-raw section{min-width:0}.qms-v34-raw h3{font-size:11px;margin:0 0 6px}.qms-v34-raw pre{max-height:300px;overflow:auto;background:#171d24;color:#e8edf2;padding:12px;border-radius:7px;font-size:8px;white-space:pre-wrap;word-break:break-word}.qms-v34-change-reason{margin-top:16px;padding:14px;border:1px solid #e1d3a8;border-radius:10px;background:#fff9e9}.qms-v34-change-reason label{margin:0}.qms-v34-change-reason p{display:flex;align-items:center;gap:7px;margin:8px 0 0;color:#765d22;font-size:9px}.badge.insert{background:#e5f5e9;color:#287445}.badge.update{background:#e8f1fc;color:#195c9d}.badge.delete{background:#ffe8ea;color:#ac2f3d}
@media(max-width:1200px){.qms-v34-audit-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.qms-v34-audit-filters label.search{grid-column:span 2}.qms-v34-audit-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.qms-v34-audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.qms-v34-audit-filters{grid-template-columns:1fr 1fr}.qms-v34-audit-filters label.search{grid-column:1/-1}.qms-v34-audit-filters>button{grid-column:1/-1}.qms-v34-audit-footer{display:block}.qms-v34-audit-footer span{display:block;margin-top:4px}.qms-v34-audit-summary{grid-template-columns:1fr 1fr}.qms-v34-audit-summary article.reason{grid-column:1/-1}.qms-v34-raw>div{grid-template-columns:1fr}}
@media(max-width:480px){.qms-v34-audit-metrics{grid-template-columns:1fr}.qms-v34-audit-filters{grid-template-columns:1fr}.qms-v34-audit-filters label.search{grid-column:auto}.qms-v34-audit-summary{grid-template-columns:1fr}.qms-v34-audit-summary article.reason{grid-column:auto}}

/* ===== GYPTO QMS V35 — Management Review Center ===== */
.qms-v35-page{display:grid;gap:20px;padding-bottom:34px}.qms-v35-build-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#e6f7ef;color:#08784b;font-size:10px;font-weight:800;letter-spacing:.06em;margin-left:7px}.qms-v35-center-metrics,.qms-v35-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qms-v35-metric{display:flex;align-items:flex-start;gap:13px;padding:18px;background:#fff;border:1px solid #dbe4ed;border-radius:14px;box-shadow:0 8px 22px rgba(31,58,89,.055);min-width:0}.qms-v35-metric>svg{padding:9px;box-sizing:content-box;border-radius:12px;flex:0 0 auto}.qms-v35-metric div{display:grid;gap:3px;min-width:0}.qms-v35-metric small{color:#66788b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.qms-v35-metric strong{font-size:26px;color:#123a63;line-height:1.08}.qms-v35-metric span{font-size:12px;color:#6e7f91}.qms-v35-metric.blue>svg{background:#eaf6fb;color:#1684a7}.qms-v35-metric.orange>svg{background:#fff2df;color:#e97300}.qms-v35-metric.red>svg{background:#ffebea;color:#d83d43}.qms-v35-metric.green>svg{background:#e8f7ee;color:#18834f}.qms-v35-metric.purple>svg{background:#f1edff;color:#6d4fbd}.qms-v35-live-inputs,.qms-v35-panel{background:#fff;border:1px solid #dbe4ed;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(31,58,89,.045)}.qms-v35-live-inputs{border-top:3px solid #ee7d00}.qms-v35-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.qms-v35-section-head>div:first-child{display:grid;gap:3px}.qms-v35-section-head small{font-size:10px;font-weight:800;letter-spacing:.11em;color:#e65f00}.qms-v35-section-head h2{font-size:20px;color:#123a63;margin:0}.qms-v35-section-head>span{font-size:12px;color:#708195}.qms-v35-section-head button{border:1px solid #cfdbe6;background:#fff;border-radius:8px;padding:8px 12px;color:#145d8d;display:flex;align-items:center;gap:7px;font-weight:700}.qms-v35-center-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:18px}.qms-v35-reviews-panel{padding:0;overflow:hidden}.qms-v35-reviews-panel>.qms-v35-section-head{padding:20px 20px 0}.qms-v35-review-head,.qms-v35-review-row{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(145px,.8fr) minmax(145px,.75fr) 90px 125px 24px;align-items:center;gap:12px}.qms-v35-review-head{padding:11px 18px;background:#f4f7fa;border-top:1px solid #e1e8ef;border-bottom:1px solid #e1e8ef;color:#66798d;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.04em}.qms-v35-review-row{width:100%;border:0;border-bottom:1px solid #e8eef3;background:#fff;padding:14px 18px;text-align:left;color:#213d58;transition:.18s}.qms-v35-review-row:hover{background:#f8fbfd}.qms-v35-review-row>span:first-child{display:grid;gap:4px;min-width:0}.qms-v35-review-row strong{font-size:13px;color:#173c61}.qms-v35-review-row small{font-size:11px;color:#718296}.qms-v35-review-row>span:nth-child(4){display:grid}.qms-v35-review-row>span:nth-child(4)>b{font-size:17px}.qms-v35-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:82px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;background:#eef3f7;color:#52697d}.qms-v35-status.draft{background:#eef2f5;color:#556978}.qms-v35-status.scheduled{background:#e8f4fc;color:#16719c}.qms-v35-status.in_review,.qms-v35-status.in_progress{background:#fff1de;color:#c35f00}.qms-v35-status.pending_signature{background:#f2ecff;color:#704fb4}.qms-v35-status.approved,.qms-v35-status.completed,.qms-v35-status.closed{background:#e6f7ee;color:#137a49}.qms-v35-status.cancelled,.qms-v35-status.rejected{background:#fdebea;color:#b9353d}.qms-v35-status.carried_forward{background:#e9f0f7;color:#47647e}.qms-v35-mini-actions{display:grid}.qms-v35-mini-actions>button{border:0;border-bottom:1px solid #e8eef3;background:#fff;display:grid;grid-template-columns:10px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:13px 2px;text-align:left}.qms-v35-mini-actions>button:hover strong{color:#0e6b9f}.qms-v35-mini-actions i{width:9px;height:9px;border-radius:50%;background:#4ea36d}.qms-v35-mini-actions i.overdue{background:#db3f47;box-shadow:0 0 0 4px #ffe7e8}.qms-v35-mini-actions span{display:grid;gap:3px;min-width:0}.qms-v35-mini-actions strong{font-size:12px;color:#23425e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qms-v35-mini-actions small{font-size:10px;color:#748597}.qms-v35-trend{display:grid;gap:15px;min-width:0}.qms-v35-trend-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.qms-v35-trend-title h3{margin:0;color:#173b60;font-size:16px}.qms-v35-trend-title>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px}.qms-v35-trend-title span{display:flex;align-items:center;gap:5px;color:#6b7d8f;font-size:9px;font-weight:700}.qms-v35-trend-title span i{width:8px;height:8px;border-radius:2px}.qms-v35-trend-title i.blue,.qms-v35-trend-bars i.blue{background:#2694bd}.qms-v35-trend-title i.orange,.qms-v35-trend-bars i.orange{background:#ef8612}.qms-v35-trend-title i.purple,.qms-v35-trend-bars i.purple{background:#7959bd}.qms-v35-trend-title i.red,.qms-v35-trend-bars i.red{background:#da4c54}.qms-v35-trend-title i.green,.qms-v35-trend-bars i.green{background:#3f9c66}.qms-v35-trend-title i.navy,.qms-v35-trend-bars i.navy{background:#294d73}.qms-v35-trend-scroll{overflow-x:auto;padding-bottom:5px}.qms-v35-trend-grid{height:210px;min-width:620px;display:flex;align-items:stretch;gap:8px;border-bottom:1px solid #d9e3eb;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#edf2f6 42px)}.qms-v35-trend-period{flex:1;min-width:49px;display:grid;grid-template-rows:1fr 24px;gap:4px}.qms-v35-trend-period>span{text-align:center;font-size:9px;color:#6f8193;white-space:nowrap}.qms-v35-trend-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:8px 2px 0;height:100%}.qms-v35-trend-bars i{display:block;width:9px;min-height:2px;border-radius:4px 4px 0 0;position:relative}.qms-v35-trend-bars i b{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:7px;color:#617588;font-style:normal}.qms-v35-empty-chart{height:140px;display:grid;place-items:center;color:#7b8a99}.qms-v35-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 20px;align-items:start;background:#fff;border:1px solid #dbe4ed;border-radius:16px;padding:20px}.qms-v35-detail-head>button:first-child{grid-column:1/-1;width:max-content;border:0;background:transparent;color:#17678f;display:flex;align-items:center;gap:5px;font-weight:700;padding:0}.qms-v35-detail-head>div:nth-child(2){display:grid;gap:4px}.qms-v35-detail-head small{font-size:11px;color:#ee6800;font-weight:800}.qms-v35-detail-head h1{font-size:27px;color:#143c64;margin:0}.qms-v35-detail-head p{font-size:12px;color:#6e8194;margin:0}.qms-v35-detail-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid #e5ebf0;padding-top:14px}.qms-v35-detail-actions button{border:1px solid #cbd8e3;background:#fff;color:#185e88;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-weight:700}.qms-v35-detail-actions button.primary{background:#14698f;color:#fff;border-color:#14698f}.qms-v35-detail-actions button.success-button{background:#168452;color:#fff;border-color:#168452}.qms-v35-governance-strip{display:flex;gap:13px;align-items:center;background:#edf7ff;border:1px solid #b9d9ef;color:#174e74;border-radius:13px;padding:14px 17px}.qms-v35-governance-strip>svg{flex:0 0 auto}.qms-v35-governance-strip>div{display:grid;gap:3px}.qms-v35-governance-strip strong{font-size:13px}.qms-v35-governance-strip span{font-size:11px;color:#58768d}.qms-v35-review-overview{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:#fff;border:1px solid #dbe4ed;border-radius:14px;overflow:hidden}.qms-v35-review-overview>div{padding:14px;border-right:1px solid #e2e9ef;display:grid;gap:5px;min-width:0}.qms-v35-review-overview>div:last-child{border-right:0}.qms-v35-review-overview small{color:#718396;text-transform:uppercase;font-size:9px;font-weight:800}.qms-v35-review-overview strong{color:#163b60;font-size:12px;overflow-wrap:anywhere}.qms-v35-analysis-grid,.qms-v35-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qms-v35-trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qms-v35-root-causes{display:grid;gap:11px}.qms-v35-root-causes>div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(110px,1.6fr) 30px;gap:10px;align-items:center}.qms-v35-root-causes span{font-size:11px;color:#536b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qms-v35-root-causes i{height:8px;border-radius:999px;background:#edf2f6;overflow:hidden}.qms-v35-root-causes i b{display:block;height:100%;background:linear-gradient(90deg,#1c739c,#46a7bd);border-radius:999px}.qms-v35-root-causes strong{font-size:11px;color:#24445f;text-align:right}.qms-v35-escalation{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qms-v35-escalation>div{background:#f6f9fb;border:1px solid #e1e8ee;border-radius:10px;padding:13px;display:flex;justify-content:space-between;align-items:center}.qms-v35-escalation span{font-size:11px;color:#63768a}.qms-v35-escalation b{font-size:19px;color:#153f67}.qms-v35-decision-head,.qms-v35-decision-row{display:grid;grid-template-columns:125px minmax(260px,1.6fr) minmax(135px,.65fr) 90px 72px 95px 72px;gap:10px;align-items:center}.qms-v35-decision-head{background:#f4f7fa;border:1px solid #e1e8ef;padding:10px 12px;color:#66798d;text-transform:uppercase;font-size:9px;font-weight:800}.qms-v35-decision-row{border:1px solid #e3eaf0;border-top:0;padding:12px;background:#fff}.qms-v35-decision-row.overdue{border-left:3px solid #d94249;background:#fffafa}.qms-v35-decision-row>span{min-width:0}.qms-v35-decision-row>span:first-child,.qms-v35-decision-row>span:nth-child(2){display:grid;gap:3px}.qms-v35-decision-row strong,.qms-v35-decision-row b{font-size:11px;color:#24425e}.qms-v35-decision-row small{font-size:9px;color:#748699}.qms-v35-priority{font-size:9px;font-weight:800;text-transform:uppercase}.qms-v35-priority.low{color:#3d8b58}.qms-v35-priority.medium{color:#b87500}.qms-v35-priority.high{color:#d45b16}.qms-v35-priority.critical{color:#c5323a}.qms-v35-decision-actions{display:flex;justify-content:flex-end;gap:5px}.qms-v35-decision-actions button{border:1px solid #d4e0e9;background:#fff;color:#1a668e;border-radius:7px;width:30px;height:30px;display:grid;place-items:center}.danger-text{color:#ce373e!important}.qms-v35-attendees,.qms-v35-signatures{display:grid;gap:8px}.qms-v35-attendees>div,.qms-v35-signatures>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e1e8ee;border-radius:10px;background:#f9fbfc}.qms-v35-attendees>div>span{color:#1d729c}.qms-v35-attendees p,.qms-v35-signatures p{display:grid;gap:2px;margin:0;flex:1}.qms-v35-attendees strong,.qms-v35-signatures strong{font-size:11px;color:#23425f}.qms-v35-attendees small,.qms-v35-signatures small{font-size:9px;color:#738598}.qms-v35-attendees b{font-size:9px;color:#4a687f;text-transform:uppercase}.qms-v35-signatures>div.signed>svg{color:#188251}.qms-v35-signatures>div.rejected>svg{color:#c33a42}.qms-v35-signatures code{font-size:9px;color:#61788b}.qms-v35-minutes>div:last-child{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.qms-v35-minutes article{border:1px solid #e0e8ef;background:#f9fbfc;border-radius:11px;padding:15px}.qms-v35-minutes h3{font-size:13px;color:#173e64;margin:0 0 9px}.qms-v35-minutes p{font-size:11px;color:#596f83;line-height:1.55;white-space:pre-line}.qms-v35-modal{max-width:850px}.qms-v35-modal.small{max-width:590px}.qms-v35-modal .modal-body{display:grid;gap:14px}.qms-v35-modal-record{background:#f3f7fa;border:1px solid #dce5ec;border-radius:10px;padding:12px;color:#304c65;font-size:12px;line-height:1.5}.qms-v35-check{display:flex!important;align-items:flex-start;gap:10px;background:#f3f8fc;border:1px solid #d6e5ef;border-radius:11px;padding:12px}.qms-v35-check>input{width:17px!important;height:17px!important;margin-top:2px}.qms-v35-check>span{display:grid;gap:3px}.qms-v35-check strong{font-size:12px;color:#244766}.qms-v35-check small{font-size:10px;color:#6d8193}.qms-v35-sign-warning{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #c9dcec;border-radius:11px;background:#edf7ff;color:#1b5a7e}.qms-v35-sign-warning p{display:grid;gap:3px;margin:0}.qms-v35-sign-warning strong{font-size:12px}.qms-v35-sign-warning span{font-size:10px;color:#5d7890}.qms-v35-modal .success-button{background:#168452;color:#fff;border-color:#168452}.rtl .qms-v35-review-row,.rtl .qms-v35-decision-row{text-align:right}.rtl .qms-v35-review-overview>div{border-right:0;border-left:1px solid #e2e9ef}.rtl .qms-v35-review-overview>div:last-child{border-left:0}
@media(max-width:1280px){.qms-v35-center-metrics,.qms-v35-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qms-v35-review-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.qms-v35-review-overview>div{border-bottom:1px solid #e2e9ef}.qms-v35-decision-head,.qms-v35-decision-row{grid-template-columns:110px minmax(230px,1.5fr) 125px 82px 64px 90px 64px}.qms-v35-trends-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.qms-v35-center-grid,.qms-v35-analysis-grid,.qms-v35-bottom-grid{grid-template-columns:1fr}.qms-v35-review-head{display:none}.qms-v35-review-row{grid-template-columns:minmax(0,1fr) auto auto}.qms-v35-review-row>span:nth-child(2),.qms-v35-review-row>span:nth-child(3),.qms-v35-review-row>span:nth-child(4){display:none}.qms-v35-decision-head{display:none}.qms-v35-decision-row{grid-template-columns:minmax(0,1fr) auto auto;padding:14px}.qms-v35-decision-row>span:first-child{grid-column:1}.qms-v35-decision-row>span:nth-child(2){grid-column:1;grid-row:2}.qms-v35-decision-row>span:nth-child(3){grid-column:1;grid-row:3}.qms-v35-decision-row>span:nth-child(4){grid-column:2;grid-row:1}.qms-v35-decision-row>span:nth-child(5){grid-column:2;grid-row:2}.qms-v35-decision-row>span:nth-child(6){grid-column:2;grid-row:3}.qms-v35-decision-row>span:nth-child(7){grid-column:3;grid-row:1/4}.qms-v35-minutes>div:last-child{grid-template-columns:1fr}}
@media(max-width:720px){.qms-v35-page{gap:13px}.qms-v35-center-metrics,.qms-v35-kpi-grid{grid-template-columns:1fr}.qms-v35-live-inputs,.qms-v35-panel{padding:14px}.qms-v35-detail-head{grid-template-columns:1fr}.qms-v35-detail-head>.qms-v35-status{grid-column:1}.qms-v35-detail-head h1{font-size:22px}.qms-v35-detail-actions{justify-content:stretch}.qms-v35-detail-actions button{flex:1;justify-content:center;min-width:135px}.qms-v35-review-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.qms-v35-section-head{align-items:flex-start}.qms-v35-trend-title{display:grid}.qms-v35-trend-title>div{justify-content:flex-start}.qms-v35-review-row{grid-template-columns:minmax(0,1fr) auto}.qms-v35-review-row>span.qms-v35-status{grid-column:2}.qms-v35-review-row>svg{display:none}.qms-v35-escalation{grid-template-columns:1fr}.qms-v35-root-causes>div{grid-template-columns:minmax(120px,1fr) 1fr 25px}.qms-v35-modal .two{grid-template-columns:1fr}.qms-v35-governance-strip{align-items:flex-start}.qms-v35-decision-row{grid-template-columns:minmax(0,1fr) auto}.qms-v35-decision-row>span:nth-child(7){grid-column:1/3;grid-row:auto;justify-content:flex-start}.qms-v35-decision-row>span:nth-child(4),.qms-v35-decision-row>span:nth-child(5),.qms-v35-decision-row>span:nth-child(6){grid-column:2}.qms-v35-decision-row>span:nth-child(3){grid-column:1}.qms-v35-review-overview strong{font-size:11px}}

/* ===== GYPTO QMS V36 — Advanced Deviation Investigation & RCA ===== */
.qms-v36-start,.qms-v36-workspace{margin-top:18px;border:1px solid #d7e2eb;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(26,62,91,.07)}
.qms-v36-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;background:linear-gradient(135deg,#f5faff 0,#fff 66%,#fff7ed 100%)}
.qms-v36-start>div:first-child{display:flex;gap:16px;align-items:flex-start}.qms-v36-start>div:first-child>svg{flex:0 0 auto;width:58px;height:58px;padding:14px;border-radius:16px;color:#14698f;background:#e5f3fa}.qms-v36-start small,.qms-v36-head small{display:block;color:#ed6900;font-size:10px;font-weight:900;letter-spacing:.1em}.qms-v36-start h2{margin:4px 0 6px;color:#153e65;font-size:22px}.qms-v36-start p{max-width:860px;margin:0;color:#647b8f;font-size:12px;line-height:1.6}.qms-v36-start>button{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:11px 15px}
.qms-v36-workspace{overflow:hidden}.qms-v36-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding:20px 22px;background:linear-gradient(135deg,#f7fbfe,#fff)}.qms-v36-head small span{display:inline-flex;margin-left:5px;padding:2px 7px;border-radius:999px;background:#14749d;color:#fff;letter-spacing:.04em}.qms-v36-head h2{margin:4px 0;color:#153f67;font-size:23px}.qms-v36-head p{margin:0;color:#6a8094;font-size:12px}.qms-v36-head-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.qms-v36-head-meta>span:not(.qms-v36-status){display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #dbe5ed;border-radius:8px;background:#fff;color:#526b80;font-size:10px;font-weight:700}.qms-v36-head-meta>span.overdue{border-color:#efb8ba;background:#fff3f3;color:#bd3037}.qms-v36-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid #e2eaf0}.qms-v36-actions button,.qms-v36-section-head button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd9e4;border-radius:8px;background:#fff;color:#17668e;padding:8px 11px;font-weight:800;font-size:11px}.qms-v36-actions button.primary,.qms-v36-section-head button.primary{background:#176c93;color:#fff;border-color:#176c93}
.qms-v36-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;background:#edf2f6;color:#536a7e}.qms-v36-status.in_progress,.qms-v36-status.pending{background:#eaf5fb;color:#15678f}.qms-v36-status.pending_approval{background:#fff4df;color:#a96700}.qms-v36-status.approved{background:#e8f6ee;color:#177848}.qms-v36-status.rejected{background:#fff0f0;color:#bb3038}.qms-v36-status.closed{background:#e9eef2;color:#4f6171}.qms-v36-status.cancelled{background:#f1f1f1;color:#777}
.qms-v36-progress{padding:14px 22px;border-top:1px solid #e4ebf1;border-bottom:1px solid #e2e9ef;background:#f8fafc}.qms-v36-progress>div{display:flex;justify-content:space-between;gap:15px;color:#49667d;font-size:10px;font-weight:800}.qms-v36-progress>div strong{color:#174e75}.qms-v36-progress>i{display:block;height:7px;margin:7px 0 5px;border-radius:999px;background:#e2e9ef;overflow:hidden}.qms-v36-progress>i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1b729b,#3db487)}.qms-v36-progress>small{color:#788b9c;font-size:9px}
.qms-v36-tabs{display:flex;gap:0;overflow:auto;border-bottom:1px solid #dce6ed;background:#fff}.qms-v36-tabs button{flex:1;min-width:145px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-bottom:3px solid transparent;background:#fff;color:#667d91;padding:13px 9px;font-size:10px;font-weight:800;white-space:nowrap}.qms-v36-tabs button:hover{background:#f6f9fb;color:#175f87}.qms-v36-tabs button.active{border-bottom-color:#ed7500;color:#144f76;background:#fffaf4}
.qms-v36-tab-panel{padding:18px 20px;background:#f5f8fa}.qms-v36-overview-grid,.qms-v36-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qms-v36-card{padding:17px;border:1px solid #dce5ed;border-radius:13px;background:#fff}.qms-v36-card+.qms-v36-card{margin-top:14px}.qms-v36-overview-grid .qms-v36-card+.qms-v36-card,.qms-v36-two-col .qms-v36-card+.qms-v36-card{margin-top:0}.qms-v36-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px solid #e5ebf0}.qms-v36-section-head small{display:block;color:#ee6d00;font-size:9px;font-weight:900;letter-spacing:.08em}.qms-v36-section-head h3{margin:3px 0 0;color:#183e61;font-size:15px}.qms-v36-section-head>span:not(.qms-v36-status):not(.qms-v36-impact){color:#6d8294;font-size:10px}.qms-v36-long-text{min-height:46px;margin:13px 0;color:#4f687d;font-size:11px;line-height:1.65;white-space:pre-line}.qms-v36-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qms-v36-mini-grid>span,.qms-v36-impact-grid article{display:grid;gap:4px;padding:10px;border:1px solid #e3eaf0;border-radius:9px;background:#f8fafc}.qms-v36-mini-grid small,.qms-v36-impact-grid small{color:#768a9b;font-size:8px;font-weight:900;text-transform:uppercase}.qms-v36-mini-grid b,.qms-v36-impact-grid strong{color:#294b68;font-size:10px;overflow-wrap:anywhere}.qms-v36-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.qms-v36-tag-row span{padding:4px 7px;border-radius:999px;background:#edf4f8;color:#2f6684;font-size:8px;font-weight:800}.qms-v36-tag-row span.muted{background:#f2f3f5;color:#7b858e}.qms-v36-impact{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.qms-v36-impact.not_assessed{background:#edf1f4;color:#667987}.qms-v36-impact.none,.qms-v36-impact.low{background:#e9f7ef;color:#24794d}.qms-v36-impact.medium{background:#fff4d9;color:#9a6500}.qms-v36-impact.high,.qms-v36-impact.critical{background:#fff0f0;color:#be3037}
.qms-v36-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.qms-v36-metric{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe7ee;border-radius:11px;background:#fff}.qms-v36-metric>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#edf4f8;color:#176b92}.qms-v36-metric.orange>span{background:#fff2e5;color:#d66b08}.qms-v36-metric.green>span{background:#e9f6ef;color:#1b7a4e}.qms-v36-metric.red>span{background:#fff0f0;color:#bf343b}.qms-v36-metric small,.qms-v36-metric strong,.qms-v36-metric p{display:block;margin:0}.qms-v36-metric small{color:#718698;font-size:8px;font-weight:900;text-transform:uppercase}.qms-v36-metric strong{margin-top:2px;color:#183f62;font-size:20px}.qms-v36-metric p{color:#8293a2;font-size:8px}
.qms-v36-impact-hero{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:15px;border:1px solid #dce6ed;border-radius:12px;background:#f7fafc}.qms-v36-impact-hero>span{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#e9f2f7;color:#176990}.qms-v36-impact-hero.high,.qms-v36-impact-hero.critical{border-color:#edc1c3;background:#fff5f5}.qms-v36-impact-hero.high>span,.qms-v36-impact-hero.critical>span{background:#ffe5e6;color:#bd3038}.qms-v36-impact-hero small,.qms-v36-impact-hero strong{display:block}.qms-v36-impact-hero small{color:#77899a;font-size:9px;font-weight:900}.qms-v36-impact-hero strong{margin-top:3px;color:#1b4669;font-size:19px}.qms-v36-impact-hero p{margin:5px 0 0;color:#60788b;font-size:10px;line-height:1.5}.qms-v36-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.qms-v36-whys{display:grid;gap:9px;margin-top:14px}.qms-v36-whys article{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:11px;border:1px solid #e0e7ed;border-radius:10px;background:#fafcfd}.qms-v36-whys article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8eef3;color:#557187;font-weight:900}.qms-v36-whys article.complete{border-color:#c4dfd0;background:#f6fcf8}.qms-v36-whys article.complete>span{background:#dff2e7;color:#16754a}.qms-v36-whys small,.qms-v36-whys strong,.qms-v36-whys p{display:block}.qms-v36-whys small{color:#6c8294;font-size:9px;font-weight:800}.qms-v36-whys strong{margin-top:3px;color:#294b66;font-size:11px}.qms-v36-whys p{display:flex;align-items:center;gap:4px;margin:4px 0 0;color:#76899a;font-size:9px}.qms-v36-whys article>svg{color:#a6b1ba}.qms-v36-whys article.complete>svg{color:#208253}
.qms-v36-fishbone{margin-top:14px}.qms-v36-fish-head{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:10px;background:#183f62;color:#fff}.qms-v36-fish-head strong{font-size:11px}.qms-v36-fish-head span{font-size:10px;color:#d8e6f0}.qms-v36-fish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:11px}.qms-v36-fish-grid article{min-height:130px;padding:11px;border:1px solid #e0e8ee;border-radius:10px;background:#f9fbfc}.qms-v36-fish-grid h4{display:flex;justify-content:space-between;margin:0 0 8px;color:#214b6c;font-size:11px}.qms-v36-fish-grid h4 b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#e8f1f6;color:#17678d;font-size:8px}.qms-v36-fish-grid article>div{display:flex;gap:6px;padding:7px 0;border-top:1px solid #e4ebf0}.qms-v36-fish-grid article>div>span{color:#658096}.qms-v36-fish-grid article>div.root>span{color:#cf6511}.qms-v36-fish-grid p{margin:0}.qms-v36-fish-grid strong{display:block;color:#3e5b72;font-size:9px}.qms-v36-fish-grid small{display:block;margin-top:3px;color:#81909e;font-size:8px}.qms-v36-none{color:#93a0aa;font-size:8px;font-style:italic}
.qms-v36-not-applicable,.qms-v36-extension-warning{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:14px;border:1px solid #d7e3eb;border-radius:11px;background:#f5f9fc;color:#315f7e}.qms-v36-not-applicable div,.qms-v36-extension-warning span{display:grid;gap:3px}.qms-v36-not-applicable strong,.qms-v36-extension-warning strong{font-size:11px}.qms-v36-not-applicable span,.qms-v36-extension-warning small{color:#70879a;font-size:9px;line-height:1.5}.qms-v36-human-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.qms-v36-human-grid article{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px;border:1px solid #e0e7ed;border-radius:9px;background:#f9fbfc}.qms-v36-human-grid article.yes{border-color:#c6dfd1;background:#f4fbf7}.qms-v36-human-grid article.no{border-color:#efd0d1;background:#fff8f8}.qms-v36-human-grid article.yes>svg{color:#1b8152}.qms-v36-human-grid article.no>svg{color:#be343c}.qms-v36-human-grid span{color:#49667c;font-size:9px}.qms-v36-human-grid b{font-size:8px;text-transform:uppercase;color:#6b7e8e}.qms-v36-conclusion{margin-top:12px;padding:13px;border-left:4px solid #18739b;background:#f1f8fc}.qms-v36-conclusion small{color:#267092;font-size:8px;font-weight:900}.qms-v36-conclusion p{margin:5px 0 0;color:#48687f;font-size:10px;line-height:1.55;white-space:pre-line}
.qms-v36-root-list{display:grid;gap:10px;margin-top:14px}.qms-v36-root-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid #dfe7ed;border-left:4px solid #19769d;border-radius:10px;background:#fafcfd}.qms-v36-root-list article.contributing{border-left-color:#9a7a45}.qms-v36-root-list article>div:first-child{display:flex;align-items:flex-start;gap:10px}.qms-v36-root-list article>div:first-child>span{color:#17739b}.qms-v36-root-list article.contributing>div:first-child>span{color:#9a7a45}.qms-v36-root-list p{display:grid;gap:3px;margin:0}.qms-v36-root-list small{color:#6c8395;font-size:8px;font-weight:800}.qms-v36-root-list strong{color:#294c68;font-size:11px}.qms-v36-root-list em{color:#7c8d9b;font-size:8px;font-style:normal}.qms-v36-root-list article>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px}.qms-v36-root-list button{display:flex;align-items:center;gap:5px;border:1px solid #cbd9e3;border-radius:7px;background:#fff;color:#17658c;padding:7px 9px;font-size:9px;font-weight:800}.qms-v36-root-list button.primary{background:#176a91;color:#fff}.qms-v36-capa-state{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.qms-v36-capa-state.linked{background:#e5f5ec;color:#18784b}.qms-v36-capa-state.required{background:#fff1dc;color:#a56600}.qms-v36-capa-state.none{background:#edf1f4;color:#6b7c89}
.qms-v36-team-list,.qms-v36-timeline,.qms-v36-approval-list,.qms-v36-extension-list{display:grid;gap:8px;margin-top:13px}.qms-v36-team-list article{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e1e8ee;border-radius:9px;background:#f9fbfc}.qms-v36-team-list article>span{color:#176e95}.qms-v36-team-list p{display:grid;gap:2px;margin:0}.qms-v36-team-list strong{color:#2d4f69;font-size:10px}.qms-v36-team-list small{color:#718596;font-size:8px}.qms-v36-team-list em{color:#82919d;font-size:8px;font-style:normal}.qms-v36-timeline article{position:relative;display:grid;grid-template-columns:15px minmax(0,1fr);gap:9px;padding:0 0 11px}.qms-v36-timeline article>i{position:relative;display:block;width:9px;height:9px;margin-top:3px;border:2px solid #1c769d;border-radius:50%;background:#fff}.qms-v36-timeline article>i:after{content:"";position:absolute;left:2px;top:9px;width:1px;height:calc(100% + 14px);background:#cfdae3}.qms-v36-timeline article:last-child>i:after{display:none}.qms-v36-timeline small{color:#708699;font-size:8px}.qms-v36-timeline strong{display:block;margin-top:2px;color:#2d506b;font-size:10px}.qms-v36-timeline p{margin:3px 0;color:#7b8c99;font-size:8px;line-height:1.45}.qms-v36-timeline em{color:#aa6c00;font-size:8px;font-style:normal}
.qms-v36-approval-list article{display:grid;grid-template-columns:31px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:10px;border:1px solid #e0e8ee;border-radius:9px;background:#fafcfd}.qms-v36-approval-list article>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e9eff4;color:#557186;font-weight:900}.qms-v36-approval-list article.approved{border-color:#c3dece;background:#f5fbf7}.qms-v36-approval-list article.approved>span{background:#dcf0e5;color:#187749}.qms-v36-approval-list article.rejected{border-color:#edcbcd;background:#fff7f7}.qms-v36-approval-list article.rejected>span{background:#f9dfe0;color:#b92e36}.qms-v36-approval-list strong,.qms-v36-approval-list small,.qms-v36-approval-list p{display:block}.qms-v36-approval-list strong{color:#2d4e68;font-size:10px}.qms-v36-approval-list small{margin-top:2px;color:#718697;font-size:8px}.qms-v36-approval-list p{margin:4px 0 0;color:#7f8e99;font-size:8px}.qms-v36-decision-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.success-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.success-button{border:1px solid #178251!important;background:#178251!important;color:#fff!important}.danger-button{border:1px solid #c23a42!important;background:#fff!important;color:#b72e36!important}.qms-v36-extension-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px;border:1px solid #e0e8ee;border-radius:9px;background:#fafcfd}.qms-v36-extension-list article.pending{border-color:#ead39f;background:#fffaf0}.qms-v36-extension-list strong{display:block;margin-top:3px;color:#2c4f6a;font-size:10px}.qms-v36-extension-list small,.qms-v36-extension-list em{color:#728697;font-size:8px}.qms-v36-extension-list p{margin:4px 0;color:#697e90;font-size:8px;line-height:1.5}.qms-v36-extension-list article>div:last-child{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.qms-v36-extension-list button{border:1px solid #cbd8e2;border-radius:7px;background:#fff;color:#7e4145;padding:6px 8px;font-size:8px;font-weight:800}
.qms-v36-modal{max-width:910px}.qms-v36-modal.small{max-width:620px}.qms-v36-modal .modal-body{display:grid;gap:14px}.qms-v36-rule,.qms-v36-extension-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #c8ddeb;border-radius:10px;background:#f1f8fc;color:#245f7e}.qms-v36-rule.danger{border-color:#e8bec0;background:#fff4f4;color:#a72d35}.qms-v36-rule>span{display:grid;gap:3px}.qms-v36-rule strong{font-size:11px}.qms-v36-rule small{color:#6c8394;font-size:9px;line-height:1.45}.qms-v36-form-section{display:grid;gap:11px;padding:14px;border:1px solid #dfe7ed;border-radius:11px;background:#fafcfd}.qms-v36-form-section h3{margin:0;color:#1d4a6b;font-size:13px}.qms-v36-checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qms-v36-checkbox-grid label,.qms-v36-toggle{display:flex!important;align-items:flex-start;gap:8px;padding:9px;border:1px solid #dfe7ed;border-radius:8px;background:#fff}.qms-v36-checkbox-grid input,.qms-v36-toggle input{width:16px!important;height:16px!important;flex:0 0 auto}.qms-v36-checkbox-grid span{color:#526d82;font-size:9px}.qms-v36-toggle>span{display:grid;gap:2px}.qms-v36-toggle strong{color:#34566f;font-size:10px}.qms-v36-toggle small{color:#788b9b;font-size:8px;line-height:1.4}.qms-v36-human-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qms-v36-why-form{display:grid;gap:10px}.qms-v36-why-form section{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px;border:1px solid #e0e7ed;border-radius:10px;background:#fafcfd}.qms-v36-why-form section>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5f0f6;color:#17678e;font-weight:900}.qms-v36-why-form section>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qms-v36-why-form section label:nth-child(2){grid-column:1/3}
.rtl .qms-v36-head,.rtl .qms-v36-card,.rtl .qms-v36-start{text-align:right}.rtl .qms-v36-root-list article{border-left:1px solid #dfe7ed;border-right:4px solid #19769d}.rtl .qms-v36-timeline article>i:after{left:auto;right:2px}
@media(max-width:1200px){.qms-v36-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.qms-v36-fish-grid{grid-template-columns:repeat(2,1fr)}.qms-v36-impact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.qms-v36-overview-grid,.qms-v36-two-col{grid-template-columns:1fr}.qms-v36-head{grid-template-columns:1fr}.qms-v36-head-meta{justify-content:flex-start}.qms-v36-root-list article{grid-template-columns:1fr}.qms-v36-root-list article>div:last-child{justify-content:flex-start}.qms-v36-human-grid{grid-template-columns:1fr}}
@media(max-width:700px){.qms-v36-start{display:grid;padding:16px}.qms-v36-start>div:first-child>svg{width:46px;height:46px;padding:11px}.qms-v36-start h2{font-size:18px}.qms-v36-head{padding:16px}.qms-v36-tab-panel{padding:12px}.qms-v36-tabs button{min-width:122px}.qms-v36-kpis,.qms-v36-impact-grid,.qms-v36-fish-grid,.qms-v36-mini-grid{grid-template-columns:1fr}.qms-v36-section-head{display:grid}.qms-v36-section-head button{width:100%}.qms-v36-actions{justify-content:stretch}.qms-v36-actions button{flex:1}.qms-v36-checkbox-grid,.qms-v36-human-form{grid-template-columns:1fr}.qms-v36-why-form section>div{grid-template-columns:1fr}.qms-v36-why-form section label:nth-child(2){grid-column:1}.qms-v36-extension-list article{grid-template-columns:1fr}.qms-v36-decision-buttons{display:grid}.qms-v36-root-list article>div:last-child{display:grid;justify-content:stretch}.qms-v36-root-list button{justify-content:center}}

.qms-v36-readonly-note{display:inline-flex;align-items:center;max-width:420px;padding:10px 13px;border:1px solid #ccd9e3;border-radius:9px;background:#f4f8fb;color:#587083;font-size:10px;font-weight:700;line-height:1.45}

/* ===== GYPTO QMS V37 — Training & Qualification Matrix ===== */
.qms-v37-page{display:grid;gap:22px;padding-bottom:34px}.qms-v37-live{display:inline-flex;align-items:center;margin-inline-start:8px;padding:4px 9px;border-radius:999px;background:#e7f8ee;color:#157449;font-size:10px;font-weight:800;letter-spacing:.08em}.qms-v37-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.qms-v37-metric{min-width:0;background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:18px;display:flex;gap:13px;align-items:flex-start;box-shadow:0 8px 24px rgba(32,58,83,.06)}.qms-v37-metric>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf5fc;color:#1d6b9e;flex:0 0 auto}.qms-v37-metric small{display:block;color:#728296;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.qms-v37-metric strong{display:block;margin:3px 0;font-size:28px;line-height:1;color:#123a63}.qms-v37-metric p{margin:0;color:#78889a;font-size:11px;line-height:1.35}.qms-v37-metric.green>span{background:#eaf8ef;color:#16814d}.qms-v37-metric.red>span{background:#fff0ef;color:#c93d38}.qms-v37-metric.orange>span{background:#fff5e8;color:#d36b00}.qms-v37-metric.purple>span{background:#f3efff;color:#7350b5}.qms-v37-metric.teal>span{background:#e9f9f7;color:#1b817c}.qms-v37-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.qms-v37-panel{border-radius:17px!important}.qms-v37-panel.span-7{grid-column:span 7}.qms-v37-panel.span-5{grid-column:span 5}.qms-v37-panel.span-12{grid-column:1/-1}.qms-v37-departments{display:grid;gap:10px}.qms-v37-departments>button{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr);align-items:center;gap:18px;width:100%;border:1px solid #e1e8ef;background:#fbfcfd;border-radius:12px;padding:13px 15px;text-align:left}.qms-v37-departments>button:hover{border-color:#9fc1d9;background:#f5faff}.qms-v37-departments strong,.qms-v37-departments span{display:block}.qms-v37-departments strong{color:#173a5d}.qms-v37-departments span{font-size:11px;color:#748397;margin-top:4px}.qms-v37-progress{display:grid;grid-template-columns:1fr 45px;align-items:center;gap:10px}.qms-v37-progress i{height:8px;background:#e5ebf0;border-radius:999px;overflow:hidden}.qms-v37-progress b{display:block;height:100%;background:#237fb0;border-radius:inherit}.qms-v37-progress.green b{background:#25a363}.qms-v37-progress.orange b{background:#e88b20}.qms-v37-progress.red b{background:#d8574d}.qms-v37-progress strong{font-size:12px;color:#455c72;text-align:right}.qms-v37-due-list{display:grid;gap:8px}.qms-v37-due-list>button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid #e3e9ef;border-radius:12px;background:#fff;text-align:left}.qms-v37-due-list>button:hover{background:#f8fbfd;border-color:#b7cede}.qms-v37-doc-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eef5fb;color:#1b6697}.qms-v37-due-list strong,.qms-v37-due-list small{display:block}.qms-v37-due-list strong{font-size:13px;color:#173a5d}.qms-v37-due-list small{font-size:10px;color:#7b8999;margin-top:3px}.qms-v37-state{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:800;background:#eef2f5;color:#586b7d}.qms-v37-state.green{background:#e6f7ed;color:#157648}.qms-v37-state.red{background:#ffeceb;color:#b83330}.qms-v37-state.orange{background:#fff1df;color:#b86100}.qms-v37-state.blue{background:#e9f4fb;color:#1a6b9d}.qms-v37-state.gray{background:#eef2f5;color:#647487}.qms-v37-lifecycle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.qms-v37-lifecycle article{position:relative;min-height:150px;padding:18px 15px 14px;border:1px solid #dde6ed;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex-direction:column;align-items:flex-start;gap:9px}.qms-v37-lifecycle article>b{position:absolute;right:12px;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#123f66;color:#fff;font-size:11px}.qms-v37-lifecycle article>svg{color:#e87100}.qms-v37-lifecycle article strong{font-size:13px;color:#173a5d}.qms-v37-lifecycle article span{font-size:10px;line-height:1.55;color:#758495}.qms-v37-unavailable{min-height:210px;border:1px dashed #e0aa63;background:#fff9ef;border-radius:16px;padding:28px;display:flex;align-items:center;gap:18px;color:#8d5309}.qms-v37-unavailable>div{flex:1}.qms-v37-unavailable strong,.qms-v37-unavailable span{display:block}.qms-v37-unavailable strong{font-size:16px}.qms-v37-unavailable span{margin-top:5px;color:#8b6d46}.qms-v37-unavailable button{border:1px solid #d99a46;background:#fff;padding:9px 13px;border-radius:9px}.qms-v37-table{overflow:auto;border:1px solid #dfe7ee;border-radius:15px;background:#fff}.qms-v37-tr{min-width:1080px;display:grid;align-items:center;border-bottom:1px solid #e7edf2;color:#42566b;text-align:left}.qms-v37-table.matrix .qms-v37-tr{grid-template-columns:2fr 1.55fr .7fr .7fr .6fr .6fr 1fr 36px}.qms-v37-table.assignments .qms-v37-tr{grid-template-columns:2.25fr 1.25fr 1fr 1.05fr 1fr 1.2fr .95fr 92px}.qms-v37-table.gates .qms-v37-tr{grid-template-columns:1fr 1.55fr 1.55fr 1.25fr .8fr}.qms-v37-tr>span{padding:13px 14px;min-width:0}.qms-v37-tr.th{background:#f3f6f9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#66798b}.qms-v37-tr:not(.th):hover{background:#f8fbfd}.qms-v37-tr strong,.qms-v37-tr small{display:block}.qms-v37-tr strong{color:#173a5d;font-size:12px}.qms-v37-tr small{font-size:10px;color:#7d8b99;margin-top:4px;line-height:1.35}.qms-v37-tr .ok{color:#16784a;font-size:10px}.qms-v37-tr .pending{color:#ae6507;font-size:10px}.danger-text{color:#bc3432!important;font-weight:800}.qms-v37-row-actions{display:flex!important;gap:5px}.qms-v37-row-actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d8e2ea;border-radius:8px;background:#fff;color:#1a699c}.qms-v37-row-actions button:hover{background:#eaf5fc}.qms-v37-employee-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.qms-v37-employee-summary article{background:#fff;border:1px solid #dde6ed;border-radius:13px;padding:16px;display:flex;align-items:center;gap:12px}.qms-v37-employee-summary svg{color:#e56c00}.qms-v37-employee-summary small,.qms-v37-employee-summary strong{display:block}.qms-v37-employee-summary small{font-size:10px;color:#78889a;text-transform:uppercase}.qms-v37-employee-summary strong{font-size:14px;color:#173a5d;margin-top:3px}.qms-v37-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qms-v37-role-card{border:1px solid #dce5ed;background:#fff;border-radius:16px;overflow:hidden}.qms-v37-role-card>header{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;padding:18px;background:linear-gradient(135deg,#f7fafc,#edf5fa)}.qms-v37-role-card>header>span{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#1f6d9d;border:1px solid #d9e6ef}.qms-v37-role-card header small{font-size:10px;color:#6c7e90;text-transform:uppercase}.qms-v37-role-card header h2{font-size:17px;margin:3px 0;color:#163c61}.qms-v37-role-card header p{margin:0;color:#748396;font-size:11px}.qms-v37-role-card header>b{border-radius:999px;background:#fff;padding:5px 9px;color:#526b80;font-size:10px;border:1px solid #dae4eb}.qms-v37-req-list{display:grid}.qms-v37-req-list>div{display:grid;grid-template-columns:30px 1fr auto 32px;align-items:center;gap:8px;padding:13px 16px;border-top:1px solid #edf1f4}.qms-v37-req-list>div>span{color:#258054}.qms-v37-req-list p{margin:0}.qms-v37-req-list strong,.qms-v37-req-list small{display:block}.qms-v37-req-list strong{font-size:12px;color:#183d60}.qms-v37-req-list small{font-size:9px;color:#7c8b9a;margin-top:3px}.qms-v37-req-list em{font-style:normal;font-size:9px;color:#5a7084;text-align:right}.qms-v37-req-list button{width:28px;height:28px;border-radius:8px;border:1px solid #dbe4eb;background:#fff;display:grid;place-items:center;color:#176d9f}.qms-v37-role-card footer{padding:12px 16px;border-top:1px solid #edf1f4}.qms-v37-role-card footer button{width:100%;border:1px dashed #9fc0d6;color:#176898;background:#f6fbfe;border-radius:9px;padding:9px}.qms-v37-quiz-bank{display:grid;gap:15px}.qms-v37-quiz-bank article{background:#fff;border:1px solid #dce5ed;border-radius:15px;overflow:hidden}.qms-v37-quiz-bank header{display:flex;justify-content:space-between;gap:15px;padding:17px 19px;background:#f7fafc}.qms-v37-quiz-bank header small{font-size:10px;color:#e36d00;font-weight:800}.qms-v37-quiz-bank header h2{margin:3px 0;font-size:17px;color:#163c61}.qms-v37-quiz-bank header p{margin:0;color:#758495;font-size:10px}.qms-v37-quiz-bank ol{margin:0;padding:0 22px 16px 48px}.qms-v37-quiz-bank li{padding:13px 6px;border-bottom:1px solid #edf1f4}.qms-v37-quiz-bank li strong,.qms-v37-quiz-bank li span{display:block}.qms-v37-quiz-bank li strong{color:#1a3c5c;font-size:12px}.qms-v37-quiz-bank li span{color:#728397;font-size:10px;margin-top:5px}.qms-v37-quiz-bank li em{font-style:normal;font-size:9px;color:#16794b}.qms-v37-gate-note,.qms-v37-sidebar-note,.qms-v37-modal-note,.qms-v37-quiz-intro{display:flex;gap:11px;align-items:flex-start;border-radius:12px;background:#edf7fc;border:1px solid #c8e0ed;padding:13px;color:#1b607f}.qms-v37-gate-note p,.qms-v37-sidebar-note p,.qms-v37-quiz-intro p{margin:0}.qms-v37-gate-note strong,.qms-v37-gate-note span,.qms-v37-sidebar-note strong,.qms-v37-sidebar-note span,.qms-v37-quiz-intro strong,.qms-v37-quiz-intro span{display:block}.qms-v37-gate-note span,.qms-v37-sidebar-note span,.qms-v37-quiz-intro span{font-size:10px;line-height:1.5;color:#527286;margin-top:3px}.qms-v37-sidebar-note{margin:8px;background:#f2f8fc;padding:12px}.qms-v37-sidebar-note strong{font-size:11px}.qms-v37-sidebar-note span{font-size:9px}.qms-v37-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qms-v37-checks label{display:flex!important;align-items:center;gap:8px;border:1px solid #dce5ed;border-radius:10px;padding:11px;background:#f9fbfc}.qms-v37-checks input{width:auto!important}.qms-v37-quiz-modal{max-width:820px!important}.qms-v37-question{border:1px solid #dce5ed;border-radius:12px;padding:13px;margin:0 0 13px}.qms-v37-question legend{font-weight:800;color:#183e61;padding:0 5px;font-size:13px}.qms-v37-question label{display:grid!important;grid-template-columns:20px 28px 1fr;align-items:center;gap:5px;padding:9px;border-radius:8px;margin:4px 0;background:#f8fafc;border:1px solid transparent}.qms-v37-question label:hover{border-color:#b7d2e3;background:#f0f8fc}.qms-v37-question input{width:auto!important}.qms-v37-question b{width:25px;height:25px;border-radius:7px;background:#eaf2f7;display:grid;place-items:center;color:#1b6797}.qms-v37-question span{font-size:12px;color:#3f556a}.qms-v37-gate-result{margin-top:14px;border-radius:12px;padding:14px;display:flex;gap:11px}.qms-v37-gate-result.allowed{background:#eaf8ef;color:#157448;border:1px solid #bee4cc}.qms-v37-gate-result.blocked{background:#fff0ef;color:#ad302e;border:1px solid #f1c4c2}.qms-v37-gate-result strong,.qms-v37-gate-result span{display:block}.qms-v37-gate-result span{font-size:10px;line-height:1.6;margin-top:3px}.qms-v37-page .page-actions select{min-width:175px;border:1px solid #cfdbe4;background:#fff;border-radius:9px;padding:9px 32px 9px 10px;color:#334f68}
@media(max-width:1280px){.qms-v37-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.qms-v37-lifecycle{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.qms-v37-panel.span-7,.qms-v37-panel.span-5{grid-column:1/-1}.qms-v37-role-grid{grid-template-columns:1fr}.qms-v37-employee-summary{grid-template-columns:repeat(2,1fr)}.qms-v37-checks{grid-template-columns:1fr}.qms-v37-departments>button{grid-template-columns:1fr}.qms-v37-sidebar{position:fixed;z-index:35;top:0;bottom:0;left:0;max-width:290px}}
@media(max-width:600px){.qms-v37-page{gap:14px}.qms-v37-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qms-v37-metric{padding:13px;gap:9px}.qms-v37-metric>span{width:35px;height:35px}.qms-v37-metric strong{font-size:22px}.qms-v37-lifecycle{grid-template-columns:1fr 1fr;gap:8px}.qms-v37-lifecycle article{min-height:135px;padding:14px 12px}.qms-v37-employee-summary{grid-template-columns:1fr}.qms-v37-role-card>header{grid-template-columns:40px 1fr}.qms-v37-role-card header>b{grid-column:2}.qms-v37-page .page-heading,.qms-v37-page .page-heading.slim{align-items:flex-start}.qms-v37-page .page-actions{width:100%;display:grid;grid-template-columns:1fr}.qms-v37-page .page-actions button,.qms-v37-page .page-actions select{width:100%}.qms-v37-unavailable{align-items:flex-start;flex-wrap:wrap}.qms-v37-due-list>button{grid-template-columns:34px 1fr}.qms-v37-due-list em{grid-column:2;justify-self:start}.qms-v37-quiz-bank header{flex-direction:column}.qms-v37-question label{grid-template-columns:18px 25px 1fr}}

/* ===== GYPTO QMS V38 — UX & Productivity Upgrade ===== */
:root{--v38-bg:#f4f7fa;--v38-surface:#fff;--v38-surface-2:#f8fafc;--v38-text:#102f52;--v38-muted:#67778b;--v38-border:#dbe4ed;--v38-shadow:0 16px 40px rgba(24,54,87,.10);--v38-nav:#fff;--v38-input:#fff;--v38-hover:#f2f7fb}
html[data-theme="dark"]{--v38-bg:#0c1420;--v38-surface:#111d2b;--v38-surface-2:#172536;--v38-text:#e9f2fb;--v38-muted:#9fb0c2;--v38-border:#293b50;--v38-shadow:0 18px 50px rgba(0,0,0,.30);--v38-nav:#111d2b;--v38-input:#172536;--v38-hover:#1c2d40;color-scheme:dark}
html[data-theme="dark"] body,html[data-theme="dark"] .app,html[data-theme="dark"] .workspace,html[data-theme="dark"] .content{background:var(--v38-bg);color:var(--v38-text)}
html[data-theme="dark"] .panel,html[data-theme="dark"] .generic-card,html[data-theme="dark"] .modal,html[data-theme="dark"] .data-table,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .top-nav,html[data-theme="dark"] .veeva-mainbar,html[data-theme="dark"] .qms-v37-panel,html[data-theme="dark"] .qms-v35-panel{background:var(--v38-surface)!important;border-color:var(--v38-border)!important;color:var(--v38-text)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--v38-input)!important;color:var(--v38-text)!important;border-color:var(--v38-border)!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong,html[data-theme="dark"] b{color:var(--v38-text)}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] span{border-color:var(--v38-border)}
html[data-theme="dark"] .tr,html[data-theme="dark"] .forms-row,html[data-theme="dark"] .qms-v37-tr{border-color:var(--v38-border)!important;color:var(--v38-text)}
html[data-theme="dark"] .tr:hover,html[data-theme="dark"] .record-row:hover{background:var(--v38-hover)!important}
.qms-v38-header .veeva-mainbar{position:relative;gap:18px}.qms-v38-version,.qms-v38-live{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;background:#dff7e8;color:#147a43;font-size:11px;font-weight:900;letter-spacing:.06em}.qms-v38-header .header-tools{gap:7px}.qms-v38-header .header-tools>button,.qms-v38-header-create,.qms-v38-task-tool{width:42px;height:42px;border:1px solid var(--v38-border);background:var(--v38-surface);color:var(--v38-text);border-radius:50%;display:grid;place-items:center;position:relative}.qms-v38-header .header-tools>button:hover,.qms-v38-header-create:hover,.qms-v38-task-tool:hover{border-color:#0b78a3;background:var(--v38-hover)}.qms-v38-task-tool i,.qms-v38-header .notification-button i{position:absolute;right:-2px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ef6c00;color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center;border:2px solid var(--v38-surface)}
.qms-v38-global-search{position:relative;flex:1;max-width:760px;display:grid;grid-template-columns:190px 1fr}.qms-v38-global-search>select{height:50px;border:1px solid var(--v38-border);border-radius:8px 0 0 8px;padding:0 16px;background:var(--v38-input);color:var(--v38-text)}.qms-v38-global-search>div:nth-child(2){height:50px;border:1px solid var(--v38-border);border-left:0;border-radius:0 8px 8px 0;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--v38-input)}.qms-v38-global-search input{border:0!important;outline:0;box-shadow:none!important;background:transparent!important;flex:1;height:46px;font-size:16px}.qms-v38-global-search kbd{font:700 11px/1 sans-serif;color:var(--v38-muted);border:1px solid var(--v38-border);padding:5px 7px;border-radius:6px;background:var(--v38-surface-2)}
.qms-v38-search-panel{position:absolute;z-index:400;left:0;right:0;top:56px;background:var(--v38-surface);border:1px solid var(--v38-border);border-radius:14px;box-shadow:0 25px 65px rgba(11,39,70,.22);display:none;overflow:hidden;max-height:min(610px,72vh)}.qms-v38-search-panel.open{display:block}.qms-v38-search-head{padding:14px 18px;border-bottom:1px solid var(--v38-border);display:flex;align-items:center;justify-content:space-between;background:var(--v38-surface-2)}.qms-v38-search-head span{font-size:12px;color:var(--v38-muted)}.qms-v38-search-list{overflow:auto;max-height:530px;padding:7px}.qms-v38-search-list button{width:100%;display:grid;grid-template-columns:38px 1fr auto 18px;align-items:center;text-align:left;gap:10px;border:0;border-radius:10px;background:transparent;padding:11px;color:var(--v38-text)}.qms-v38-search-list button:hover{background:var(--v38-hover)}.qms-v38-search-list button>span:first-child{width:36px;height:36px;border-radius:10px;background:#e9f4fb;color:#126c99;display:grid;place-items:center}.qms-v38-search-list strong,.qms-v38-search-list small{display:block}.qms-v38-search-list small{margin-top:3px;color:var(--v38-muted)}.qms-v38-search-empty{padding:35px;text-align:center;color:var(--v38-muted)}
.qms-v38-quick-wrap{position:relative}.qms-v38-quick-menu{position:absolute;z-index:420;top:49px;right:0;width:275px;background:var(--v38-surface);border:1px solid var(--v38-border);box-shadow:var(--v38-shadow);border-radius:14px;padding:8px;display:none}.qms-v38-quick-menu.open{display:block}.qms-v38-quick-menu button{width:100%;border:0;background:transparent;border-radius:10px;padding:12px;display:grid;grid-template-columns:36px 1fr;align-items:center;text-align:left;color:var(--v38-text)}.qms-v38-quick-menu button:hover{background:var(--v38-hover)}.qms-v38-quick-menu button>svg{color:#ed7203}.qms-v38-quick-menu strong,.qms-v38-quick-menu small{display:block}.qms-v38-quick-menu small{color:var(--v38-muted);margin-top:3px}
.qms-v38-nav .qms-v38-nav-task{display:flex;gap:7px;align-items:center;border:1px solid #cfe0ed;border-radius:8px;background:#f4f9fd;color:#0d5e8d;padding:8px 13px;font-weight:800}.qms-v38-nav .qms-v38-nav-task:hover{background:#e7f4fb}.qms-v38-dashboard,.qms-v38-page{padding:38px;min-width:0}.qms-v38-role-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:20px 0 26px}.qms-v38-role-metric{min-height:132px;border:1px solid var(--v38-border);border-left:4px solid #2079a6;border-radius:12px;background:var(--v38-surface);box-shadow:0 10px 24px rgba(29,58,88,.06);padding:19px;display:grid;grid-template-columns:43px 1fr auto;align-items:start;gap:11px;text-align:left;color:var(--v38-text)}.qms-v38-role-metric:hover{transform:translateY(-2px);box-shadow:var(--v38-shadow)}.qms-v38-role-metric>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9f4fb;color:#19749d}.qms-v38-role-metric small,.qms-v38-role-metric strong,.qms-v38-role-metric p{display:block}.qms-v38-role-metric small{text-transform:uppercase;font-weight:800;color:var(--v38-muted);letter-spacing:.03em}.qms-v38-role-metric strong{font-size:27px;margin:5px 0}.qms-v38-role-metric p{font-size:12px;color:var(--v38-muted);margin:0}.qms-v38-role-metric.orange{border-left-color:#ef7d00}.qms-v38-role-metric.red{border-left-color:#dc3c49}.qms-v38-role-metric.green{border-left-color:#2b9b5f}.qms-v38-role-metric.purple{border-left-color:#7357bd}.qms-v38-role-metric.navy{border-left-color:#173d65}.qms-v38-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.qms-v38-span-7{grid-column:span 7}.qms-v38-span-5{grid-column:span 5}.qms-v38-span-12{grid-column:span 12}.qms-v38-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--v38-border);border:1px solid var(--v38-border);border-radius:10px;overflow:hidden}.qms-v38-kpi-strip span{background:var(--v38-surface);padding:20px;text-align:center}.qms-v38-kpi-strip small,.qms-v38-kpi-strip strong{display:block}.qms-v38-kpi-strip small{color:var(--v38-muted);font-size:11px;text-transform:uppercase;font-weight:800}.qms-v38-kpi-strip strong{font-size:28px;margin-top:6px}
.qms-v38-task-list{background:var(--v38-surface);border:1px solid var(--v38-border);border-radius:13px;overflow:hidden}.qms-v38-task-list.compact{border:0;border-radius:0}.qms-v38-task-list button{width:100%;border:0;border-bottom:1px solid var(--v38-border);background:transparent;padding:15px 17px;display:grid;grid-template-columns:42px 1fr auto 18px;gap:12px;align-items:center;text-align:left;color:var(--v38-text)}.qms-v38-task-list button:last-child{border-bottom:0}.qms-v38-task-list button:hover{background:var(--v38-hover)}.qms-v38-task-list strong,.qms-v38-task-list small{display:block}.qms-v38-task-list small{color:var(--v38-muted);margin-top:4px}.qms-v38-task-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eaf4fb;color:#1c739f}.qms-v38-task-icon.high,.qms-v38-task-icon.critical{background:#fff0f1;color:#c93645}.qms-v38-status{font-size:11px;font-style:normal;font-weight:800;border-radius:999px;padding:5px 9px;background:var(--v38-surface-2);color:var(--v38-muted)}
.qms-v38-record-cards{display:grid;gap:9px}.qms-v38-record-cards>button{border:1px solid var(--v38-border);border-radius:11px;background:var(--v38-surface);padding:14px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;text-align:left;color:var(--v38-text)}.qms-v38-record-cards>button:hover{background:var(--v38-hover);border-color:#91bfd5}.qms-v38-record-cards>button>span{width:36px;height:36px;border-radius:10px;background:#edf5fa;color:#17739d;display:grid;place-items:center}.qms-v38-record-cards strong,.qms-v38-record-cards small{display:block}.qms-v38-record-cards small{color:var(--v38-muted);margin-top:4px}
.qms-v38-notification-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.qms-v38-notification-filters button{border:1px solid var(--v38-border);background:var(--v38-surface);color:var(--v38-text);padding:9px 14px;border-radius:999px}.qms-v38-notification-filters button.active{background:#153f65;color:#fff;border-color:#153f65}.qms-v38-notification-center{display:grid;gap:11px}.qms-v38-notification-center article{background:var(--v38-surface);border:1px solid var(--v38-border);border-left:4px solid #8da3b6;border-radius:12px;display:grid;grid-template-columns:1fr auto;overflow:hidden}.qms-v38-notification-center article.unread{border-left-color:#f07b00;box-shadow:0 9px 22px rgba(34,68,102,.08)}.qms-v38-notification-center article.critical{border-left-color:#d83b49}.qms-v38-notification-main{border:0;background:transparent;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;text-align:left;align-items:start;color:var(--v38-text)}.qms-v38-notification-main>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#edf5fa;color:#176f98}.qms-v38-notification-main p{margin:5px 0;color:var(--v38-muted)}.qms-v38-notification-main small{color:var(--v38-muted)}.qms-v38-notification-main em{text-transform:uppercase;font-size:10px;font-style:normal;font-weight:900;color:#a14d00}.qms-v38-notification-actions{padding:11px;border-left:1px solid var(--v38-border);display:grid;align-content:center;gap:7px}.qms-v38-notification-actions button{border:1px solid var(--v38-border);background:var(--v38-surface-2);color:var(--v38-text);border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.qms-v38-record-tools{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px}.qms-v38-record-tools button{display:flex;align-items:center;gap:6px;border:1px solid var(--v38-border);background:var(--v38-surface);color:var(--v38-text);padding:9px 13px;border-radius:8px}.qms-v38-record-tools button:first-child{background:#edf7fb;color:#0f658d;border-color:#c2e0ec}.qms-v38-relationship-modal{width:min(930px,94vw);max-width:930px}.qms-v38-relationship-summary{margin:18px 22px 0;padding:15px;border-radius:11px;background:#edf7fb;color:#0e5f88;display:flex;gap:12px;align-items:center}.qms-v38-relationship-summary strong,.qms-v38-relationship-summary small{display:block}.qms-v38-relationship-list{padding:18px 22px;max-height:520px;overflow:auto}.qms-v38-relationship-list>button{width:100%;border:1px solid var(--v38-border);border-radius:10px;background:var(--v38-surface);color:var(--v38-text);padding:14px;margin-bottom:9px;display:grid;grid-template-columns:36px 1fr auto 18px;gap:11px;align-items:center;text-align:left}.qms-v38-relationship-list>button:hover{background:var(--v38-hover);border-color:#94bfd2}.qms-v38-relationship-list strong,.qms-v38-relationship-list small{display:block}.qms-v38-relationship-list small{color:var(--v38-muted);margin-top:4px}.qms-v38-loading{padding:50px;text-align:center;color:var(--v38-muted)}.qms-v38-loading svg{animation:v38spin 1s linear infinite}@keyframes v38spin{to{transform:rotate(360deg)}}
html[dir="rtl"] .qms-v38-role-metric,html[dir="rtl"] .qms-v38-search-list button,html[dir="rtl"] .qms-v38-task-list button,html[dir="rtl"] .qms-v38-notification-main,html[dir="rtl"] .qms-v38-relationship-list>button,html[dir="rtl"] .qms-v38-record-cards>button{text-align:right}html[dir="rtl"] .qms-v38-global-search>select{border-radius:0 8px 8px 0}html[dir="rtl"] .qms-v38-global-search>div:nth-child(2){border-left:1px solid var(--v38-border);border-right:0;border-radius:8px 0 0 8px}html[dir="rtl"] .qms-v38-quick-menu{right:auto;left:0}html[dir="rtl"] .qms-v38-notification-center article{border-left-width:1px;border-right:4px solid #8da3b6}html[dir="rtl"] .qms-v38-notification-center article.unread{border-right-color:#f07b00}
.qms-compact .qms-v38-dashboard,.qms-compact .qms-v38-page{padding:24px}.qms-compact .qms-v38-role-metric{min-height:105px;padding:14px}.qms-compact .tr,.qms-compact .qms-v37-tr{min-height:48px}
@media(max-width:1450px){.qms-v38-role-metrics{grid-template-columns:repeat(3,1fr)}.qms-v38-global-search{max-width:600px;grid-template-columns:155px 1fr}.qms-v38-header .user>div{display:none}}
@media(max-width:1100px){.qms-v38-dashboard,.qms-v38-page{padding:24px}.qms-v38-role-metrics{grid-template-columns:repeat(2,1fr)}.qms-v38-span-7,.qms-v38-span-5{grid-column:span 12}.qms-v38-header .veeva-utility-bar{display:none}.qms-v38-header .veeva-mainbar{display:grid;grid-template-columns:auto 1fr auto}.qms-v38-global-search{grid-template-columns:1fr;max-width:none}.qms-v38-global-search>select{display:none}.qms-v38-global-search>div:nth-child(2){border:1px solid var(--v38-border);border-radius:8px}.qms-v38-nav{overflow-x:auto;justify-content:flex-start}.qms-v38-nav .nav-wrap{flex:none}.qms-v38-kpi-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{overflow-x:hidden}.qms-v38-header .veeva-mainbar{grid-template-columns:52px 1fr auto;padding:10px 12px}.qms-v38-header .brand-copy,.qms-v38-header .user,.qms-v38-header .header-tools>button[data-v38-export-page],.qms-v38-header .language-tool,.qms-v38-header .qms-v38-task-tool{display:none}.qms-v38-header .brand{min-width:44px}.qms-v38-header .brand img{width:42px}.qms-v38-header .header-tools{gap:5px}.qms-v38-global-search{order:2}.qms-v38-global-search kbd{display:none}.qms-v38-search-panel{position:fixed;left:8px;right:8px;top:74px;max-height:75vh}.qms-v38-nav{padding:0 8px;gap:2px}.qms-v38-nav .nav-wrap{display:block;flex:0 0 auto}.qms-v38-nav .qms-v38-nav-task{display:flex;flex:0 0 auto}.qms-v38-dashboard,.qms-v38-page{padding:16px}.qms-v38-dashboard .page-heading,.qms-v38-page .page-heading{display:block}.qms-v38-dashboard .page-actions,.qms-v38-page .page-actions{margin-top:12px;display:flex;flex-wrap:wrap}.qms-v38-role-metrics{grid-template-columns:1fr;gap:10px}.qms-v38-role-metric{min-height:105px}.qms-v38-dashboard-grid{display:block}.qms-v38-dashboard-grid>.panel{margin-bottom:14px}.qms-v38-kpi-strip{grid-template-columns:repeat(2,1fr)}.qms-v38-task-list button{grid-template-columns:38px 1fr 16px}.qms-v38-task-list button .qms-v38-status{display:none}.qms-v38-notification-center article{grid-template-columns:1fr}.qms-v38-notification-actions{border-left:0;border-top:1px solid var(--v38-border);display:flex;justify-content:flex-end}.qms-v38-notification-main{grid-template-columns:36px 1fr}.qms-v38-notification-main em{display:none}.qms-v38-record-tools{position:sticky;top:0;background:var(--v38-bg);padding:8px 0}.qms-v38-relationship-modal{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}.qms-v38-relationship-list{max-height:calc(100vh - 250px)}.qms-v38-quick-menu{position:fixed;right:12px;left:12px;top:auto;bottom:78px;width:auto}.qms-v38-header-create{position:fixed!important;right:18px;bottom:18px;width:56px!important;height:56px!important;z-index:390;background:#0d719c!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px rgba(9,74,108,.35)}html[dir="rtl"] .qms-v38-header-create{right:auto!important;left:18px}.qms-v38-record-cards>button{grid-template-columns:36px 1fr 16px}.qms-v38-role-metric strong{font-size:24px}}

/* ===== V39 CAPA Effectiveness & Recurrence Analytics ===== */
.qms-v39-live{display:inline-flex;align-items:center;padding:3px 9px;margin-inline-start:7px;border-radius:999px;background:#dcfce7;color:#067647;font-size:11px;font-weight:800;letter-spacing:.04em}
.qms-v39-page{padding:38px 48px 70px;background:var(--page-bg,#f5f7f9);min-height:100%}
.qms-v39-page .page-heading select{min-height:42px;border:1px solid #cdd8e3;border-radius:6px;background:var(--surface,#fff);color:var(--text,#17324d);padding:0 34px 0 12px;font-weight:700}
.qms-v39-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0}
.qms-v39-metric{display:flex;gap:14px;min-height:145px;padding:22px;border:1px solid var(--border,#dce4eb);border-inline-start:4px solid #1988b8;border-radius:12px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(21,47,72,.05)}
.qms-v39-metric>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf6fb;color:#087ca9;flex:0 0 auto}
.qms-v39-metric small{display:block;color:var(--muted,#64778a);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.035em}
.qms-v39-metric strong{display:block;margin:5px 0;font-size:30px;color:var(--text,#0f3456)}
.qms-v39-metric p{margin:0;color:var(--muted,#64778a);font-size:13px;line-height:1.35}
.qms-v39-metric.orange{border-inline-start-color:#f48a0c}.qms-v39-metric.orange>span{background:#fff4df;color:#d86900}
.qms-v39-metric.red{border-inline-start-color:#df3346}.qms-v39-metric.red>span{background:#ffeaed;color:#c92b3d}
.qms-v39-metric.purple{border-inline-start-color:#8054c7}.qms-v39-metric.purple>span{background:#f0eaff;color:#6b3bb8}
.qms-v39-metric.green{border-inline-start-color:#2da66a}.qms-v39-metric.green>span{background:#e5f8ee;color:#197f4c}
.qms-v39-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.qms-v39-grid>.panel{background:var(--surface,#fff);border:1px solid var(--border,#dce4eb);border-radius:12px;min-width:0;box-shadow:0 7px 22px rgba(18,47,72,.04)}
.qms-v39-span-4{grid-column:span 4}.qms-v39-span-6{grid-column:span 6}.qms-v39-span-8{grid-column:span 8}.qms-v39-span-12{grid-column:span 12}
.qms-v39-mini-bars{display:grid;gap:13px;padding:4px 0}
.qms-v39-mini-bars>div{display:grid;grid-template-columns:minmax(105px,1.3fr) 2.5fr 34px;align-items:center;gap:10px;font-size:12px}
.qms-v39-mini-bars>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#17324d);font-weight:700}
.qms-v39-mini-bars i{display:block;height:9px;border-radius:999px;background:var(--subtle,#edf2f6);overflow:hidden}
.qms-v39-mini-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1689bb,#29a66d)}
.qms-v39-mini-bars strong{text-align:end;color:var(--text,#17324d)}
.qms-v39-distribution{display:grid;gap:14px}
.qms-v39-distribution>div{display:grid;grid-template-columns:1fr 40px 46px;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:var(--subtle,#f4f7f9)}
.qms-v39-distribution span{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text,#17324d)}
.qms-v39-distribution span i{width:10px;height:10px;border-radius:50%;background:#7890a6}
.qms-v39-distribution .effective span i{background:#28a36a}.qms-v39-distribution .partially-effective span i{background:#efa51f}.qms-v39-distribution .ineffective span i{background:#da394d}.qms-v39-distribution .pending span i{background:#238ebc}
.qms-v39-distribution b,.qms-v39-distribution small{text-align:end}
.qms-v39-trend{min-width:0}.qms-v39-trend-legend{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:18px;font-size:12px;color:var(--muted,#65778a)}
.qms-v39-trend-legend span:before{content:"";display:inline-block;width:9px;height:9px;margin-inline-end:5px;border-radius:2px;background:#1689bb}.qms-v39-trend-legend .closed:before{background:#244e73}.qms-v39-trend-legend .effective:before{background:#2ca66a}.qms-v39-trend-legend .partial:before{background:#f0a31c}.qms-v39-trend-legend .ineffective:before{background:#da3b4e}
.qms-v39-trend-scroll{display:flex;align-items:flex-end;gap:13px;min-height:184px;overflow-x:auto;padding:8px 4px 3px}
.qms-v39-trend-month{min-width:58px;text-align:center}.qms-v39-trend-month>span{display:block;margin-top:7px;color:var(--muted,#65778a);font-size:11px;white-space:nowrap}
.qms-v39-trend-bars{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--border,#dce4eb)}
.qms-v39-trend-bars i{display:block;width:8px;min-height:4px;border-radius:4px 4px 0 0;background:#1689bb}.qms-v39-trend-bars .closed{background:#244e73}.qms-v39-trend-bars .effective{background:#2ca66a}.qms-v39-trend-bars .partially_effective{background:#f0a31c}.qms-v39-trend-bars .ineffective{background:#da3b4e}
.qms-v39-table{border:1px solid var(--border,#dce4eb);border-radius:9px;overflow:hidden}
.qms-v39-tr{display:grid;grid-template-columns:1.7fr 1fr 1.2fr .7fr 1fr 1fr;gap:14px;align-items:center;width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--border,#e1e7ec);background:var(--surface,#fff);text-align:start;color:var(--text,#17324d)}
button.qms-v39-tr{cursor:pointer}.qms-v39-tr:not(.head):hover{background:var(--hover,#f5fafc)}.qms-v39-tr:last-child{border-bottom:0}
.qms-v39-tr.head{background:var(--subtle,#f2f6f8);font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted,#64778a)}
.qms-v39-tr span{min-width:0}.qms-v39-tr span strong,.qms-v39-tr span small{display:block}.qms-v39-tr span small{margin-top:3px;color:var(--muted,#64778a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.qms-v39-dept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qms-v39-dept-grid article{padding:14px;border:1px solid var(--border,#dce4eb);border-radius:8px;background:var(--subtle,#f8fafb)}.qms-v39-dept-grid strong,.qms-v39-dept-grid span,.qms-v39-dept-grid small{display:block}.qms-v39-dept-grid span{margin:5px 0;font-size:20px;font-weight:800;color:var(--text,#17324d)}.qms-v39-dept-grid small{color:var(--muted,#64778a)}
.qms-v39-owner-table{overflow-x:auto}.qms-v39-owner-row{display:grid;grid-template-columns:minmax(130px,1.5fr) repeat(6,minmax(60px,.7fr));gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--border,#e1e7ec);font-size:12px}.qms-v39-owner-row.head{font-size:10px;text-transform:uppercase;color:var(--muted,#64778a);background:var(--subtle,#f4f7f9)}.qms-v39-owner-row .bad{color:#c92c3e;font-weight:800}.qms-v39-owner-row .good{color:#218a55;font-weight:800}
.qms-v39-capa-panel{margin:22px 0 48px;padding:24px;background:var(--surface,#fff);border:1px solid var(--border,#dce4eb);border-radius:12px;box-shadow:0 10px 28px rgba(20,45,66,.07)}
.qms-v39-capa-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.qms-v39-capa-kpis span{padding:13px;border-radius:8px;background:var(--subtle,#f4f7f9)}.qms-v39-capa-kpis small,.qms-v39-capa-kpis strong{display:block}.qms-v39-capa-kpis small{color:var(--muted,#64778a)}.qms-v39-capa-kpis strong{margin-top:4px;color:var(--text,#17324d);font-size:17px}
.qms-v39-capa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.qms-v39-capa-grid>article{padding:17px;border:1px solid var(--border,#dce4eb);border-radius:9px;background:var(--surface,#fff);min-width:0}.qms-v39-span-2{grid-column:span 2}
.qms-v39-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qms-v39-section-head strong,.qms-v39-section-head small{display:block}.qms-v39-section-head small{margin-top:3px;color:var(--muted,#64778a)}.qms-v39-section-head button{white-space:nowrap}
.qms-v39-approval,.qms-v39-warning{margin-top:12px;padding:10px 12px;border-radius:7px}.qms-v39-approval{display:flex;gap:8px;background:#e9f8ef;color:#137343}.qms-v39-warning{background:#fff4dd;color:#955609}
.qms-v39-evidence-upload{display:grid;grid-template-columns:1.2fr 1.4fr auto;gap:8px;margin-bottom:12px}.qms-v39-evidence-list{display:grid;gap:7px}.qms-v39-evidence-list button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid var(--border,#dce4eb);border-radius:7px;background:var(--subtle,#f8fafb);text-align:start}.qms-v39-evidence-list button span{flex:1}.qms-v39-evidence-list strong,.qms-v39-evidence-list small{display:block}.qms-v39-evidence-list small{color:var(--muted,#64778a);margin-top:2px}
.qms-v39-criteria-table{border:1px solid var(--border,#dce4eb);border-radius:8px;overflow:hidden}.qms-v39-criteria-tr{display:grid;grid-template-columns:36px 1.7fr 1fr 1fr .7fr .8fr;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--border,#e1e7ec);font-size:12px}.qms-v39-criteria-tr:last-child{border-bottom:0}.qms-v39-criteria-tr.head{background:var(--subtle,#f3f6f8);font-size:10px;text-transform:uppercase;color:var(--muted,#64778a)}.qms-v39-criteria-tr strong,.qms-v39-criteria-tr small{display:block}.qms-v39-criteria-tr small{margin-top:3px;color:var(--muted,#64778a)}
.qms-v39-review-history{display:grid;gap:9px}.qms-v39-review-history>div{display:flex;gap:10px;padding:12px;border-radius:8px;background:var(--subtle,#f5f7f9);border-inline-start:4px solid #7c8e9f}.qms-v39-review-history .effective{border-inline-start-color:#2ca66a}.qms-v39-review-history .partially-effective{border-inline-start-color:#efa41d}.qms-v39-review-history .ineffective{border-inline-start-color:#d9384d}.qms-v39-review-history strong,.qms-v39-review-history small{display:block}.qms-v39-review-history p{margin:4px 0;color:var(--text,#17324d)}.qms-v39-review-history small{color:var(--muted,#64778a)}
.qms-v39-rule{display:flex;gap:11px;padding:13px;margin-bottom:15px;border:1px solid #b8d9eb;border-radius:8px;background:#edf8fd;color:#145b7d}.qms-v39-rule strong,.qms-v39-rule small{display:block}.qms-v39-rule small{margin-top:3px}
.qms-v39-plan-modal{width:min(1000px,94vw)}.qms-v39-review-modal{width:min(930px,94vw)}.qms-v39-criteria-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.qms-v39-criteria-head strong,.qms-v39-criteria-head small{display:block}.qms-v39-criteria-head small{color:#64778a;margin-top:2px}
.qms-v39-criterion-row{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;padding:14px;margin-bottom:10px;border:1px solid var(--border,#dce4eb);border-radius:9px;background:var(--subtle,#f8fafb)}.qms-v39-criterion-no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0e779f;color:#fff;font-weight:800}.qms-v39-criterion-row textarea,.qms-v39-criterion-row input{background:var(--surface,#fff)}
.qms-v39-review-criteria{display:grid;gap:10px;margin-bottom:15px}.qms-v39-review-criteria section{display:grid;grid-template-columns:1.4fr .65fr 1.2fr;gap:12px;align-items:start;padding:13px;border:1px solid var(--border,#dce4eb);border-radius:8px;background:var(--subtle,#f8fafb)}.qms-v39-review-criteria strong,.qms-v39-review-criteria small{display:block}.qms-v39-review-criteria small{margin-top:4px;color:var(--muted,#64778a)}
html[data-theme="dark"] .qms-v39-live{background:#153f31;color:#91e1b9}html[data-theme="dark"] .qms-v39-rule{background:#142f3f;border-color:#27556d;color:#a8d9ee}html[data-theme="dark"] .qms-v39-warning{background:#3f3115;color:#f4ca79}html[data-theme="dark"] .qms-v39-approval{background:#123729;color:#8bd9ad}
@media(max-width:1250px){.qms-v39-metrics{grid-template-columns:repeat(3,1fr)}.qms-v39-span-8,.qms-v39-span-4{grid-column:span 6}.qms-v39-tr{grid-template-columns:1.7fr 1fr 1.2fr .7fr 1fr}.qms-v39-tr>*:nth-child(6){display:none}}
@media(max-width:900px){.qms-v39-page{padding:24px 18px 80px}.qms-v39-metrics{grid-template-columns:repeat(2,1fr)}.qms-v39-grid>*{grid-column:span 12!important}.qms-v39-capa-kpis{grid-template-columns:repeat(2,1fr)}.qms-v39-capa-grid{grid-template-columns:1fr}.qms-v39-capa-grid>article{grid-column:span 1!important}.qms-v39-tr.head{display:none}.qms-v39-tr{grid-template-columns:1fr 1fr;padding:14px}.qms-v39-tr>*{display:block!important}.qms-v39-review-criteria section{grid-template-columns:1fr}.qms-v39-criteria-tr{grid-template-columns:32px 1fr .8fr}.qms-v39-criteria-tr>*:nth-child(4),.qms-v39-criteria-tr>*:nth-child(5),.qms-v39-criteria-tr.head{display:none}.qms-v39-evidence-upload{grid-template-columns:1fr}.qms-v39-owner-row{min-width:720px}}
@media(max-width:560px){.qms-v39-metrics{grid-template-columns:1fr}.qms-v39-metric{min-height:auto}.qms-v39-capa-kpis{grid-template-columns:1fr 1fr}.qms-v39-dept-grid{grid-template-columns:1fr}.qms-v39-criterion-row{grid-template-columns:28px 1fr}.qms-v39-criterion-row>[data-v39-remove-criterion]{grid-column:2;justify-self:end}.qms-v39-tr{grid-template-columns:1fr}.qms-v39-page .page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.qms-v39-page .page-actions select{grid-column:span 2}}


/* ===== GYPTO QMS V39.1 — Quality Intelligence Command Center ===== */
.qms-v391-dashboard{--v391-blue:#0d6ca8;--v391-navy:#123d63;--v391-teal:#0f8b7a;--v391-green:#198754;--v391-amber:#d98713;--v391-red:#c93648;--v391-purple:#7152b8}
.qms-v391-heading{align-items:flex-start}.qms-v391-live{display:inline-flex;padding:4px 9px;border-radius:99px;background:#daf4e8;color:#176b4a;letter-spacing:.5px;margin-left:7px}.qms-v32-meta span.good{color:#198754;font-weight:800}.qms-v32-meta span.watch{color:#b56f07;font-weight:800}.qms-v32-meta span.risk,.qms-v32-meta span.critical{color:#c93648;font-weight:800}
.qms-v391-tabs{display:flex;gap:7px;border-bottom:1px solid #dbe2e8;margin:0 0 18px;overflow:auto}.qms-v391-tabs button{border:0;background:transparent;padding:12px 16px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#667684;white-space:nowrap;border-bottom:3px solid transparent}.qms-v391-tabs button.active{color:#0d5f95;border-bottom-color:#ef7c00;background:#f7fbfe}.qms-v391-tabs button:hover{background:#f1f6f9;color:#0d5f95}
.qms-v391-command{display:grid;grid-template-columns:260px minmax(380px,1fr) minmax(330px,.9fr);gap:14px;margin-bottom:15px}.qms-v391-health,.qms-v391-pillars,.qms-v391-executive-alerts{background:#fff;border:1px solid #dce4ea;border-radius:13px;box-shadow:0 8px 24px rgba(24,51,75,.06)}.qms-v391-health{padding:17px;display:grid;place-items:center;text-align:center}.qms-v391-health p{font-size:9px;color:#788795;line-height:1.55;margin:12px 0 0}.qms-v391-gauge{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gauge-color) var(--score-angle),#e7edf1 0);position:relative}.qms-v391-gauge:before{content:'';position:absolute;inset:15px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e1e7eb}.qms-v391-gauge>div{z-index:1}.qms-v391-gauge strong{font-size:35px;color:#173a57}.qms-v391-gauge small{font-size:10px;color:#7a8995}.qms-v391-gauge.good{--gauge-color:#198754}.qms-v391-gauge.watch{--gauge-color:#d69a1d}.qms-v391-gauge.risk{--gauge-color:#e27720}.qms-v391-gauge.critical{--gauge-color:#c93648}.qms-v391-health-label{margin-top:10px}.qms-v391-health-label b,.qms-v391-health-label span{display:block}.qms-v391-health-label b{font-size:16px}.qms-v391-health-label span{font-size:9px;color:#7b8995;margin-top:2px}.qms-v391-health-label.good b{color:#198754}.qms-v391-health-label.watch b{color:#b56f07}.qms-v391-health-label.risk b,.qms-v391-health-label.critical b{color:#c93648}
.qms-v391-pillars{padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.qms-v391-pillar{border:1px solid #e1e7eb;border-radius:9px;padding:11px;background:#fbfcfd}.qms-v391-pillar>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px}.qms-v391-pillar>div span{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#eaf3f9;color:#0d6ca8}.qms-v391-pillar strong{font-size:10px}.qms-v391-pillar b{font-size:12px}.qms-v391-pillar>i{display:block;height:5px;background:#e7edf1;border-radius:99px;margin:9px 0 7px;overflow:hidden}.qms-v391-pillar>i em{display:block;height:100%;border-radius:99px;background:#0d6ca8}.qms-v391-pillar small{font-size:8.5px;color:#7c8994;line-height:1.35}.qms-v391-pillar.good>i em{background:#198754}.qms-v391-pillar.watch>i em{background:#d69a1d}.qms-v391-pillar.risk>i em{background:#e27720}.qms-v391-pillar.critical>i em{background:#c93648}
.qms-v391-executive-alerts{overflow:hidden}.qms-v391-executive-alerts .panel-title{padding:12px 14px}.qms-v391-executive-alerts .panel-title small{font-size:8px;color:#ef7c00;font-weight:800;letter-spacing:1px}.qms-v391-executive-alerts .panel-title h2{font-size:14px;margin-top:3px}.qms-v391-executive-alerts .panel-title>span{font-size:9px;color:#768491}.qms-v391-alert-list{display:grid;max-height:205px;overflow:auto}.qms-v391-alert-list button{border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:10px 12px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;text-align:left}.qms-v391-alert-list button:hover{background:#f7fafc}.qms-v391-alert-list button>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.qms-v391-alert-list strong,.qms-v391-alert-list small{display:block}.qms-v391-alert-list strong{font-size:10px}.qms-v391-alert-list small{font-size:8.5px;color:#75838f;margin-top:3px}.qms-v391-alert-list .critical>span{background:#ffe6ea;color:#c93648}.qms-v391-alert-list .high>span{background:#fff0df;color:#cc7210}.qms-v391-alert-list .medium>span{background:#fff8d8;color:#a07b00}.qms-v391-no-alerts{padding:24px;display:flex;align-items:center;justify-content:center;gap:11px;color:#198754}.qms-v391-no-alerts strong,.qms-v391-no-alerts small{display:block}.qms-v391-no-alerts small{font-size:9px;color:#77858f;margin-top:3px}.qms-v391-no-alerts.compact{padding:35px 15px}
.qms-v391-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.qms-v391-kpis.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.qms-v391-kpi{min-height:124px;border:1px solid #dce4ea;border-radius:11px;background:#fff;padding:13px;display:grid;grid-template-columns:37px 1fr 16px;gap:9px;text-align:left;box-shadow:0 5px 16px rgba(22,50,74,.045);position:relative;overflow:hidden}.qms-v391-kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tone)}.qms-v391-kpi>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 11%,white);color:var(--tone)}.qms-v391-kpi small,.qms-v391-kpi strong,.qms-v391-kpi p,.qms-v391-kpi div>span{display:block}.qms-v391-kpi small{font-size:9px;color:#6f7d89;text-transform:uppercase;font-weight:800;letter-spacing:.35px}.qms-v391-kpi strong{font-size:25px;color:#163c5d;margin-top:4px}.qms-v391-kpi p{font-size:8.5px;color:#7d8993;margin:4px 0 6px;line-height:1.3}.qms-v391-kpi div>span{font-size:8px;font-weight:700}.qms-v391-kpi .improving{color:#198754}.qms-v391-kpi .worsening{color:#c93648}.qms-v391-kpi .flat{color:#75838f}.qms-v391-kpi.blue{--tone:#0d6ca8}.qms-v391-kpi.orange{--tone:#dd7a16}.qms-v391-kpi.red{--tone:#c93648}.qms-v391-kpi.rose{--tone:#b93b70}.qms-v391-kpi.purple{--tone:#7152b8}.qms-v391-kpi.green{--tone:#198754}.qms-v391-kpi.navy{--tone:#244f74}.qms-v391-kpi:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(22,50,74,.10)}
.qms-v391-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.qms-v391-grid>.span-4{grid-column:span 4}.qms-v391-grid>.span-5{grid-column:span 5}.qms-v391-grid>.span-6{grid-column:span 6}.qms-v391-grid>.span-7{grid-column:span 7}.qms-v391-grid>.span-8{grid-column:span 8}.qms-v391-grid>.span-12{grid-column:span 12}.qms-v391-grid>.panel{overflow:hidden}.qms-v391-grid .panel-title small{font-size:8px;color:#ef7c00;font-weight:800;letter-spacing:1px}.qms-v391-grid .panel-title h2{font-size:15px;margin-top:3px}.qms-v391-grid .panel-title>span{font-size:9px;color:#73828e}
.qms-v391-ring-wrap{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:13px;padding:18px}.qms-v391-ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#198754 0 var(--effective),#d69a1d var(--effective) var(--partial),#c93648 var(--partial) var(--ineffective),#cbd5dc var(--ineffective) 100%);position:relative}.qms-v391-ring:after{content:'';position:absolute;inset:22px;border-radius:50%;background:#fff}.qms-v391-ring>div{z-index:1;text-align:center}.qms-v391-ring strong,.qms-v391-ring small{display:block}.qms-v391-ring strong{font-size:26px}.qms-v391-ring small{font-size:8px;color:#74838f}.qms-v391-ring-legend{display:grid;gap:8px}.qms-v391-ring-legend span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:9px}.qms-v391-ring-legend i{width:9px;height:9px;border-radius:50%}.qms-v391-ring-legend .effective i{background:#198754}.qms-v391-ring-legend .partial i{background:#d69a1d}.qms-v391-ring-legend .ineffective i{background:#c93648}.qms-v391-ring-legend .pending i{background:#cbd5dc}
.qms-v391-dept-exposure{overflow:auto}.qms-v391-dept-exposure>.head,.qms-v391-dept-exposure>button{min-width:720px;display:grid;grid-template-columns:minmax(190px,1.7fr) repeat(4,70px) 75px;align-items:center;gap:8px;padding:10px 14px}.qms-v391-dept-exposure>.head{background:#f4f7f9;border-bottom:1px solid #e0e6ea;font-size:8px;color:#6f7d88;text-transform:uppercase}.qms-v391-dept-exposure>button{width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;text-align:center;font-size:10px}.qms-v391-dept-exposure>button:hover{background:#f7fafc}.qms-v391-dept-exposure>button>span{text-align:left}.qms-v391-dept-exposure>button>span strong{display:block;font-size:10px}.qms-v391-dept-exposure>button i{display:block;height:4px;background:#e7edf1;border-radius:99px;margin-top:6px;overflow:hidden}.qms-v391-dept-exposure>button i em{display:block;height:100%}.qms-v391-dept-exposure .good{color:#198754}.qms-v391-dept-exposure em.good{background:#198754}.qms-v391-dept-exposure .watch{color:#b47708}.qms-v391-dept-exposure em.watch{background:#d69a1d}.qms-v391-dept-exposure .high{color:#cc6f11}.qms-v391-dept-exposure em.high{background:#e27720}.qms-v391-dept-exposure .critical{color:#c93648}.qms-v391-dept-exposure em.critical{background:#c93648}
.qms-v391-attention{display:grid;max-height:390px;overflow:auto}.qms-v391-attention button{border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:11px 13px;display:grid;grid-template-columns:35px 1fr auto 16px;align-items:center;gap:9px;text-align:left}.qms-v391-attention button:hover{background:#f7fafc}.qms-v391-attention button>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eef4f8;color:#0d6ca8}.qms-v391-attention button>span.critical{background:#ffe6ea;color:#c93648}.qms-v391-attention button>span.high{background:#fff0df;color:#d27510}.qms-v391-attention small,.qms-v391-attention strong,.qms-v391-attention em{display:block}.qms-v391-attention small{font-size:8px;color:#ef7c00;font-weight:800}.qms-v391-attention strong{font-size:10px;margin-top:3px}.qms-v391-attention em{font-size:8.5px;color:#778590;font-style:normal;margin-top:3px}
.qms-v391-recurrence{display:grid;padding:7px 0}.qms-v391-recurrence button{border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:9px 12px;display:grid;grid-template-columns:23px 1fr 28px;align-items:center;gap:8px;text-align:left}.qms-v391-recurrence button>b:first-child{width:22px;height:22px;border-radius:50%;background:#eef4f8;color:#0d6ca8;display:grid;place-items:center;font-size:9px}.qms-v391-recurrence strong,.qms-v391-recurrence small{display:block}.qms-v391-recurrence strong{font-size:9.5px}.qms-v391-recurrence small{font-size:8px;color:#77858f;margin-top:2px}.qms-v391-recurrence i{display:block;height:4px;background:#e7edf1;border-radius:99px;margin-top:6px;overflow:hidden}.qms-v391-recurrence i em{display:block;height:100%;background:#7152b8}
.qms-v391-owner{overflow:auto}.qms-v391-owner>.head,.qms-v391-owner>div{min-width:720px;display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(5,75px);align-items:center;gap:7px;padding:10px 13px}.qms-v391-owner>.head{background:#f4f7f9;font-size:8px;color:#6f7d88;text-transform:uppercase}.qms-v391-owner>div:not(.head){border-top:1px solid #edf0f2;font-size:9.5px}.qms-v391-owner .good{color:#198754}.qms-v391-owner .watch{color:#b47708}.qms-v391-owner .critical,.qms-v391-owner .bad{color:#c93648}
.qms-v391-compliance-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.qms-v391-compliance-cards .qms-v391-pillar{background:#fff;box-shadow:0 5px 16px rgba(22,50,74,.045)}.qms-v391-leading{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.qms-v391-tab-content{animation:qmsV391Fade .18s ease}@keyframes qmsV391Fade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
html[data-theme="dark"] .qms-v391-health,html[data-theme="dark"] .qms-v391-pillars,html[data-theme="dark"] .qms-v391-executive-alerts,html[data-theme="dark"] .qms-v391-kpi,html[data-theme="dark"] .qms-v391-pillar,html[data-theme="dark"] .qms-v391-alert-list button,html[data-theme="dark"] .qms-v391-attention button,html[data-theme="dark"] .qms-v391-recurrence button{background:var(--v38-surface)!important;border-color:var(--v38-border)!important;color:var(--v38-text)}html[data-theme="dark"] .qms-v391-gauge:before,html[data-theme="dark"] .qms-v391-ring:after{background:var(--v38-surface)}html[data-theme="dark"] .qms-v391-tabs{border-color:var(--v38-border)}html[data-theme="dark"] .qms-v391-tabs button.active{background:var(--v38-surface-2)}html[data-theme="dark"] .qms-v391-dept-exposure>.head,html[data-theme="dark"] .qms-v391-owner>.head{background:var(--v38-surface-2)}html[data-theme="dark"] .qms-v391-dept-exposure>button{background:var(--v38-surface)}
@media(max-width:1350px){.qms-v391-command{grid-template-columns:230px 1fr}.qms-v391-executive-alerts{grid-column:1/-1}.qms-v391-kpis{grid-template-columns:repeat(4,1fr)}.qms-v391-kpis.compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.qms-v391-command{grid-template-columns:1fr}.qms-v391-health{grid-template-columns:150px 1fr;text-align:left}.qms-v391-health p{margin:0}.qms-v391-pillars{grid-template-columns:repeat(4,1fr)}.qms-v391-kpis{grid-template-columns:repeat(2,1fr)}.qms-v391-grid>.span-4,.qms-v391-grid>.span-5,.qms-v391-grid>.span-6,.qms-v391-grid>.span-7,.qms-v391-grid>.span-8{grid-column:span 12}.qms-v391-compliance-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.qms-v391-heading{display:block}.qms-v391-heading .qms-v32-heading-actions{margin-top:13px;flex-wrap:wrap}.qms-v391-command{display:block}.qms-v391-health,.qms-v391-pillars,.qms-v391-executive-alerts{margin-bottom:11px}.qms-v391-health{display:block;text-align:center}.qms-v391-pillars{grid-template-columns:1fr 1fr}.qms-v391-kpis,.qms-v391-kpis.compact,.qms-v391-compliance-cards{grid-template-columns:1fr 1fr}.qms-v391-kpi{min-height:116px}.qms-v391-ring-wrap{grid-template-columns:1fr;justify-items:center}.qms-v391-tabs{margin-left:-10px;margin-right:-10px}.qms-v391-leading{grid-template-columns:1fr}.qms-v391-grid{gap:10px}}
@media(max-width:470px){.qms-v391-kpis,.qms-v391-kpis.compact,.qms-v391-compliance-cards,.qms-v391-pillars{grid-template-columns:1fr}.qms-v391-kpi{grid-template-columns:35px 1fr 14px;min-height:auto}.qms-v391-tabs button{padding:11px 12px;font-size:10px}}
@media print{.vault-header,.top-nav,.sidebar,.qms-v391-heading .qms-v32-heading-actions,.qms-v391-tabs,.share-fab{display:none!important}.workspace{display:block}.content{padding:0}.qms-v391-dashboard{font-size:10px}.qms-v391-command,.qms-v391-kpis,.qms-v391-grid{break-inside:avoid}.qms-v391-dashboard .panel{box-shadow:none}.qms-v391-command{grid-template-columns:220px 1fr 1fr}.qms-v391-kpis{grid-template-columns:repeat(4,1fr)}}

/* ===== GYPTO QMS V39.2 — Smart Auto-Hide Header ===== */
.qms-smart-header{
  position:sticky;
  top:0;
  z-index:1100;
  width:100%;
  transform:translate3d(0,0,0);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .2s ease;
  will-change:transform;
  box-shadow:0 4px 14px rgba(28,53,79,.08);
}
.qms-smart-header>.vault-header,
.qms-smart-header>.top-nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
}
body.qms-smart-header-hidden .qms-smart-header{
  transform:translate3d(0,-101%,0);
  pointer-events:none;
  box-shadow:none;
}
body:not(.qms-smart-header-hidden) .qms-smart-header{
  pointer-events:auto;
}
@media(max-width:900px){
  .qms-smart-header>.top-nav{top:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .qms-smart-header{transition:none!important}
}