/* ══════════════════════════════════════════════════
   AACSB Base Room v2 – Frontend CSS
   Colors from screenshot:
     Dark teal nav btn  : #2d6a5a / #1e4d3d
     Olive standards    : #8aaa3b
     Table header teal  : #2d7566
     Link teal          : #1a7a6a
     Sub-tab active     : #2d6a5a
     Sub-tab pill bg    : #e8f4f0 → active white
══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap');

.abr-wrap{font-family:'Lato',sans-serif;max-width:1100px;margin:0 auto;padding:0 0 48px;box-sizing:border-box;color:#2c3e50}
.abr-wrap*,.abr-wrap*::before,.abr-wrap*::after{box-sizing:inherit}

/* ── SEARCH BAR ── */
.abr-search-bar{
    display:flex;flex-direction:column;align-items:center;
    margin:0 auto 28px;max-width:640px;position:relative;
}
.abr-search-inner{
    display:flex;align-items:center;gap:10px;
    width:100%;background:#fff;
    border:2px solid #c0d8d0;border-radius:40px;
    padding:0 16px;transition:border-color .18s,box-shadow .18s;
    box-shadow:0 2px 10px rgba(30,77,61,.08);
}
.abr-search-inner:focus-within{
    border-color:#2d7566;
    box-shadow:0 0 0 4px rgba(45,117,102,.12);
}
.abr-search-icon{color:#2d7566;flex-shrink:0}
.abr-search-input{
    flex:1;border:none;outline:none;background:transparent;
    font-size:15px;color:#2c3e50;padding:13px 0;font-family:inherit;
}
.abr-search-input::placeholder{color:#94a3b8}
.abr-search-input::-webkit-search-cancel-button{display:none}
.abr-search-clear{
    border:none;background:transparent;color:#94a3b8;
    cursor:pointer;font-size:14px;padding:4px 0;
    transition:color .15s;flex-shrink:0;
}
.abr-search-clear:hover{color:#2d7566}

/* ── Search results dropdown ── */
.abr-search-results{
    position:absolute;top:calc(100% + 6px);left:0;right:0;
    background:#fff;border:1.5px solid #c0d8d0;border-radius:12px;
    box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:9999;
    max-height:380px;overflow-y:auto;
}
.abr-search-result-item{
    display:flex;align-items:flex-start;gap:10px;
    padding:11px 16px;cursor:pointer;
    border-bottom:1px solid #f0f5f4;transition:background .12s;
}
.abr-search-result-item:last-child{border-bottom:none}
.abr-search-result-item:hover,.abr-search-result-item:focus{background:#f0f8f5;outline:none}
.abr-sri__icon{
    width:30px;height:30px;border-radius:6px;
    background:#e8f4f0;display:flex;align-items:center;
    justify-content:center;flex-shrink:0;margin-top:2px;
}
.abr-sri__icon svg{width:15px;height:15px;stroke:#2d7566}
.abr-sri__body{flex:1;min-width:0}
.abr-sri__file{font-size:14px;font-weight:600;color:#1e2d2a;margin-bottom:2px;line-height:1.3}
.abr-sri__file mark{background:#fef08a;color:#713f12;border-radius:2px;padding:0 1px;font-style:normal}
.abr-sri__path{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}
.abr-sri__arrow{flex-shrink:0;color:#2d7566;font-size:14px;margin-top:2px}
.abr-search-no-results{padding:20px;text-align:center;color:#94a3b8;font-size:14px}

/* ── Page title ── */
.abr-page-title{
    display:flex;align-items:center;justify-content:center;
    gap:12px;font-size:26px;font-weight:700;
    color:#1a2e2a;margin-bottom:24px;letter-spacing:-.3px;
}
.abr-page-title__logo{height:34px;width:auto}

/* ── Layout ── */
.abr-layout{
    display:flex;border:1px solid #cdddd8;border-radius:5px;
    overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);min-height:500px;
}

/* ── Nav ── */
.abr-nav{
    width:175px;flex-shrink:0;
    display:flex;flex-direction:column;
    background:#f4f7f5;border-right:1px solid #cdddd8;
}
.abr-nav__btn{
    border:none;cursor:pointer;
    font-family:'Lato',sans-serif;font-size:13.5px;font-weight:600;
    padding:13px 10px;text-align:center;color:#fff;
    line-height:1.3;border-bottom:1px solid rgba(255,255,255,.12);
    transition:filter .15s;outline:none;
}
.abr-nav__btn:first-child{background:#2d6a5a}
.abr-nav__btn:not(:first-child){background:#8aaa3b}
.abr-nav__btn--active{filter:brightness(.78)!important;box-shadow:inset 3px 0 0 rgba(255,255,255,.85)}
.abr-nav__btn:hover:not(.abr-nav__btn--active){filter:brightness(1.1)}

/* ── Panels ── */
.abr-panels{flex:1;background:#fff;min-width:0}
.abr-panel{padding:26px 30px;animation:abr-fadein .2s ease}
.abr-panel[hidden]{display:none}
@keyframes abr-fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.abr-panel__heading{
    display:flex;align-items:center;gap:10px;
    font-size:20px;font-weight:700;color:#2d6a5a;
    margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #e2eeed;
}
.abr-panel__flag{
    display:inline-block;width:7px;height:22px;
    background:#2d7566;border-radius:2px;flex-shrink:0;
}
.abr-panel__flag--sm{height:16px;width:5px}

/* ── Document table ── */
.abr-table-wrap{overflow-x:auto;border-radius:4px;border:1px solid #c8dcd8;margin-bottom:20px}
.abr-table{width:100%;border-collapse:collapse;font-size:14px}
.abr-table thead tr{background:#2d7566;color:#fff}
.abr-table thead th{padding:11px 16px;text-align:left;font-weight:700;font-size:14px;letter-spacing:.01em}
.abr-table__file{width:72%}.abr-table__link{width:28%}
.abr-table tbody tr{border-bottom:1px solid #e4eded;transition:background .1s}
.abr-table tbody tr:last-child{border-bottom:none}
.abr-table tbody tr:nth-child(even){background:#f8fafa}
.abr-table tbody tr:hover{background:#eef6f3}
.abr-table tbody td{padding:12px 16px;vertical-align:middle;font-size:14px;color:#2c3e50}
.abr-link{color:#1a7a6a;font-weight:700;text-decoration:none;transition:color .15s}
.abr-link:hover{color:#0f4d40;text-decoration:underline}
.abr-link--empty{color:#94a3b8;cursor:default}

/* ── Sub-tab bar ── */
.abr-subtab-bar{
    display:flex;flex-wrap:wrap;gap:6px;
    margin-bottom:20px;padding:6px 0;
}
.abr-subtab-btn{
    border:2px solid #2d7566;background:#fff;
    color:#2d7566;font-family:'Lato',sans-serif;
    font-size:13px;font-weight:700;cursor:pointer;
    padding:7px 16px;border-radius:5px;
    transition:background .15s,color .15s,box-shadow .15s;
    outline:none;white-space:nowrap;
}
.abr-subtab-btn:hover:not(.abr-subtab-btn--active){background:#e8f4f0}
.abr-subtab-btn--active{
    background:#2d7566;color:#fff;
    box-shadow:0 2px 8px rgba(45,117,102,.25);
}

/* ── Sub-tab panels ── */
.abr-subtab-panels{margin-top:4px}
.abr-subtab-panel{animation:abr-fadein .18s ease}
.abr-subtab-panel[hidden]{display:none}
.abr-subtab-panel__heading{
    display:flex;align-items:center;gap:8px;
    font-size:17px;font-weight:700;color:#2d6a5a;
    margin:0 0 14px;padding-bottom:10px;border-bottom:1.5px solid #e2eeed;
}

/* ── Empty ── */
.abr-panel__empty{color:#94a3b8;font-style:italic;padding:16px 0;font-size:14px}

/* ── Responsive ── */
@media(max-width:660px){
    .abr-layout{flex-direction:column}
    .abr-nav{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #cdddd8}
    .abr-nav__btn{flex:1 1 auto;min-width:80px;padding:9px 8px;font-size:12px;border-bottom:none;border-right:1px solid rgba(255,255,255,.12)}
    .abr-panel{padding:16px}
    .abr-search-input{font-size:14px;padding:11px 0}
    .abr-page-title{font-size:20px}
}