/* Original first theme. All rules are isolated from ocean and taif-gold. */
html[data-portal-theme="classic"]{--p:#622e88;--d:#482166;--l:#f0e9f6;--ink:#292532;--muted:#85818f;--line:#ebeaf0;--shadow:0 6px 24px #28203208;color-scheme:light}
html[data-portal-theme="classic"] body{background:#f7f8fb;color:var(--ink)}
html[data-portal-theme="classic"] header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;margin-right:248px;padding:18px 32px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;color:var(--ink)}
html[data-portal-theme="classic"] header.top>:not(.tw-reference-brand):not(#taifWorkspaceToggle){display:none!important}
html[data-portal-theme="classic"] .tw-reference-brand{display:flex;align-items:center;width:200px;max-width:70%}
html[data-portal-theme="classic"] .tw-reference-brand img{width:100%;height:48px;object-fit:contain}
html[data-portal-theme="classic"] body>.nav{display:none}
html[data-portal-theme="classic"] main{width:auto;max-width:1500px;margin:28px 280px 0 32px;padding:0 0 40px;min-width:0}
html[data-portal-theme="classic"] .footer{margin-right:248px}
html[data-portal-theme="classic"] #taifWorkspaceSidebar{display:flex;position:fixed;inset:0 0 0 auto;width:248px;z-index:90;box-sizing:border-box;padding:28px 18px;background:#fff;border-left:1px solid var(--line);flex-direction:column;overflow-y:auto;overscroll-behavior:contain;color:var(--ink);text-align:right;box-shadow:none}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-brand{margin:0 0 24px;padding:0 8px}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-brand-logo{width:100%;height:auto;max-height:66px;object-fit:contain}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-branch{padding:14px 12px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:#faf9fc;font-size:12px;color:var(--p)}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-tree{display:block;background:transparent;border:0;padding:0}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-tree details{border:0;border-radius:12px;margin:5px 0;background:transparent;overflow:hidden}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-tree summary{padding:14px 12px;border:0;background:transparent;color:#62596c;font-size:13px;cursor:pointer}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-tree details[open]>summary{background:var(--l);color:var(--p)}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-tree-children{padding:6px 5px}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px;text-align:right;border:0;border-radius:10px;margin:4px 0;background:transparent;color:#736b7c;font:12px Tahoma,Arial,sans-serif;line-height:1.8;cursor:pointer}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-link::before{content:'';width:7px;height:7px;flex:0 0 7px;border:1.5px solid currentColor;border-radius:3px;opacity:.7}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-link:hover,html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-link.active{background:var(--l);color:var(--p)}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-logout{width:100%;margin-top:24px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#943a49;cursor:pointer}
html[data-portal-theme="classic"] #taifWorkspaceSidebar .tw-foot{margin-top:auto;padding:24px 10px 0;color:var(--muted);font-size:10px}
html[data-portal-theme="classic"] .card,html[data-portal-theme="classic"] .hero{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
html[data-portal-theme="classic"] .btn{border-radius:10px;min-height:42px;transition:box-shadow .15s}
html[data-portal-theme="classic"] .btn:hover{box-shadow:0 4px 12px #622e8824}
html[data-portal-theme="classic"] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #b28ed2;outline-offset:3px}
html[data-portal-theme="classic"] :is(input,select,textarea){border-radius:10px}
html[data-portal-theme="classic"] .portal-action{border-radius:14px;background:#fff;border:1px solid var(--line)}
html[data-portal-theme="classic"] .action-icon{border-radius:12px;background:var(--l);color:var(--p)}
html[data-portal-theme="classic"] #taifQuickShortcuts{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;margin-bottom:22px;box-shadow:var(--shadow)}
html[data-portal-theme="classic"] #rates{padding:0!important;overflow:hidden;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:18px!important}
html[data-portal-theme="classic"] #rates>.reqhead{padding:26px 28px!important;border:0!important;background:linear-gradient(115deg,#793fa0,#482166)!important;gap:12px}
html[data-portal-theme="classic"] #rates>.reqhead>div:first-child{display:block!important;direction:rtl;width:100%}
html[data-portal-theme="classic"] #rates :is(.bulletin-logo,.bulletin-qr){display:none!important}
html[data-portal-theme="classic"] #rates h2{margin:0;text-align:right!important;font-size:24px!important;line-height:1.7;color:#fff!important;font-weight:700!important}
html[data-portal-theme="classic"] #rates .rates-toolbar{margin-top:4px;justify-content:flex-start}
html[data-portal-theme="classic"] #rates #ratesRefresh{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;background:#ffffff20;color:#fff;border:1px solid #ffffff55;padding:10px 16px}
html[data-portal-theme="classic"] #rates>.actions{padding:18px 24px;margin:0;gap:14px;background:#fff}
html[data-portal-theme="classic"] #rates :is(#ratesStatus,#ratesTimes,#ratesAverageStatus){margin:8px 24px;font-size:12px;font-weight:400!important}
html[data-portal-theme="classic"] #rates .rates-scroll{padding:0!important;overflow-x:auto}
html[data-portal-theme="classic"] #rates .rates-table{border-collapse:collapse!important;border-spacing:0!important;background:#fff!important;table-layout:auto!important;width:100%!important;min-width:0!important}
html[data-portal-theme="classic"] #rates .rates-table th{padding:15px 18px!important;background:#faf9fc!important;color:#85818f!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;font-size:12px!important;font-weight:400!important}
html[data-portal-theme="classic"] #rates .rates-table td{padding:19px 18px!important;background:#fff!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
html[data-portal-theme="classic"] #rates .rate-currency strong{font-size:14px!important;color:var(--ink)!important}
html[data-portal-theme="classic"] #rates .rate-currency small{font-size:11px!important;color:var(--muted)!important}
html[data-portal-theme="classic"] #rates .rate-price strong{font-size:23px!important;color:var(--ink)!important}
html[data-portal-theme="classic"] #rates .rate-price.rate-state-up strong{color:#298374!important}
html[data-portal-theme="classic"] #rates .rate-price.rate-state-down strong{color:#a53b4c!important}
html[data-portal-theme="classic"] #rates .rate-daily strong{font-size:14px!important}
html[data-portal-theme="classic"] #rates .rate-daily small{font-size:10px!important}
html[data-portal-theme="classic"] #rateBranchContacts{margin:16px!important;padding:14px!important;background:#faf9fc!important;color:#736b7c!important;border-radius:12px;font-size:12px!important;font-weight:400!important}
html[data-portal-theme="classic"] #rateBranchContacts .rate-contact-line{white-space:normal!important;overflow-wrap:anywhere!important}
html[data-portal-theme="classic"] .taif-bulletin-actions{border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:16px}
@media(min-width:901px){html[data-portal-theme="classic"] #taifWorkspaceToggle{display:none!important}}
@media(max-width:1100px) and (min-width:901px){html[data-portal-theme="classic"] #taifWorkspaceSidebar{width:220px;padding:24px 12px}html[data-portal-theme="classic"] header.top,html[data-portal-theme="classic"] .footer{margin-right:220px}html[data-portal-theme="classic"] main{margin-right:240px;margin-left:20px}}
@media(max-width:900px){
html[data-portal-theme="classic"] header.top{min-height:72px;margin:0;padding:12px 18px}
html[data-portal-theme="classic"] main{margin:18px 14px 0;padding-bottom:35px}
html[data-portal-theme="classic"] .footer{margin-right:0}
html[data-portal-theme="classic"] #taifWorkspaceSidebar{display:none;top:var(--tw-header-height,72px);width:min(285px,85vw);box-shadow:-20px 0 60px #29253225}
html[data-portal-theme="classic"] body.tw-menu-open #taifWorkspaceSidebar{display:flex}
html[data-portal-theme="classic"] header.top #taifWorkspaceToggle{display:grid;place-items:center;position:static;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--l);color:var(--p);flex-shrink:0}
html[data-portal-theme="classic"] #rates>.reqhead{padding:22px 18px!important}
html[data-portal-theme="classic"] #rates h2{font-size:20px!important}
html[data-portal-theme="classic"] #rates>.actions{padding:15px!important}
html[data-portal-theme="classic"] #rates .rates-table :is(td,th){padding:14px 8px!important}
html[data-portal-theme="classic"] #rates .rate-price strong{font-size:18px!important}
html[data-portal-theme="classic"] #rates .rate-currency strong{font-size:12px!important}
html[data-portal-theme="classic"] #rates .rate-daily strong{font-size:12px!important}
html[data-portal-theme="classic"] #rates .rates-table th{font-size:11px!important}
html[data-portal-theme="classic"] #taifQuickShortcuts{padding:10px}
}
@media print{html[data-portal-theme="classic"] #taifWorkspaceSidebar,html[data-portal-theme="classic"] header.top{display:none!important}html[data-portal-theme="classic"] main,html[data-portal-theme="classic"] .footer{margin:0!important;padding:0!important}html[data-portal-theme="classic"] #rates{overflow:visible!important}}
html[data-portal-theme="classic"] body header.top,html[data-portal-theme="classic"] body:has(#rates:not(.hidden)) header.top{background:#fff!important;border-bottom:1px solid var(--line)!important}
html[data-portal-theme="classic"] header.top::before,html[data-portal-theme="classic"] header.top::after{display:none!important}
html[data-portal-theme="classic"] #rates>label.field:has(#publicRateBranch){margin:16px 24px!important;max-width:300px;font-size:12px}
html[data-portal-theme="classic"] #publicRateBranch{min-height:40px;font-size:12px;border:1px solid var(--line);background:#faf9fc}
html[data-portal-theme="classic"] #rates>.reqhead>div:first-child{min-width:0!important;max-width:100%!important}
html[data-portal-theme="classic"] #rates h2{white-space:normal!important;overflow-wrap:anywhere!important;width:auto!important;min-width:0!important;max-width:100%!important}

/* Activate only after the approved shell has loaded. */
#taifClassicShell[hidden]{display:none!important}
html[data-portal-theme="classic"][data-classic-shell-ready] body > :is(header.top,.nav,.footer),
html[data-portal-theme="classic"][data-classic-shell-ready] #taifWorkspaceSidebar,
html[data-portal-theme="classic"][data-classic-shell-ready] #taifWorkspaceToggle,
html[data-portal-theme="classic"][data-classic-shell-ready] #taifQuickShortcuts,
html[data-portal-theme="classic"][data-classic-shell-ready] #rates,
html[data-portal-theme="classic"][data-classic-shell-ready] .taif-bulletin-actions{display:none!important}
html[data-portal-theme="classic"][data-classic-shell-ready] body > main{margin:0 248px 0 0;padding:0 40px 40px;max-width:none}
html[data-portal-theme="classic"][data-classic-shell-ready] body > main:has(#rates:not(.hidden)){margin:0;padding:0}
html[data-portal-theme="classic"][data-classic-shell-ready] body > main :is(input,select,textarea){font-family:Tahoma,Arial,sans-serif}
html[data-portal-theme="classic"][data-classic-shell-ready] body > main .card{border-radius:18px}
@media(max-width:1180px){html[data-portal-theme="classic"][data-classic-shell-ready] body > main{margin-right:218px;padding-left:26px;padding-right:26px}}
@media(max-width:980px){html[data-portal-theme="classic"][data-classic-shell-ready] body > main{margin-right:196px}}
@media(max-width:700px){html[data-portal-theme="classic"][data-classic-shell-ready] body > main{margin:0;padding:0 17px 90px}html[data-portal-theme="classic"][data-classic-shell-ready] #themePreviewBanner{bottom:82px}html[data-portal-theme="classic"][data-classic-shell-ready] :is(#taifChatButton,#requestWorkflowButton){bottom:84px!important}}
@media print{#taifClassicShell{display:none!important}html[data-portal-theme="classic"][data-classic-shell-ready] body > main{margin:0;padding:0}}

html[data-portal-theme="classic"][data-classic-shell-ready][data-classic-night]{--p:#b38ad6;--d:#e2ceed;--l:#382743;--ink:#f2edf5;--muted:#aba3b7;--line:#38313f}
html[data-portal-theme="classic"][data-classic-shell-ready][data-classic-night] body{background:#191620;color:#f2edf5}
html[data-portal-theme="classic"][data-classic-shell-ready][data-classic-night] body > main :is(.card,.setting,.portal-action,input,select,textarea,td,th){background:#221e2a;color:#f2edf5;border-color:#38313f}
@media print{html[data-portal-theme="classic"][data-classic-shell-ready] #rates:not(.hidden){display:block!important}}