.approval-card,.notification,.trash-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.approval-card>.ysg-option-c-icon,.notification>.ysg-option-c-icon,.trash-card>.ysg-option-c-icon{width:37px;height:37px}.approval-card b,.approval-card small,.notification b,.notification small,.trash-card b,.trash-card small{display:block}.approval-card b,.notification b,.trash-card b{font-size:11px}.approval-card small,.notification small,.trash-card small{font-size:9px;color:var(--muted)}.approval-card .approve{background:#eaf7f0;color:#19714e}.approval-card .reject{background:#fae9eb;color:#a63a45}.notification p{font-size:10px;color:#5d6c80;margin:3px 0}.notification.read{opacity:.62}
.bars{display:grid;gap:10px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.bar-row span{color:var(--muted)}.bar-track{height:8px;border-radius:4px;background:#edf1f5;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#173a63,#c99942);border-radius:4px}.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connection-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;border-radius:12px;background:#f8fafc}.connection-card.ready{background:#f0faf5;border-color:#d5ecdf}.connection-card>.ysg-option-c-icon{width:40px;height:40px}.connection-card b,.connection-card small{display:block}.connection-card b{font-size:10px}.connection-card small{font-size:9px;color:var(--muted)}.stack-actions{display:grid;gap:8px}.permission-table input{accent-color:var(--navy)}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-note{font-size:9px;color:#7f5d21;background:#fff7e8;padding:10px 12px;border-top:1px solid #f0dfb9}.danger-zone{border-color:#f0d8db}.danger-zone p{font-size:10px;color:#7b5760}
.toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f5}.toggle span b,.toggle span small{display:block}.toggle span b{font-size:10px}.toggle span small{font-size:9px;color:var(--muted);margin-top:2px}.toggle input{accent-color:var(--navy)}
.modal{width:min(620px,calc(100vw - 24px));max-height:88dvh;border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(7,26,56,.28)}.modal::backdrop{background:rgba(6,19,37,.45);backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:14px;margin:0}.modal-head button{border:0;background:transparent;font-size:18px}.modal-body{padding:18px}.modal-actions{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{display:grid;gap:5px;font-size:9px;color:var(--muted)}.form-grid input,.form-grid select{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px}.form-grid .full{grid-column:1/-1}.toast{position:fixed;right:18px;bottom:18px;background:#071a38;color:#fff;padding:10px 13px;border-radius:11px;font-size:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(14px);transition:.2s;pointer-events:none;z-index:120}.toast.show{opacity:1;transform:translateY(0)}.bottomnav{display:none}.scrim{display:none}
@media(max-width:1180px){.shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:16px 10px}.brand>div:last-child,.nav-label,.nav-item span,.sidebar-foot>div{display:none}.brand{justify-content:center}.brand-mark{border:0}.nav-item{justify-content:center}.module-grid{grid-template-columns:repeat(3,1fr)}.all-modules{grid-template-columns:repeat(4,1fr)}.org-grid{grid-template-columns:220px 1fr}.detail-panel{display:none}.designer-grid{grid-template-columns:200px 1fr}.property-panel{display:none}.card-grid{grid-template-columns:220px 1fr}.card-grid>aside:last-child{display:none}.template-grid{grid-template-columns:repeat(2,1fr)}}