header>b{display:none!important}
header{height:64px!important;gap:18px!important}
header small{display:none!important}
header .search input{height:38px!important;border-radius:10px!important}
aside{top:64px!important;max-height:calc(100vh - 64px)!important}
#categoryDialog .category-hint{display:none!important}
#deleteCategory{background:#fff1f0!important;color:#d70015!important;border:1px solid #ffd2cf!important}
.extract-tile{--tile:#0f766e;cursor:pointer!important}.extract-tile b{padding-right:0}
#extractDialog .extract-form{width:min(470px,92vw)}
#extractDialog .extract-form>p{margin:-2px 0 2px;color:#6e6e73;font-size:13px}
#extractInput{min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}
#extractStatus{min-height:22px;font-size:13px;overflow-wrap:anywhere}
#extractStatus.success{color:#16833b}#extractStatus.error{color:#d70015}
.extract-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.extract-actions button:last-child{background:#f2f2f4;color:#1d1d1f}
#deleteItem{background:#fff1f0!important;color:#d70015!important;border:1px solid #ffd2cf!important}

@media(min-width:821px){
  main{grid-template-columns:260px minmax(0,1fr)!important;gap:28px!important;padding:18px 24px 72px!important;transition:grid-template-columns .22s ease}
  aside{width:260px!important;top:82px!important;max-height:calc(100vh - 100px)!important;padding:14px 12px 16px!important;border:1px solid rgba(20,28,38,.08)!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 34px rgba(20,28,38,.08)!important;overflow-x:hidden!important;transition:width .22s ease,padding .22s ease}
  .sidebar-head{display:grid;grid-template-columns:42px 1fr 34px;gap:10px;align-items:center;padding:2px 2px 14px;margin-bottom:10px;border-bottom:1px solid #eceef0}
  .sidebar-mark{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:12px!important;background:#1d1d1f!important;color:#fff!important;font-size:18px!important}
  .sidebar-identity{min-width:0;display:grid}.sidebar-identity b{font-size:15px}.sidebar-identity small{font-size:12px;color:#687386;margin-top:2px}
  #sidebarToggle{width:34px!important;height:34px!important;display:grid!important;place-items:center;padding:0!important;border:1px solid #e2e5e8!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 9px rgba(20,28,38,.06);font-size:16px}
  aside>button,#cats button{display:flex!important;align-items:center!important;gap:11px!important;height:40px!important;line-height:40px!important;padding:0 11px!important;margin:2px 0!important;border-radius:10px!important;font-size:14px!important;color:#1d1d1f!important;background:transparent!important}
  aside>button:hover,#cats button:hover{background:#f3f4f5!important}
  aside>button.is-active,#cats button.is-active{background:#e5e8ec!important;color:#121212!important;font-weight:600!important}
  aside>button:focus,#cats button:focus{background:#e5e8ec!important;color:#121212!important}
  aside button .bi{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;text-align:center;color:var(--icon-color,#65717b);font-size:13px;border-radius:7px;background:color-mix(in srgb,var(--icon-color,#65717b) 12%,white)}
  #recommended{height:40px!important;margin:2px 0 8px!important;padding:0 11px!important;border:0!important;color:#1d1d1f!important}
  #recommended .bi{color:var(--icon-color,#e8a100)}
  #cats>div{padding:1px 0!important;border:0!important}
  .cat.root{padding-right:11px!important}.cat.root::after{content:'›';margin-left:auto;color:#7b838b;font-size:18px;transition:transform .18s}
  .cat-manage{width:26px;height:26px;display:grid;place-items:center;margin-left:auto;border-radius:7px;opacity:0;color:#64748b;background:#fff;transition:.15s}.cat:hover .cat-manage,.cat:focus .cat-manage{opacity:1}.cat-manage:hover{color:#111827;box-shadow:0 2px 8px rgba(15,23,42,.1)}.cat-manage .bi{width:auto!important;height:auto!important;background:transparent!important;color:inherit!important}
  .cat.root:has(.cat-manage)::after{margin-left:0}
  .sub{margin:2px 0 5px 25px!important;padding:0 0 0 8px!important;border-left:1px solid #dfe3e6!important}
  .sub button{padding-left:10px!important;color:#4c5968!important}.sub button .bi{font-size:12px}
  .aside-actions{margin-top:12px;padding:12px 0 0!important;border-top:1px solid #eceef0!important}
  .aside-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .aside-actions button,.aside-actions #newItem,.aside-actions #newCat{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:40px!important;padding:0 12px!important;border:1px solid #1d1d1f!important;border-radius:10px!important;margin:0!important;background:#1d1d1f!important;color:#fff!important;font-weight:600!important}
  .aside-actions button .bi{background:rgba(255,255,255,.12)!important;color:#fff!important}
  body.sidebar-collapsed main{grid-template-columns:64px minmax(0,1fr)!important}
  body.sidebar-collapsed aside{width:64px!important;padding:12px 9px!important}
  body.sidebar-collapsed .sidebar-head{display:flex;justify-content:center;padding-bottom:12px}.sidebar-collapsed .sidebar-identity,.sidebar-collapsed #sidebarToggle{display:none!important}
  body.sidebar-collapsed .sidebar-mark{width:42px;height:42px}
  body.sidebar-collapsed aside .nav-label{display:none}
  body.sidebar-collapsed aside>button,body.sidebar-collapsed #cats button{justify-content:center!important;width:44px!important;padding:0!important}
  body.sidebar-collapsed .cat.root::after,body.sidebar-collapsed .sub{display:none!important}
  body.sidebar-collapsed .cat-manage{display:none!important}
  body.sidebar-collapsed .aside-actions button{width:44px!important;padding:0!important}
}

@media(max-width:820px){.sidebar-head{display:none!important}}

@media(max-width:820px){
  header{height:56px!important;gap:8px!important;padding:8px 10px;flex-wrap:nowrap}
  header>div:first-of-type{flex:0 0 auto;min-width:0}
  header h1{font-size:20px;white-space:nowrap}
  header>button{flex:0 0 auto;font-size:14px;padding:8px 4px;margin-left:0}
  header .search{order:0;flex:1 1 auto;min-width:0;padding:0;margin:0}
  header .search input{height:36px!important;border-radius:9px!important;padding:0 12px}
  main{padding:12px 12px 40px}
  aside{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;width:100%;padding:0 0 12px;overflow:visible;align-items:center}
  aside>button{width:auto!important;height:36px!important;line-height:36px!important;margin:0!important;padding:0 13px!important;border:1px solid #e5e6e8!important;border-radius:9px!important;background:#fff!important}
  #recommended{border:1px solid #e5e6e8!important;color:#1677ff!important}
  #cats{display:flex;gap:6px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 4px}
  #cats::-webkit-scrollbar{display:none}
  #cats>div{display:flex!important;flex:0 0 auto!important;padding:0!important}
  #cats .cat.root,#cats .sub button{height:36px!important;line-height:36px!important;padding:0 13px!important;border:1px solid #e5e6e8!important;border-radius:9px!important;background:#fff!important}
  #cats .sub{gap:6px;margin-left:6px!important}
  .aside-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 0!important;border:0!important}
  .aside-actions button,.aside-actions #newItem,#newCat{width:100%!important;height:38px!important;margin:0!important;border-radius:9px!important}
  #items{margin-top:2px}
}

/* Logout button sizing and edge spacing */
.google-header .logout{min-width:82px!important;height:40px!important;padding:0 22px!important;margin-right:16px!important;border-radius:22px!important;font-size:14px!important;line-height:40px!important;text-align:center!important;white-space:nowrap!important}
@media(max-width:820px){.google-header .logout{min-width:42px!important;width:42px!important;height:34px!important;margin-right:4px!important;padding:0!important;border-radius:17px!important;font-size:12px!important;line-height:34px!important}}

.google-header .logout,.google-header .logout:hover,.google-header .logout:focus,.google-header .logout:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;font-size:16px!important;background:#0b57d0!important;color:#fff!important}
@media(max-width:820px){.google-header .logout,.google-header .logout:hover,.google-header .logout:focus{font-size:14px!important;border:0!important;outline:0!important;box-shadow:none!important}}

.google-header .logout{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important;vertical-align:middle!important;text-decoration:none!important}
@media(max-width:820px){.google-header .logout{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}}

@media(min-width:821px){.google-tabs .tools-menu{transform:translateX(16px)}}

/* Account settings and configurable app grid */
.header-account-tools{position:relative;justify-self:end;display:flex;align-items:center;gap:6px;margin-right:16px}
.header-account-tools>button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#5f6368;font-size:18px}.header-account-tools>button:hover{background:#f1f3f4;color:#202124}
.header-account-tools .logout{margin-right:0!important;margin-left:4px!important}
#appsPanel{display:none;position:absolute;z-index:100;right:82px;top:48px;width:330px;max-height:520px;overflow:auto;padding:12px;background:#f8fafd;border:1px solid #dadce0;border-radius:22px;box-shadow:0 8px 28px rgba(60,64,67,.25)}#appsPanel.open{display:block}.apps-panel-title{text-align:center;color:#1967d2;font-size:13px;padding:2px 0 10px}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.apps-grid button{min-height:86px;display:grid;place-items:center;align-content:center;gap:8px;padding:8px;border:0;border-radius:14px;background:transparent;color:#3c4043}.apps-grid button:hover{background:#e9eef6}.apps-grid .bi{font-size:28px;color:#4285f4}.apps-grid button:nth-child(3n+2) .bi{color:#ea4335}.apps-grid button:nth-child(3n) .bi{color:#34a853}.apps-grid span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
#accountSettings{width:min(820px,94vw);max-height:88vh}#accountSettings .account-settings-form{width:100%;padding:30px;display:grid;gap:18px}#accountSettings h2{margin:0;font-size:24px}#accountSettings section{display:grid;gap:12px;padding:18px;border:1px solid #e4e7eb;border-radius:16px;background:#fff}#accountSettings h3{margin:0;font-size:17px}#accountSettings section>p{margin:-5px 0 2px;color:#6e6e73;font-size:13px}#accountSettings label{display:grid;gap:6px;color:#5f6368;font-size:13px}#accountSettings input,#accountSettings select{width:100%;height:42px;padding:0 12px;border:1px solid #dadce0;border-radius:9px;background:#fff}#accountSettings section>button{justify-self:start;padding:10px 18px;border:0;border-radius:9px;background:#0b57d0;color:#fff;font-weight:600}.nav-setting-row{display:grid;grid-template-columns:1fr 150px 1.5fr 58px;gap:9px;align-items:end;padding:10px;border-radius:11px;background:#f8f9fa}.nav-visible{display:flex!important;align-items:center;gap:6px;height:42px}.nav-visible input{width:16px!important;height:16px!important}
@media(max-width:820px){.header-account-tools{gap:0;margin-right:0}.header-account-tools>button{width:32px;height:32px;font-size:15px}.header-account-tools .logout{margin-left:0!important}.google-top{grid-template-columns:58px minmax(0,1fr) auto!important}#appsPanel{position:fixed;top:58px;right:8px;width:min(330px,calc(100vw - 16px));max-height:65vh}.nav-setting-row{grid-template-columns:1fr}.nav-visible{height:auto}#accountSettings .account-settings-form{padding:22px 16px}}

@media(max-width:480px){
  aside{grid-template-columns:auto auto minmax(100px,1fr)}
  aside>button,#cats .cat.root,#cats .sub button{font-size:13px!important}
}

/* Google-style global header */
.google-header{height:112px!important;display:block!important;padding:0 28px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dadce0!important;overflow:visible!important}
.google-top{height:68px;display:grid;grid-template-columns:112px minmax(280px,860px) 1fr;gap:24px;align-items:center}
.google-word{display:flex;text-decoration:none;font-size:25px;font-weight:600;letter-spacing:-2px;width:max-content}.google-word span:first-child{color:#4285f4}.google-word span:last-child{color:#ea4335}
.google-header .search{position:relative;width:100%;max-width:860px;margin:0!important;padding:0!important}
.google-header .search input{height:48px!important;padding:0 82px 0 20px!important;border:1px solid #dfe1e5!important;border-radius:24px!important;background:#fff!important;box-shadow:0 2px 8px rgba(60,64,67,.15)!important;font-size:15px}
.google-header .search input:hover,.google-header .search input:focus{box-shadow:0 2px 10px rgba(60,64,67,.22)!important;border-color:transparent!important}
.google-header .search>i{position:absolute;right:19px;top:50%;transform:translateY(-50%);color:#3c4043;font-size:17px}.google-header #clearSearch{position:absolute;z-index:2;right:46px;top:50%;transform:translateY(-50%);width:36px;height:30px;padding:0;border:0;border-right:1px solid #dadce0;border-radius:0;background:transparent;color:#5f6368}
.google-header .logout{justify-self:end;margin:0!important;padding:9px 19px!important;border-radius:20px!important;background:#0b57d0!important;color:#fff!important;font-weight:600!important}
.google-tabs{height:44px;display:flex;align-items:flex-end;gap:4px;padding-left:132px;white-space:nowrap}.google-tabs>button,.top-menu>button,.top-dropdown button{height:40px;padding:0 13px;border:0;background:transparent;color:#5f6368;font-size:14px}.google-tabs button.active{color:#1f1f1f;border-bottom:3px solid #1f1f1f}.top-menu{position:relative}.tools-menu{margin-left:auto}.top-menu>button .bi{font-size:9px}.top-dropdown{display:none;position:absolute;z-index:80;top:43px;left:0;min-width:150px;padding:8px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 8px 24px rgba(60,64,67,.22)}.tools-menu .top-dropdown{left:auto;right:0;min-width:190px}.top-dropdown.open{display:grid}.top-dropdown button{text-align:left;border-radius:6px;color:#3c4043}.top-dropdown button:hover{background:#f1f3f4}
@media(min-width:821px){.google-header+main aside{top:130px!important;max-height:calc(100vh - 148px)!important}}
@media(max-width:820px){.google-header{height:104px!important;padding:0 10px!important}.google-top{height:58px;grid-template-columns:58px minmax(0,1fr) 42px;gap:7px}.google-word{font-size:18px;letter-spacing:-1px}.google-header .search input{height:40px!important;padding:0 65px 0 14px!important;font-size:13px}.google-header #clearSearch{right:36px;width:30px}.google-header .search>i{right:12px}.google-header .logout{padding:7px 5px!important;background:transparent!important;color:#5f6368!important}.google-tabs{height:46px;padding:0;align-items:flex-end;gap:0;overflow-x:auto;scrollbar-width:none}.google-tabs::-webkit-scrollbar{display:none}.google-tabs>button,.top-menu>button{padding:0 12px}.tools-menu{margin-left:0}.top-dropdown{position:fixed;top:102px;left:10px!important;right:10px!important}.google-header+main{padding-top:10px!important}}

@media(min-width:1200px){
  .google-header{padding-left:max(0px,calc((100vw - 1440px)/2 + 24px - 136px))!important;padding-right:0!important}
  .google-top{grid-template-columns:112px minmax(280px,860px) 1fr;gap:24px}
  .google-tabs{width:996px;max-width:calc(100vw - max(0px,calc((100vw - 1440px)/2 + 24px - 136px)));padding-left:136px}
  .tools-menu{margin-left:auto}
}

/* Brand refinement and aligned action colors */
.google-word{align-items:center;gap:7px;letter-spacing:0!important;font-size:24px!important}
.google-word::before{content:'';display:block;width:34px;height:34px;flex:0 0 34px;background:url('panel-logo.ico') center/contain no-repeat}
.google-word span:first-child{font-size:24px;font-weight:700;color:#4285f4}.google-word span:last-child{font-size:15px;font-weight:700;color:#ea4335;align-self:flex-end;margin:0 0 7px -6px}
@media(min-width:1200px){
  .google-top{grid-template-columns:96px minmax(280px,860px) 1fr!important}
  .google-tabs{width:980px!important;padding-left:120px!important}
}
@media(min-width:821px){
  .aside-actions #newItem{background:#eaf2ff!important;color:#1967d2!important;border-color:#c6dafc!important;box-shadow:none!important}
  .aside-actions #newCat{background:#fff0f0!important;color:#d93025!important;border-color:#f6c7c3!important;box-shadow:none!important}
  .aside-actions #newItem:hover{background:#dce9ff!important}.aside-actions #newCat:hover{background:#ffe3e1!important}
  .aside-actions #newItem .bi{background:#d5e5ff!important;color:#1967d2!important}.aside-actions #newCat .bi{background:#ffdcd8!important;color:#d93025!important}
}
@media(max-width:820px){.google-word::before{width:28px;height:28px;flex-basis:28px}.google-word span:first-child{font-size:18px}.google-word span:last-child{font-size:12px;margin-bottom:4px}}

/* Final brand and navigation alignment */
.google-word::before{display:none!important}
.google-word span:last-child{font-size:18px!important;margin-bottom:5px!important;margin-left:-5px!important}
.sidebar-mark{background:#fff url('panel-logo.ico') center/34px 34px no-repeat!important;border:1px solid #e2e5e8!important;box-shadow:0 3px 9px rgba(20,28,38,.08)!important}
.sidebar-mark>.bi{display:none!important}
.sidebar-identity b{display:flex;align-items:baseline;gap:1px;font-size:18px!important}.sidebar-identity b span:first-child{color:#4285f4}.sidebar-identity b span:last-child{color:#ea4335;font-size:15px}
.google-tabs button.active{position:relative;border-bottom:0!important}
.google-tabs button.active::after{content:'';position:absolute;left:50%;bottom:0;width:2em;height:3px;border-radius:3px 3px 0 0;background:#ea4335;transform:translateX(-50%)}
@media(min-width:1200px){.google-tabs>button:first-child{margin-left:-12px}}
@media(max-width:820px){.google-word span:last-child{font-size:14px!important;margin-bottom:3px!important}.sidebar-mark{background-size:28px 28px!important}}

/* Requested label sizing */
.google-word span:first-child{font-size:28px!important}.google-word span:last-child{font-size:20px!important;margin-bottom:5px!important}
.google-header .logout{font-size:12px!important;padding:7px 14px!important;white-space:nowrap!important}
@media(min-width:1200px){.google-tabs>button:first-child{margin-left:2px!important}}
@media(max-width:820px){
  .google-word span:first-child{font-size:21px!important}.google-word span:last-child{font-size:16px!important;margin-bottom:3px!important}
  .google-header .logout{width:40px!important;height:32px!important;padding:0!important;font-size:11px!important;line-height:32px!important;white-space:nowrap!important;word-break:keep-all!important}
}

/* Desktop: the base layout already contributes 10px; add 18px for 28px total. */
@media(min-width:821px){
  .google-header{height:130px!important;padding-top:18px!important}
  .google-header+main aside{top:148px!important;max-height:calc(100vh - 166px)!important}
}