.overview-only[hidden],.archive-section[hidden],.development-view[hidden]{display:none!important}.development-view{padding-bottom:40px}.dev-title-actions{display:flex;align-items:center;gap:9px}.dev-title-actions span{font-size:10px;color:#db6b96;border:1px solid #f1d9e2;border-radius:6px;padding:7px 10px;background:#fff9fb}.dev-title-actions button{padding:8px 11px;font-size:11px}.dev-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}.dev-metric{background:#fff;border:1px solid var(--line);border-top:3px solid var(--pink);border-radius:9px;padding:16px}.dev-metric span{font-size:11px;color:#777}.dev-metric b{display:block;font-size:27px;margin:9px 0 3px}.dev-metric small{font-size:10px;color:#999}.dev-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-bottom:14px}.dev-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px}.dev-panel h3{font-size:14px;margin:0 0 14px}.gate-summary{display:grid;gap:9px}.gate-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;font-size:12px}.gate-row i{display:grid;place-items:center;width:24px;height:24px;background:#191919;color:#fff;border-radius:50%;font-style:normal;font-size:10px}.gate-row span:last-child{color:#888}.dev-alerts{display:grid;gap:8px}.dev-alert{border-left:3px solid #b42318;background:#fff7f6;padding:9px 11px;font-size:12px}.dev-alert.warn{border-color:#d8900c;background:#fffbef}.dev-alert b{display:block;margin-bottom:3px}.dev-alert span{color:#777}.dev-table-panel{padding:0;overflow:hidden}.dev-table-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.dev-table-head h3{margin:0}.dev-table-head input{width:230px;border:1px solid var(--line);border-radius:6px;padding:8px}.dev-table-wrap{overflow:auto}.dev-table{width:100%;border-collapse:collapse;min-width:850px;font-size:12px}.dev-table th{background:#f6f6f6;color:#666;text-align:left;padding:10px 12px;white-space:nowrap}.dev-table td{padding:11px 12px;border-top:1px solid #eee}.dev-table tbody tr:hover{background:#fff8fa}.gate-tag{display:inline-block;background:#f7eef1;color:#c7517e;border-radius:4px;padding:4px 7px;font-weight:700}.cost-over{color:#b42318;font-weight:700}.dev-edit{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 9px;color:#222}.dev-edit:hover{border-color:var(--pink)}#developmentDialog{width:min(680px,92vw)}#developmentDialog form{padding:24px}.dev-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.dev-form-grid label{font-size:11px;color:#666}.dev-form-grid input,.dev-form-grid select,.dev-form-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:5px;padding:9px}.dev-form-grid textarea{min-height:75px}.dev-form-grid .full{grid-column:1/-1}#developmentDialog form>div:last-child{display:flex;justify-content:flex-end;gap:8px}.empty-dev{padding:22px;color:#888;text-align:center;font-size:12px}
@media(max-width:980px){.dev-metrics{grid-template-columns:1fr 1fr}.dev-grid{grid-template-columns:1fr}.development-view .section-title{margin-top:2px}.sidebar .nav-item[data-action="development"],.sidebar .nav-item[data-action="archive"]{display:flex;width:52px;height:58px;justify-content:center;padding:0;margin:8px auto 0;border-left:0;border-bottom:3px solid transparent;font-size:10px;line-height:1.2;flex-wrap:wrap;gap:0}.sidebar .nav-item[data-action="development"] span,.sidebar .nav-item[data-action="archive"] span{width:100%;font-size:17px}.sidebar .nav-item[data-action="development"].active,.sidebar .nav-item[data-action="archive"].active{border-bottom-color:var(--pink);background:#303033}}
@media(max-width:700px){.dev-form-grid{grid-template-columns:1fr}.dev-form-grid .full{grid-column:auto}.dev-table-head{display:block}.dev-table-head input{width:100%;margin-top:10px}.sidebar .nav-item[data-action="development"],.sidebar .nav-item[data-action="archive"]{display:none}}
.upload-field{border:1px solid var(--line);border-radius:6px;padding:10px;margin:0;min-width:0}.upload-field legend{font-size:11px;color:#666;padding:0 5px}.upload-field legend label{display:flex;align-items:center;gap:6px;color:#333}.upload-field legend input{width:auto;margin:0}.upload-field>input{font-size:11px;padding:7px;background:#fff}.upload-field a{display:inline-block;margin-top:7px;color:#c7517e;font-size:11px;text-decoration:none}.sample-state{display:flex;gap:5px;flex-wrap:wrap}.sample-state span{font-size:9px;padding:3px 5px;border-radius:3px;background:#eee;color:#777}.sample-state span.done{background:#dcf5e8;color:#16794b}
.approval-tag{display:inline-block;margin-top:5px;font-size:9px;padding:3px 6px;border-radius:3px;background:#eee;color:#666}.approval-tag.pending{background:#fff0c2;color:#8a5c00}.approval-tag.rejected{background:#fee4e2;color:#b42318}.approval-tag.completed{background:#dcf5e8;color:#16794b}.approval-tag.terminated{background:#333;color:#fff}.approval-buttons{display:flex;gap:5px}.approval-open{border:0;background:#191919;color:#fff;border-radius:5px;padding:6px 9px;font-size:10px}#approvalDialog{width:min(650px,92vw)}#approvalDialog form{padding:24px}#approvalDialog form>label{display:block;font-size:11px;color:#666;margin-top:12px}#approvalDialog input,#approvalDialog textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:5px;padding:9px}#approvalDialog textarea{min-height:75px}.approval-summary{background:#f7f7f7;padding:12px;font-size:12px;margin:14px 0}.approval-history{margin:17px 0}.approval-history h3{font-size:12px}.history-item{border-left:3px solid var(--pink);padding:7px 10px;margin:7px 0;background:#fafafa;font-size:11px}.history-item b{display:block;margin-bottom:3px}.history-item span{color:#777}.approval-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.warn-action{background:#9a6500}.danger-action{background:#b42318}
.upload-field textarea{display:block;width:100%;min-height:65px;margin-bottom:8px;border:1px solid var(--line);border-radius:5px;padding:8px}.upload-field>label{display:block;font-size:10px;color:#666;margin-bottom:8px}.upload-field>label input{display:block;width:100%;margin-top:4px}
.header-actions{display:flex;align-items:center;gap:8px}.header-actions .backup-btn{background:#fff;color:#222;border:1px solid var(--line);box-shadow:none}.header-actions .backup-btn:hover{border-color:#999}@media(max-width:700px){.header-actions .backup-btn span:last-child{display:none}}
.sync-card.failed b{color:#b42318}.sync-card.failed{border-color:#f3b7b3}.sync-card.running b{color:#9a6500}
.approval-tag.confirmed{background:#dcf5e8;color:#16794b}
.sample-ledger-empty{color:#888;text-align:center}.sample-ledger-project-table small{color:#888}.sample-ledger-project-table .approval-tag{white-space:nowrap}
