.locale-list-head{height:80px;display:flex;align-items:center;gap:16px;padding:15px;margin-bottom:20px}
.locale-icon{width:40px;height:40px;flex:none;object-fit:contain}
.locale-list-copy{flex:1;min-width:0}
.locale-list-copy strong,.locale-translations strong{font-size:13px;font-weight:650;line-height:20px}
.locale-list-copy p,.locale-translations p{font-size:13px;line-height:20px;color:#606060;margin:4px 0 0}
.locale-list-head .btn,.locale-translations .btn{font-size:12px}
.locale-list-table{overflow:hidden}
.locale-list-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:20px}
.locale-list-table th{height:32px;background:#f7f7f7;text-align:left;font-size:12px;font-weight:500;color:#555}
.locale-list-table td{height:32px;border-top:1px solid #ececec}
.locale-list-table th,.locale-list-table td{padding:0 15px}
.locale-list-table th:first-child,.locale-list-table td:first-child{width:110px}
.locale-list-table th:nth-child(2),.locale-list-table td:nth-child(2){width:120px}
.locale-list-table a{color:#005bac;text-decoration:underline}
.locale-detail-shell{padding-top:16px}
.locale-topbar{padding-left:16px;padding-right:16px}
.locale-topbar h1{display:flex;align-items:center;font-size:20px;font-weight:700;line-height:28px}
.locale-back{font-size:22px;font-weight:400;line-height:24px;width:22px;margin-right:14px;text-align:center}
.locale-header-actions{display:flex;align-items:center;gap:5px}
.locale-header-actions .btn{min-height:28px;font-size:12px;padding:4px 10px}
.locale-delete-button{color:#9b342d;border:0;background:#e7e7e7}
.locale-delete-button:hover{background:#dedede}
.locale-unsaved{background:#fff;box-shadow:0 1px 4px #0000001a;z-index:8}
.locale-unsaved-label{display:flex;align-items:center;gap:9px;font-size:14px}
.locale-unsaved-label span{font-size:18px}
.locale-detail{width:100%}
.locale-setup{overflow:hidden}
.locale-setup h2{height:48px;display:flex;align-items:center;margin:0;padding:0 15px;border-bottom:1px solid #e6e6e6;font-size:14px;font-weight:650}
.locale-setup-body{padding:14px 15px 15px;font-size:13px;line-height:20px}
.locale-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.locale-fields label,.locale-pattern-label{display:flex;flex-direction:column;gap:4px}
.locale-fields em,.locale-pattern-label em{font-style:normal;color:#bf2720}
.locale-fields input,.locale-fields select,.locale-pattern-input{height:32px;width:100%;border:1px solid #a8a8a8;border-radius:7px;background:#fff;color:#292929;font:inherit;padding:5px 11px;outline:none}
.locale-fields input:focus,.locale-fields select:focus,.locale-pattern-input:focus-within{border-color:#252525;box-shadow:0 0 0 2px #1669b540}
.locale-fields input:disabled,.locale-fields select:disabled,.locale-pattern-input:has(input:disabled){background:#f0f0f0;border-color:#e6e6e6;color:#333}
.locale-fields select{appearance:auto}
.locale-name-hint,.locale-pattern-hint{font-size:13px;color:#5f5f5f;margin:3px 0 20px}
.locale-pattern-label{margin:0}
.locale-pattern-input{padding:0;display:flex;align-items:center;overflow:hidden}
.locale-pattern-input input{border:0;outline:0;background:transparent;min-width:0;flex:1;height:30px;padding:4px 11px;color:inherit;font:inherit}
.locale-pattern-input input:disabled{color:#333}
.locale-pattern-input>span{color:#777;border-left:1px solid #dedede;padding:0 8px;height:24px;display:flex;align-items:center;flex:none}
.locale-pattern-hint{margin:3px 0 0}
.locale-error{color:#bf2720;font-size:12px;margin:7px 0 0}
.locale-translations{height:80px;margin-top:16px;padding:15px;display:flex;align-items:center;gap:16px}
.locale-translations>div{flex:1;min-width:0}
.locale-translations p{margin-top:4px}
.locale-modal-backdrop{position:fixed;inset:0;background:#0006;z-index:30}
.locale-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 32px));background:#fff;border-radius:16px;box-shadow:0 15px 35px #0003;z-index:31;overflow:hidden;font-size:13px}
.locale-modal-head{height:52px;background:#f7f7f7;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;padding:0 16px}
.locale-modal-head h2{font-size:14px;margin:0;flex:1}
.locale-modal-head button{border:0;background:transparent;font-size:19px;color:#555}
.locale-modal>p{padding:16px;margin:0;min-height:53px}
.locale-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid #e8e8e8;padding:14px 16px}
.locale-danger{background:#e32610;color:#fff;border-color:#e32610}
.locale-danger:hover{background:#c9200d;color:#fff}
@media(max-width:700px){.locale-fields{grid-template-columns:1fr}.locale-list-head{height:auto;min-height:80px}.locale-list-copy p{line-height:16px}.locale-list-table th:first-child,.locale-list-table td:first-child{width:80px}.locale-list-table th:nth-child(2),.locale-list-table td:nth-child(2){width:105px}.locale-translations{height:auto}.locale-topbar h1{font-size:17px}}