.arb-shell {max-width:1200px; margin:24px auto; padding:0 20px; color:#202b38; letter-spacing:0;}
.arb-icon {width:18px; height:18px; vertical-align:middle; flex-shrink:0;}
.btn-primary .arb-icon {filter:invert(1);}
.arb-shell .btn-primary,.arb-dialog .btn-primary {background:#ed7600;border-color:#ed7600;color:white;}
.arb-shell .btn-primary:hover,.arb-dialog .btn-primary:hover {background:#cf6400;border-color:#cf6400;}
.arb-header {display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px;}
.arb-header h1 {font-size:28px; margin:8px 0 0;}
.arb-header h2,.arb-dialog h2 {font-size:21px; margin:0;}
.arb-toolbar {display:flex; align-items:end; gap:16px; flex-wrap:wrap; margin-bottom:20px;}
.arb-toolbar label {flex:1; min-width:200px;}
.arb-toolbar output {padding:8px 0; color:#647184;}
.arb-list {border-top:1px solid #dce1e7;}
.arb-row {display:grid; grid-template-columns:220px minmax(0,1fr) auto; gap:20px; padding:18px 0; border-bottom:1px solid #dce1e7; align-items:start;}
.arb-row strong,.arb-row small {display:block;}
.arb-row small {color:#627083; margin-top:5px; font-size:13px;}
.arb-row p {margin:5px 0; overflow-wrap:anywhere;}
.arb-row .arb-kind {color:#a42b35; font-weight:600; margin-top:6px;}
.arb-actions {display:flex; gap:6px;}
.arb-actions button {width:38px; height:38px; padding:0;}
.arb-pagination {display:flex; align-items:center; justify-content:center; gap:16px; padding:20px;}
.arb-dialog {border:1px solid #dce1e7; border-radius:8px; padding:24px; width:min(780px,calc(100% - 24px)); max-height:calc(100dvh - 32px); overflow-y:auto; box-shadow:0 16px 60px #0002; color:#202b38; letter-spacing:0;}
.arb-dialog::backdrop {background:#18202d66;}
.arb-dialog label {font-weight:600; font-size:14px;}
.arb-dialog input,.arb-dialog select,.arb-dialog textarea {margin-top:6px; font-size:15px;}
.arb-dialog .btn {border-radius:6px;}
.arb-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:18px;}
.arb-grid > * {min-width:0;}
.arb-full {display:block; margin:16px 0;}
.arb-types {display:block; margin:0 0 20px; border:0; padding:0;}
.arb-types legend {float:none; font-size:14px; font-weight:600; margin-bottom:8px;}
.arb-types label {display:inline-flex; align-items:center; gap:8px; margin-right:24px;}
.arb-types input {accent-color:#eb7800; margin:0;}
.arb-target-list {max-height:210px; overflow:auto; border:1px solid #dce1e7; border-radius:6px; margin:8px 0 16px;}
.arb-target-list label {display:flex; align-items:center; gap:10px; padding:9px 12px; font-weight:400; border-bottom:1px solid #eef0f3; overflow-wrap:anywhere;}
.arb-target-list input {margin:0; flex-shrink:0;}
.arb-date-add {display:flex; align-items:end; gap:10px;}
.arb-date-add label {width:220px; max-width:calc(100% - 50px);}
.arb-date-add button {width:38px; height:38px; flex-shrink:0;}
.arb-date-list {display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 18px;}
.arb-date-list span {display:inline-flex; align-items:center; gap:8px; background:#f2f4f7; padding:4px 8px; border-radius:4px;}
.arb-date-list button {border:0; background:transparent; color:#98313b;}
.arb-footer {display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #e4e8ee; margin-top:20px; padding-top:16px; flex-wrap:wrap;}
.arb-small {max-width:540px;}
.arb-small h2 {margin-bottom:18px;}
.arb-shell [hidden],.arb-dialog [hidden] {display:none!important;}
@media(max-width:640px) {.arb-shell{padding:0 12px}.arb-dialog{padding:18px}.arb-grid{grid-template-columns:1fr}.arb-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.arb-row>div:nth-child(2){grid-column:1;grid-row:2}.arb-actions{grid-column:2;grid-row:1}.arb-header .btn{max-width:100%;white-space:normal}}
