/* Precision Office: one quiet frame and one document list. */
.shell{grid-template-columns:var(--office-sidebar) minmax(0,1fr);grid-template-rows:var(--office-header) 1fr;background:var(--bg)}
.topbar{--header-inset:24px;--header-gap:15px;height:var(--office-header);min-height:var(--office-header);padding:0 var(--header-inset);gap:var(--header-gap);background:white;border-bottom:1px solid var(--line);z-index:40;box-shadow:none}
/* Tab border continues the sidebar border, including its one-pixel stroke. */
.topbar>.brand{min-width:calc(var(--office-sidebar) - var(--header-inset) - var(--header-gap) - 1px)}.topbar .brand-logo{width:130px;height:auto}
.document-tabs{align-items:flex-end;padding-top:12px;gap:4px}.document-tab-item{border-radius:5px 5px 0 0;border-bottom:0;max-width:240px;background:transparent!important;box-shadow:none!important;margin:0;height:46px}
.document-tab-item.is-current{background:var(--bg)!important;border-color:var(--line);color:var(--blue)}.document-tab-item>[role=tab]{font-size:12px;border-radius:4px 4px 0 0}.document-tab-item:not(.is-current){color:var(--muted)}
.document-tab-close{border-radius:3px;font-size:17px;min-width:30px}.document-open{font-size:12px;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:4px;white-space:nowrap;color:var(--ink);background:#fff}
.topbar-actions{gap:7px;flex-shrink:0;margin-left:0}.topbar-actions:empty{display:none}.topbar-actions button{font-size:12px;border-radius:4px;min-height:38px;padding:7px 10px}.topbar-actions #downloadBackup{border-radius:4px}
#sidebarOpen,#openLocal{display:none!important}
.sidebar{background:white;padding:28px 16px 18px;border-right:1px solid var(--line);gap:5px}.sidebar nav{margin:0;display:flex;flex-direction:column;gap:5px}.side-link{font-size:13px;min-height:43px;padding:10px 12px;border-radius:4px;font-weight:400}.side-link.is-current{background:var(--office-tint);color:var(--blue);font-weight:700}.side-link svg{width:17px;height:17px}.sidebar #openSharedLink{order:5;border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.sidebar #araPageTest{order:4;margin-top:14px;border-top:1px solid var(--line);padding-top:16px;min-height:51px}
.quota-card{border:0;border-top:1px solid var(--line);border-radius:0;background:white;padding:20px 9px;margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}.quota-card>div{display:flex;flex-direction:column;gap:5px}.quota-card p{font-size:11px}.quota-card strong{font-size:12px;font-weight:500}.quota-card small{font-size:11px}.quota-card progress{height:4px}.legacy-link{font-size:11px;margin-top:0;border:0;padding:8px 9px}
.dashboard-view{max-width:1440px;min-height:calc(100dvh - var(--office-header));margin:0 auto;padding:45px 48px 60px;background:transparent;border-radius:0;box-shadow:none}
.dashboard-heading{margin:0 0 35px;align-items:center}.dashboard-heading .eyebrow{font-size:10px;color:var(--blue);letter-spacing:1.5px;margin-bottom:13px}.dashboard-heading h1{font-size:29px;font-weight:700;letter-spacing:-1px;margin-bottom:12px}.dashboard-heading p:not(.eyebrow){font-size:13px;line-height:1.8}
h2{font-size:15px;font-weight:700;letter-spacing:-.2px}.new-documents{margin:0 0 35px}.format-grid{gap:12px;margin-top:15px}.format-card{min-height:85px;border:1px solid var(--line);border-radius:5px;padding:17px 18px;display:flex;flex-direction:row;align-items:center;gap:13px;box-shadow:none}.format-card:hover{border-color:#a4bee4;background:#fcfdff;box-shadow:none;transform:none}.format-copy strong{font-size:13px}.format-copy small{font-size:10px;margin-top:5px}.format-card .format-mark{width:33px;height:40px;border-radius:3px;font-size:17px}.format-card>svg{width:15px;color:#8092ac;margin-left:auto}
.documents-section{margin-top:0;background:#fff;border:1px solid var(--line);border-radius:5px;padding:22px 24px 12px}.document-heading{align-items:center}.document-heading h2{font-size:17px}.document-heading p:not(.eyebrow){font-size:12px;line-height:1.7;margin-top:7px}.document-heading button{min-height:36px;font-size:12px;border-radius:4px}
.file-toolbar{border:0;margin-top:21px;padding-bottom:12px;gap:12px}.file-toolbar>.search-field{background:#f8faff;border:1px solid var(--line);border-radius:4px;max-width:310px;min-width:180px;padding:0 12px;min-height:38px}.file-toolbar .search-field input{font-size:12px;min-height:38px}.search-field>svg{width:16px}.format-filters{gap:0}.format-filters button{font-size:12px;border-radius:3px;min-height:36px;padding:6px 10px}.format-filters [aria-pressed=true]{background:var(--office-tint)}
.file-row{padding:6px 0;min-height:58px;gap:12px}.file-row .file-meta strong{font-size:13px}.file-row .file-meta span{font-size:11px}.file-row .format-mark{border-radius:3px}.file-more-options{border-radius:5px}.file-list{border-top:1px solid var(--line)}
.empty-state{border-radius:3px;background:#f8faff;padding:47px 20px;margin:3px 0 10px}.empty-state p{font-size:14px}.empty-state span{font-size:12px;line-height:1.8}
.cloud-explorer-section{padding:0;overflow:visible}.cloud-explorer-section>.document-heading{padding:23px 24px 17px}.cloud-explorer-section #uploadCloud{display:none!important}.explorer-commands{background:#fff;padding:9px 16px;border-top:1px solid var(--line);gap:4px}.explorer-commands button,:is(.cloud-classify-settings,.cloud-ai-settings)>summary{font-size:12px;border-radius:4px;min-height:36px;padding:7px 10px}.explorer-commands .command-separator{display:none}.explorer-address{background:#fbfcff;padding:6px 16px}.explorer-address button{min-height:34px}.explorer-tree{background:#fbfcff;padding:14px 8px;border-color:var(--line)}.tree-folder{font-size:12px;border-radius:4px}.explorer-main .file-toolbar{padding:13px 16px 10px;margin:0}.explorer-columns{background:#f8faff;font-size:11px;border-color:var(--line)}.explorer-status{font-size:11px;background:#fbfcff;border-color:var(--line)}
#cloudMoveSelected:disabled,#cloudCut:disabled,#cloudPaste:disabled,#cloudFolderRename:disabled,#cloudFolderDelete:disabled{display:none}
#cloudMoveSelected:not(:disabled),#cloudCut:not(:disabled),#cloudPaste:not(:disabled){background:var(--office-tint);color:var(--blue)}
.file-inline-preview{grid-column:1/-1;display:flex;align-items:flex-start;gap:15px;padding:14px 36px;border-top:1px solid var(--line);background:#f8faff}.file-inline-preview .recent-visual{width:220px;height:180px;flex-shrink:0;border:1px solid var(--line);border-radius:2px}.file-inline-preview p{font-size:12px;color:var(--muted);line-height:1.7}.file-inline-preview .recent-paper{transform:none}.file-actions [data-file-preview]{font-size:16px}
.workspace-view{height:calc(100dvh - var(--office-header));margin:0;border-radius:0}
@media(max-width:1280px){.dashboard-view{padding:30px 25px}.format-card{padding:14px 11px;gap:9px}.format-card>svg{display:none}.format-copy strong{font-size:12px}.topbar{--header-inset:16px;--header-gap:8px}.file-toolbar{gap:7px}.format-filters button{padding:6px 8px}.topbar-actions #downloadBackup{font-size:11px}.explorer-body.is-cloud{grid-template-columns:155px minmax(0,1fr)}}
@media(max-width:1000px){.shell{--office-sidebar:185px;grid-template-columns:var(--office-sidebar) minmax(0,1fr)}.sidebar{padding:22px 12px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-body.is-cloud{grid-template-columns:minmax(0,1fr)}.explorer-tree{display:none!important}.topbar .brand-logo{width:112px}}
@media(max-width:760px){.shell{display:flex;flex-direction:column}.topbar{height:108px;min-height:108px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px 7px;padding:7px 12px 0;position:sticky}.topbar>.brand{order:0;flex:1;min-width:0;height:44px}.topbar .brand-logo{width:102px}.document-open{order:1;min-height:38px;margin:3px 0}.office-settings{order:3}.topbar-actions{order:2;gap:4px}.topbar-actions button{font-size:11px;padding:6px}.topbar-actions #cloudSave,.topbar-actions #downloadBackup{min-width:38px;min-height:38px;font-size:0}.document-tabs{order:4;flex-basis:100%;width:100%;height:53px;align-self:auto;padding:5px 0 0}.document-tab-item{height:44px}.document-tab-item>[role=tab]{font-size:12px;max-width:190px}.document-tab-item{max-width:220px}.sidebar{padding:12px;background:white;border-bottom:1px solid var(--line);border-right:0;flex-direction:row;gap:0}.sidebar nav{flex-direction:row;gap:3px;width:100%;overflow:visible}.sidebar .side-link{flex:1;flex-direction:column;padding:7px 2px;gap:5px;font-size:11px;min-height:54px;line-height:1.3;word-break:keep-all}.sidebar #araPageTest,.sidebar #openSharedLink{border:0;margin:0;padding:7px 2px;min-height:54px}.quota-card{display:none!important}.legacy-link{display:none}.dashboard-view{padding:27px 18px 40px;margin:0;min-height:0}.dashboard-heading{margin-bottom:25px}.dashboard-heading h1{font-size:25px;line-height:1.4}.dashboard-heading p:not(.eyebrow){font-size:12px}.new-documents{margin-bottom:27px}.format-grid{gap:8px}.format-card{min-height:79px;padding:13px 10px;gap:10px}.format-copy strong{font-size:12px}.format-card .format-mark{width:27px;height:33px;font-size:15px}.format-copy small{font-size:10px}.documents-section{padding:18px 12px 8px}.document-heading{flex-direction:row;gap:8px}.document-heading h2{font-size:16px}.document-heading p:not(.eyebrow){font-size:11px}.file-toolbar{margin-top:16px;gap:7px}.file-toolbar>.search-field{min-width:100%;max-width:none;margin:0 0 2px;min-height:44px}.file-toolbar .search-field input{min-height:44px;font-size:14px}.format-filters{width:auto;flex:1;justify-content:flex-end}.format-filters button{font-size:11px;padding:6px;min-height:40px}.file-row .file-meta{flex-direction:column;align-items:flex-start;gap:4px}.file-row .file-meta span{max-width:100%}.file-row .file-meta strong{font-size:12px}.file-row .file-actions{grid-column:auto;gap:0}.file-row .icon-button{width:31px;height:44px;padding:5px}.cloud-explorer-section{padding:0}.cloud-explorer-section>.document-heading{padding:19px 13px 14px}.cloud-explorer-section .file-row,.explorer-columns{grid-template-columns:22px 22px minmax(0,1fr) 124px;padding:4px;gap:3px}.cloud-explorer-section .file-actions{grid-column:4}.cloud-explorer-section .file-row .icon-button{width:31px}.explorer-commands{padding:8px;gap:2px}.explorer-commands button,:is(.cloud-classify-settings,.cloud-ai-settings)>summary{min-height:44px;padding:6px 8px}.explorer-address{padding:4px 8px}.explorer-main .file-toolbar{padding:12px 8px 8px}:is(.cloud-classify-settings,.cloud-ai-settings)>div{left:auto;right:0;width:310px;max-width:calc(100vw - 40px)}.file-inline-preview{padding:12px 8px;flex-wrap:wrap}.file-inline-preview .recent-visual{width:190px;height:160px}.file-inline-preview p{margin:0}.workspace-view{height:calc(100dvh - 108px)}.office-settings-content .account-button{font-size:13px;max-width:none;padding:9px 12px}}

@media(min-width:1151px){.cloud-explorer-section .file-row,.explorer-columns{grid-template-columns:24px 22px minmax(100px,1fr) 100px 70px 70px 144px}.cloud-explorer-section .file-actions{grid-column:7}}
@media(min-width:851px) and (max-width:1150px){.cloud-explorer-section .file-row,.explorer-columns{grid-template-columns:24px 22px minmax(100px,1fr) 82px 62px 124px}.cloud-explorer-section .file-actions{grid-column:6}}
@media(min-width:761px) and (max-width:850px){.cloud-explorer-section .file-row,.explorer-columns{grid-template-columns:24px 22px minmax(0,1fr) 144px}.cloud-explorer-section .file-actions{grid-column:4}}
@media(max-width:760px){
 .shell:has(.workspace-view:not([hidden])) .topbar>.brand{flex:1;min-width:45px}.shell:has(.workspace-view:not([hidden])) .brand-logo{width:76px}
 .shell:has(.workspace-view:not([hidden])) .document-open{font-size:0;min-width:34px;padding:5px}
 .shell:has(.workspace-view:not([hidden])) .document-open:after{content:'＋';font-size:18px}
}

.cloud-explorer-section .file-row .file-actions{gap:0}
.file-inline-preview .secondary-action{min-height:40px;font-size:12px;border-radius:4px}
.cloud-explorer-section .format-filters{display:flex}
@media(min-width:761px){.cloud-explorer-section .file-toolbar>.search-field{flex:1 1 240px}.cloud-explorer-section .format-filters{margin-left:auto}}
@media(max-width:850px){:is(.cloud-classify-settings,.cloud-ai-settings)>div{position:fixed;top:calc(var(--office-header) + 16px);right:16px;left:auto;bottom:auto;width:min(360px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--office-header) - 32px);overflow:auto;z-index:60}}

.office-settings-content{max-height:calc(100dvh - var(--office-header) - 20px);overflow:auto}
.office-settings-content #quotaCard:not([hidden]){display:flex!important;flex-direction:column;padding:0 0 13px;margin:0;border-top:0;border-bottom:1px solid var(--line);gap:8px}
.office-settings-content .quota-card progress{width:100%}.office-settings-content .quota-card small{font-size:11px}.office-settings-content .quota-card p{display:block}

/* PDF 새 문서 카드: 준비 중 표시 전용(기능 없음) */
@media(min-width:1001px){.format-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.format-card.is-planned,.format-card.is-planned:hover{opacity:1;background:#f7f9fc;border-color:var(--line);color:#6b778a;cursor:not-allowed;box-shadow:none;transform:none}
.format-card.is-planned .format-mark.pdf{background:#fdeaea;color:#b3261e;border:1px solid #f1c9c6;font-size:10px;letter-spacing:-.3px;opacity:.75}
.format-card.is-planned strong{color:#5b6676}
.format-card.is-planned small{color:#7a8597;font-weight:600}
.format-card .format-copy{min-width:0}
@media(max-width:1000px){.format-card.is-planned{grid-column:1/-1}}

/* Use the available workspace width and teach the first task inside the empty list. */
.dashboard-view{max-width:none;width:100%}
@media(min-width:1281px){.dashboard-view{padding-left:clamp(32px,3vw,64px);padding-right:clamp(32px,3vw,64px)}}
.home-start-guide{display:none}
.home-empty-intro>svg{width:38px;height:38px;margin-bottom:12px;color:#7a91b0}
.empty-state.home-empty{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:center;gap:56px;padding:44px 48px;min-height:330px;text-align:left;background:linear-gradient(115deg,#f4f7fe,#fafbfe)}
.home-empty .home-empty-intro{max-width:440px}
.home-empty .home-empty-intro>svg{width:58px;height:58px;padding:12px;background:#e7effe;border:1px solid #dce7fb;border-radius:10px;color:var(--blue);margin-bottom:20px}
.home-empty .home-empty-intro>p{font-size:20px;font-weight:650;letter-spacing:-.5px;margin-bottom:10px;line-height:1.5}
.home-empty .home-empty-intro>span{font-size:13px;line-height:1.9;display:block;max-width:360px}
.home-empty .home-start-guide{display:grid;gap:0;padding:0;margin:0;list-style:none;text-align:left}
.home-start-guide li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e2e8f3}
.home-start-guide li:first-child{padding-top:0}.home-start-guide li:last-child{border-bottom:0;padding-bottom:0}
.home-start-guide b{font-size:11px;color:var(--blue);padding-top:2px;letter-spacing:.7px;font-weight:600}
.home-start-guide h3{font-size:13px;font-weight:650;color:var(--ink);margin:0 0 7px;line-height:1.6}
.home-start-guide li p{font-size:12px;color:var(--muted);font-weight:400;line-height:1.8;margin:0;max-width:440px}
@media(min-width:761px) and (max-width:1100px){.empty-state.home-empty{gap:25px;padding:32px 24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.home-empty .home-empty-intro>p{font-size:17px}}
@media(max-width:760px){.empty-state.home-empty{grid-template-columns:minmax(0,1fr);gap:24px;padding:25px 20px;min-height:0}.home-empty .home-empty-intro>svg{width:44px;height:44px;padding:9px;margin-bottom:14px}.home-empty .home-empty-intro>p{font-size:17px}.home-empty .home-empty-intro>span{font-size:12px}.home-start-guide li{gap:12px;padding:14px 0}}

/* The latest five compact previews lead into the complete, actionable recent list. */
.documents-section>#recentCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 16px}
#recentCards .recent-card{display:block;cursor:pointer;border-radius:5px;border:1px solid var(--line);box-shadow:none;transition:border-color .15s;text-align:left}
#recentCards .recent-card:hover{border-color:#a4bee4;background:#fff}
#recentCards .recent-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#recentCards .recent-visual{height:140px;padding:10px 12px 0;position:relative}
#recentCards .recent-visual.has-page-preview{padding:10px;background:#edf2fb}
#recentCards .recent-visual.hangul{background:#eef5ff}
#recentCards .recent-visual.word{background:#e7edff}
#recentCards .recent-visual.sheet{background:#e6f2eb}
#recentCards .recent-visual.slide{background:#fff0e7}
#recentCards .recent-card:has(.hangul){border-color:#9ec5ff}
#recentCards .recent-card:has(.word){border-color:#2765c9}
#recentCards .recent-card:has(.sheet){border-color:#39a46a}
#recentCards .recent-card:has(.slide){border-color:#e99047}
#recentCards .recent-card:has(.pdf){border-color:#dc4e47}
#recentCards .recent-visual.pdf{background:#fff0ef}
.format-mark.pdf{background:#fff0ef;color:#c23b37}
#recentCards .recent-visual.has-page-preview .recent-page-image{background:#fff}
/* Documents show their upper content at card width; slides retain the whole slide. */
#recentCards .recent-visual.has-page-preview .recent-page-image{width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}
#recentCards .recent-visual.slide.has-page-preview{padding:10px;background:#fff0e7}
#recentCards .recent-visual.slide .recent-page-image{object-fit:contain;object-position:center}
#recentCards .recent-visual.sheet .recent-page-image{object-position:left top}
#recentCards .recent-paper{height:132px;max-width:130px;transform:translateY(14px);border-radius:2px}
#recentCards .recent-info{padding:10px 12px;border-top:1px solid var(--line);background:#fff}
#recentCards .recent-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:18px;min-height:36px;font-size:13px;font-weight:600}#recentCards .recent-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-top:4px}
.recent-visual[data-preview-message]{position:relative}
.recent-visual[data-preview-message]::after,.recent-visual.is-preview-loading::after{content:attr(data-preview-message);position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:11px;line-height:1.6;color:#526782;background:#ffffffed;padding:4px 8px}
@media(max-width:1100px){.documents-section>#recentCards{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:3px 3px 8px;max-width:100%}#recentCards .recent-card{flex:0 0 180px;scroll-snap-align:start}}
@media(max-width:760px){.documents-section>#recentCards{gap:10px;margin:14px 0 12px}#recentCards .recent-card{flex-basis:170px}#recentCards .recent-visual{height:130px}}