body{background:#f3f7f5;color:#213c30;font-family:Tahoma,"Sarabun",sans-serif;font-size:16px} .container{max-width:1200px}.card{border:1px solid #e2eae5;border-radius:16px;box-shadow:0 4px 16px #153c2510}.hero{background:#e0f0e6;border-radius:18px;padding:30px}.identity{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;padding:18px;border-radius:14px}.login-card{max-width:460px;margin-top:4vh}.form-control,.form-select,.btn{min-height:44px;border-radius:9px}.form-label{margin-top:12px}.table th{white-space:nowrap}.table td{vertical-align:middle}.dropdown-item{padding:12px 18px;white-space:nowrap}.permission-table input{width:22px;height:22px}.navbar .nav-link{color:#fff} @media(max-width:767px){.identity{display:block}.identity form{margin-top:14px;flex-wrap:wrap}.identity select{width:100%}.identity button{width:100%}.hero{padding:22px}.table{font-size:14px}}
/* Dropdown width follows the longest menu label; keep labels on one line. */
.navbar .dropdown-menu{width:max-content;min-width:10rem;max-width:calc(100vw - 24px);overflow-x:auto}
.navbar .dropdown-item{white-space:nowrap;overflow-wrap:normal;word-break:normal}