/* BATIK APPLICATION PRO — TERMINATION — FiturStandard1 */
.termination-page{padding:20px 24px 30px}.termination-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe5ee;margin:8px 0 16px}.termination-tabs button{border:0;background:transparent;padding:11px 18px;font-size:12px;font-weight:700;color:#6d7890;cursor:pointer;border-bottom:3px solid transparent}.termination-tabs button.active{color:#17345f;border-bottom-color:#2e6bd8}
.termination-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.termination-stat{height:86px;box-sizing:border-box;background:#fff;border:1px solid #dbe3ed;border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 17px;box-shadow:0 3px 12px rgba(25,55,95,.035)}.termination-stat>span{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#285ca8;font-size:18px;font-weight:700}.termination-stat small{display:block;font-size:9px;color:#70819a;margin-bottom:4px}.termination-stat strong{display:block;font-size:19px;color:#152b46;line-height:1.15}.termination-stat.green>span{background:#eaf8f0;color:#27804d}.termination-stat.purple>span{background:#f1edff;color:#6549ad}.termination-stat.orange>span{background:#fff4e6;color:#b56a17}
.termination-filter-card,.termination-table-card{background:#fff;border:1px solid #e2e7ef;border-radius:12px;box-shadow:0 4px 14px rgba(20,42,75,.05);overflow:visible;margin-bottom:14px}.termination-filter-head{padding:14px 20px;border-bottom:1px solid #e8edf3}.termination-filter-head h2{margin:0;font-size:12px;color:#34435b}.termination-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:16px 20px;background:#f8fafc}.termination-field label{display:block;font-size:10px;font-weight:700;color:#526078;margin-bottom:6px}.termination-field input,.termination-field select,.termination-field textarea{width:100%;box-sizing:border-box;border:1px solid #ccd5e2;border-radius:7px;background:#fff;padding:9px 10px;font-size:11px;color:#25344d;outline:none}.termination-field input:focus,.termination-field select:focus,.termination-field textarea:focus{border-color:#5c8dd8;box-shadow:0 0 0 2px rgba(92,141,216,.1)}.termination-filter-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e8edf3}.termination-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8edf3;gap:12px}.termination-record-info{font-size:10px;color:#748097}.termination-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.term-btn{border:1px solid #ccd5e2;background:#fff;color:#34435b;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer}.term-btn.primary,.term-btn.create{background:#173b70;border-color:#173b70;color:#fff}.term-btn.excel{color:#23704a;border-color:#b9ddc9;background:#f5fbf7}.term-btn.secondary:hover{background:#f5f7fa}.termination-table-wrap{overflow-x:auto}.termination-table{width:100%;border-collapse:collapse;min-width:850px}.termination-table th{background:#f4f7fb;color:#5c6880;font-size:10px;text-align:left;padding:11px 12px;border-bottom:1px solid #dfe5ee;white-space:nowrap}.termination-table td{font-size:11px;color:#33435c;padding:12px;border-bottom:1px solid #edf0f5;vertical-align:middle}.termination-table tr:hover td{background:#fbfcfe}.termination-action{width:52px;min-width:52px;position:relative}.term-row-action{width:30px;height:28px;border:1px solid #d5dce7;background:#fff;border-radius:6px;cursor:pointer;font-size:16px;color:#53627a}.termination-badge{display:inline-flex;padding:4px 8px;border-radius:12px;background:#e8f6ee;color:#27754b;font-size:10px;font-weight:700}.termination-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:10px;color:#748097}.term-page-controls{display:flex;align-items:center;gap:5px}.term-page-controls button{border:1px solid #d6deea;background:#fff;padding:5px 9px;border-radius:5px;font-size:10px;cursor:pointer}.term-page-controls button.active{background:#173b70;color:#fff;border-color:#173b70}.term-page-controls button:disabled{opacity:.45;cursor:not-allowed}.term-page-controls select{border:1px solid #d6deea;border-radius:5px;padding:5px 7px;font-size:10px;margin-left:5px}.term-column-wrap{position:relative}.term-column-menu{position:absolute;right:0;top:38px;z-index:100;width:175px;background:#fff;border:1px solid #dce3ec;border-radius:8px;box-shadow:0 8px 22px rgba(20,42,75,.14);padding:8px}.term-column-menu.hidden{display:none}.term-column-menu label{display:block;padding:7px;font-size:10px;color:#43516a}.term-column-menu label:hover{background:#f4f7fb}.term-row-menu{position:fixed;z-index:999;width:130px;background:#fff;border:1px solid #dce3ec;border-radius:8px;box-shadow:0 8px 22px rgba(20,42,75,.16);overflow:hidden}.term-row-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 11px;font-size:10px;color:#34435b;cursor:pointer}.term-row-menu button:hover{background:#f3f6fa}.term-row-menu button.danger{color:#b33b3b}.termination-form{background:#fff;border:1px solid #e2e7ef;border-radius:12px;padding:22px;box-shadow:0 4px 14px rgba(20,42,75,.05)}.termination-form h2{margin:8px 0 4px;color:#172b4d;font-size:18px}.termination-form>p{font-size:11px;color:#7b8799;margin:0 0 20px}.termination-form-section{border:1px solid #e4e9f0;border-radius:9px;padding:16px;margin-top:18px}.termination-form-section h3{font-size:12px;color:#233754;margin:0 0 15px}.termination-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:950px}.termination-form-grid .full{grid-column:1/-1}.termination-form-grid textarea{min-height:120px;resize:vertical}.termination-form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e8edf3;margin-top:24px;padding-top:16px}.empty{text-align:center!important;color:#8a96a8!important;padding:25px!important}
@media(max-width:1100px){.termination-stats{grid-template-columns:repeat(2,1fr)}.termination-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.termination-table-toolbar{align-items:flex-start;flex-direction:column}.termination-actions{width:100%}}@media(max-width:560px){.termination-page{padding:14px}.termination-stats{grid-template-columns:1fr}.termination-filter-grid{grid-template-columns:1fr}.termination-form-grid{grid-template-columns:1fr}.termination-form-grid .full{grid-column:auto}.termination-pagination{align-items:flex-start;flex-direction:column;gap:10px}}